/* body{
    font-family: "open sans",sans-serif!important;
} */
.employer-horizontalMenu>.horizontalMenu-list>li>a .fa{
  margin-top: 0;
  margin-right: 0;
}
.employer-horizontalMenu>.horizontalMenu-list>li>a.active,
.employer-horizontalMenu>.horizontalMenu-list>li>a.active .fa{
  color: #000!important;
  font-size: 16px;
  text-transform: none!important;
}

/* create-job-post-select */
.create-job-post-select [type="radio"]:checked,
.create-job-post-select [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.create-job-post-select [type="radio"]:checked + label,
.create-job-post-select [type="radio"]:not(:checked) + label
{
  position: relative;
  padding-left: 32px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
  margin: 0 0 3px;
  font-size: 16px;
}
.create-job-post-select [type="radio"]:checked + label:before,
.create-job-post-select [type="radio"]:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 22px;
  height: 22px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #fff;
}
.create-job-post-select [type="radio"]:checked + label:after,
.create-job-post-select [type="radio"]:not(:checked) + label:after {
  content: '';
  width: 12px;
  height: 12px;
  background: #1650e2;
  position: absolute;
  top: 5px;
  left: 5px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.create-job-post-select [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.create-job-post-select [type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.create-job-post-select label{
  padding-left: 32px;
}
.create-job-post-select label span{
  font-size: 14px;
}
.create-job-post{
  padding-top: 30px;
  padding-bottom: 30px;
}
.create-job-post .card{
  padding: 20px 20px 10px;
  border-radius: 6px;
  margin-bottom: 10px;
  display: block;
}
.create-job-post-select h4{
  font-weight: 700;
  margin-bottom: 8px;
}
/* end create-job-post-select */

/* create-jobpost-dropdown */
.create-jobpost-dropdown .dropdown-menu{
  width: 230px;
  padding: 10px 10px 10px;
}
.create-jobpost-dropdown .dropdown-menu h5{
  margin: 0;
  padding-left: 10px;
  font-size: 15px;
}
.create-jobpost-dropdown .dropdown-menu hr{
  margin-top: 5px;
  margin-bottom: 15px;
}
.create-jobpost-dropdown .dropdown-menu .dropdown-item{
  padding:0.5rem 0rem 0.5rem 0.5rem;
}
/* end create-jobpost-dropdown */



/* sidebar toggle menu */
.create-job-table-select [type="radio"]:checked,
.create-job-table-select [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.create-job-table-select [type="radio"]:checked + label,
.create-job-table-select [type="radio"]:not(:checked) + label
{
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline;
  color: #666;
}
.create-job-table-select [type="radio"]:checked + label:before,
.create-job-table-select [type="radio"]:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 22px;
  height: 22px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #fff;
}
.create-job-table-select [type="radio"]:checked + label:after,
.create-job-table-select [type="radio"]:not(:checked) + label:after {
  content: '';
  width: 12px;
  height: 12px;
  background: #1650e2;
  position: absolute;
  top: 5px;
  left: 5px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.create-job-table-select [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.create-job-table-select [type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.create-job-table-select .btn-primary{
  margin-top: 20px;
}
.create-job-table-select .btn-primary svg{
  width: 30px;
  fill: #fff;
}
.create-job-post-select h4 span{
  color: red;
  font-size: 20px;
}
.create-job-post-select-btn{
  margin-top: 20px;
}
/* end sidebar toggle menu */

/* add-job-basics */
.add-job-basics{
  margin-bottom: 20px;
}
.add-job-basics .add-job-basics-title .form-group label{
  font-size: 16px;
  margin-bottom: 4px;
  font-weight: 600;
}
.add-job-basics .add-job-basics-title .form-group label span{
  color: red;
  font-size: 20px;
}
.add-job-basics .add-job-basics-title .form-group label svg{
  width: 20px;
  margin-right: 8px;
  margin-top: -5px;
}
.add-job-basics-title .form-group .form-control{
  height: 50px;
  border: 1px solid #acacac;
}
.add-job-basics-title .form-inline .form-group{
  margin-right: 15px;
  margin-left: 0px;
}
.add-job-basics-title .form-inline .form-group-to{
   margin-right: 15px;
  margin-left: 0px;
}
.add-job-basics-title .form-inline .form-group label{
  justify-content: start;
  font-weight: 500;
}
.add-job-basics .new-lead-form-btn{
  color: #fff;
  background-color: #e34216;
  border-color: #e34216;
  margin: auto;
}

/* end add-job-basics */

/*  */
#jobAddressCard{
  display: none;
}
/*  */

/*  */
.address-wrapper .wrapper {
height: 100%;
padding: 2em;
display: grid;
place-content: center;
}

.address-wrapper label {
/* margin-top: 1.5em; */
margin-bottom: .5em;
font-weight: bold;
font-size: 1.2em;
}

.address-wrapper select {
padding: 1em;
width: 100%;
border-radius: .2em;
border: 1px solid #acacac;
color: #181820;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
background: url('https://cdn1.iconfinder.com/data/icons/arrows-vol-1-4/24/dropdown_arrow-512.png');
background-repeat: no-repeat;
background-size: 15px 15px;
background-position: right;
background-origin: content-box;
background-color: #fff;
}
.required{
  color: red;
}
.add-job-basics-title .form-group{
  margin-bottom: 10px;
}
.add-job-basics-title .form-check-inline{
  margin-bottom: 15px;
}
.add-job-basics-title .form-check-inline label{
  margin-bottom: 0;
}
.add-job-basics-title .form-group .btn-group{
  margin-top: 5px;
  flex-wrap: wrap;
}
/*  */


/*  */
.btn-group .select {
  position: relative;
  margin-bottom: 10px;
}
.btn-group .select input:checked + label {
  background-color: lightgray;
}
.btn-group .select input:checked + label:hover, .btn-group .select input:checked + label:focus, .btn-group .select input:checked + label:active {
  background-color: lightgray;
}
.btn-group .select input {
  opacity: 0;
  position: absolute;
}
.btn-group .select .button_select {
  margin: 0 15px 10px 0;
  display: flex;
  background-color: #fff;
  font-weight: 500!important;
  font-size: 14px!important;
  /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
  padding: 6px 20px;
  border: 1px solid #acacac;
}
.btn-group .select .button_select:hover, 
.btn-group .select .button_select:focus,
.btn-group .select .button_select:active {
  background-color: transparent;
}
.option {
  position: relative;
}
.option input {
  opacity: 0;
  position: absolute;
}
.option input:checked + span {
  background-color: lightgray;
}
.option input:checked + span:hover, 
.option input:checked + span:focus, 
.option input:checked + span:active {
  background-color: lightgray;
}
.option .btn-option {
  margin: 0 15px 10px 0;
  display: flex;
  background-color: transparent;
  font-size: 14px!important;
  /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
  padding: 6px 20px;
  color: #000!important;
  background-color: #fff;
  border: 1px solid #acacac;
}
.option .btn-option:hover, .option .btn-option:focus, .option .btn-option:active {
  background-color: transparent;
}
/*  */

/*  */

.add-job-basics-title .form-check-inline [type="radio"]:checked,
.add-job-basics-title .form-check-inline [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.add-job-basics-title .form-check-inline [type="radio"]:checked + label,
.add-job-basics-title .form-check-inline [type="radio"]:not(:checked) + label
{
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
}
.add-job-basics-title .form-check-inline [type="radio"]:checked + label:before,
.add-job-basics-title .form-check-inline [type="radio"]:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 22px;
  height: 22px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #fff;
}
.add-job-basics-title .form-check-inline [type="radio"]:checked + label:after,
.add-job-basics-title .form-check-inline [type="radio"]:not(:checked) + label:after {
  content: '';
  width: 12px;
  height: 12px;
  background: #1650e2;
  position: absolute;
  top: 5px;
  left: 5px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.add-job-basics-title .form-check-inline [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.add-job-basics-title .form-check-inline [type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
/*  */

/* date-picker-select */  
#date-picker-select{
  display: none;
}
.datepicker {
    width: 100%;
    border: 1px solid #ccc;
    font-size: 1em;
    padding: .5em 1em;
    border-radius: 4px;
    height: 50px;
}
.pickadate__input--active {
    border-color: #0089ec !important;
}

.pickadate__holder {
    font-size: 16px;

    line-height: 1.2;
    color: #000;

    position: absolute;
    z-index: 10000;

    width: 100%;
    height: 0;
}

.pickadate__frame {
    position: relative;
    max-width: 420px;
    min-width: 256px;
    max-height: 0;
    overflow-y: hidden;

    -webkit-transition: all .15s ease-out;
       -moz-transition: all .15s ease-out;
            transition: all .15s ease-out;
}

.pickadate__holder--opened .pickadate__frame,
.pseudo-focused + .pickadate__holder .pickadate__frame {
    top: .5em;
    max-height: 25em;

    -webkit-box-shadow: 0 6px 18px 1px rgba(0,0,0,.12);
       -moz-box-shadow: 0 6px 18px 1px rgba(0,0,0,.12);
            box-shadow: 0 6px 18px 1px rgba(0,0,0,.12);
}

.pickadate__calendar {
    color: #000;
    background: #fff;

    padding: 1em;
    font-size: 1em;
    border: 1px solid #ccc;

    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
}

.pickadate__table {
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    font-size: inherit;
    width: 100%;
    margin-top: .75em;
}

.pickadate__table td {
    margin: 0;
    padding: 0;
}

.pickadate__header {
    text-align: center;
    position: relative;
}

.pickadate__nav--prev,
.pickadate__nav--next {
    position: absolute;
    top: -.1em;
    padding: .5em;
    margin: -.5em;
    text-align: center;
    min-width: 24px;
    height: 24px;
    line-height: 26px;
}
.pickadate__nav--prev {
    left: 0;
}
.pickadate__nav--next {
    right: 0;
}


.pickadate__month,
.pickadate__year {
    font-weight: 500;
    display: inline-block;
}
.pickadate__year {
    color: #999;
    font-size: .8em;
    font-style: italic;
    margin-left: .5em;
}

.pickadate__select--month,
.pickadate__select--year {
    font-size: .8em;
    border: 1px solid #ccc;
    height: 2.5em;
    margin-top: -.5em;
}
.pickadate__select--month {
    width: 35%;
}
.pickadate__select--year {
    width: 22.5%;
    margin-left: .5em;
}
.pickadate__select--month:focus,
.pickadate__select--year:focus {
    border-color: #0089ec;
}

.pickadate__weekday {
    width: 14.285714286%; /* 100/7 */
    font-size: .75em;
    padding-bottom: .5em;
    color: #999;
    font-weight: 500;
}

.pickadate__day {
    padding: .33em 0 .25em;
    font-weight: 100;
    border: 1px solid #fff;
    margin-bottom: 1px;
}

.pickadate__day--today {
    color: #0089ec;
    position: relative;
}
.pickadate__day--today:before {
    content: " ";
    position: absolute;
    top: 2px;
    right: 2px;
    width: 0;
    height: 0;
    border-top: .5em solid #0059bc;
    border-left: .5em solid transparent;
}
.pickadate__day--selected,
.pickadate__day--selected:hover {
    border-color: #0089ec;
}
.pickadate__day--highlighted {
    background: #fff;
}
.pickadate__day--disabled:before {
    border-top-color: #aaa;
}
.pickadate__day--outfocus {
    color: #ddd;

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    -moz-opacity: .75;
         opacity: .75;
}

.pickadate__footer {
    text-align: center;
    margin: .5em 0 -.5em;
}

.pickadate__button--today,
.pickadate__button--clear {
    border: 1px solid #fff;
    background: #fff;
    font-size: .8em;
    padding: .66em 0;
    margin: 0 2.5%;
    font-weight: bold;
    width: 40%;
}
.pickadate__button--today:before,
.pickadate__button--clear:before {
    position: relative;
    display: inline-block;
    height: 0;
}
.pickadate__button--today:before {
    content: " ";
    margin-right: .45em;
    top: -.05em;
    width: 0;
    border-top: .66em solid #0059bc;
    border-left: .66em solid transparent;
}
.pickadate__button--clear:before {
    content: "\D7";
    margin-right: .35em;
    top: -.1em;
    color: #e20;
    vertical-align: top;
    font-size: 1.1em;
}
.pickadate__button--today:focus,
.pickadate__button--clear:focus {
    background: #b1dcfb;
    border-color: #0089ec;
    outline: none;
}

.pickadate__day--infocus:hover,
.pickadate__day--outfocus:hover,
.pickadate__nav--prev:hover,
.pickadate__nav--next:hover,
.pickadate__button--today:hover,
.pickadate__button--clear:hover {
    cursor: pointer;
    color: #000;
    background: #b1dcfb;
}
.pickadate__day--disabled,
.pickadate__day--disabled:hover {
    background: #f5f5f5;
    border-color: #f5f5f5;
    color: #ddd;
    cursor: default;
}
.pickadate__day--highlighted:hover,
.pickadate__holder--focused .pickadate__day--highlighted {
    background: #0089ec;
    color: #fff;
}
/* end date-picker-select */

/* Job details */
.job-details{
  padding: 30px 0 50px;
}
.job-details-table .job-details-table-box{
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  align-items: center;
}
.job-details-table .job-details-table-box .btn{
  width: 90px;
  padding: 2px 0;
}
.job-details-table .job-details-table-box h4{
  font-weight: 700;
  margin: 0;
}
.job-details-table .card .table tr td:nth-child(1){
  width: 235px;
  padding-left: 40px;
}
/* end Job details */

/* job-details-show */
.job-details-show{
  padding: 15px 0 20px;
  /* overflow:hidden; */
}
.job-details-show .job-details-show-btn .btn-group a{
  padding: 8px 20px;
  font-size: 14px;
}
.job-details-show .job-details-show-btn .btn-group a.active{
  background-color: #304c77;
  color: #fff;
  border: 1px solid #304c77;
}
/* end job-details-show */

/* job-details-show-table */
.job-details-show .select-dropdown,
.job-details-show .select-dropdown * {
margin: 0;
padding: 0;
position: relative;
box-sizing: border-box;
}
.job-details-show .select-dropdown {
position: relative;
border-radius: 4px;
}
.job-details-show .select-dropdown label{
  margin-bottom: 5px;
}
.job-details-show .select-dropdown select {
font-size: 1rem;
font-weight: normal;
max-width: 100%;
padding: 8px 24px 8px 10px;
border: none;
background-color: #fff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #c1c1c1;
}
.job-details-show .select-dropdown select:active,
.job-details-show .select-dropdown select:focus {
outline: none;
box-shadow: none;
}
.job-details-show .select-dropdown:after {
content: "";
position: absolute;
top: 68%;
right: 10px;
width: 0;
height: 0;
margin-top: -2px;
border-top: 5px solid #aaa;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
}
.job-details-show-table{
  width: 100%;
  overflow: auto;
  display: block;
  margin-top: 15px;
  cursor: e-resize;
}
.job-details-show .s-scrol{
  margin-bottom: 5px;
  font-weight: 600;
  color: red;
  display:none;
}
.job-details-show .s-scrol span{
  padding-right:4px;
}
.job-details-show .s-scrol span i{
  font-size:16px;
  font-weight: 600;
}
.job-details-show .s-scrol span{
text-decoration: blink;
-webkit-animation-name: blinker;
-webkit-animation-duration: 0.6s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:ease-in-out;
-webkit-animation-direction: alternate;
}
@-webkit-keyframes blinker {
from {opacity: 1.0;}
to {opacity: 0.0;}
}
.job-details-show-table .table{
  margin-top: 0px;
  font-family: "open sans",sans-serif;
  width:100%;
  margin-bottom:0;
}
.job-details-show-table .table tbody tr{
  background-color: #fff;
  border-radius: 6px;
  font-family: "open sans",sans-serif;
  padding-top: 6px;
  display: block;
  border: 1px solid #c1c1c1;
  margin-bottom: 15px;
  overflow-x: auto;
  width: 100%;
  display: inline-flex;
}
.job-details-show-table .table tbody tr td p{
  margin-bottom: 3px;
  font-size: 14px;
  font-family: "open sans",sans-serif;
  font-weight: 600;
}
.job-details-show-table input[type=checkbox] {
  position: relative;
  border: 2px solid #000;
  border-radius: 2px;
  background: none;
  cursor: pointer;
  line-height: 0;
  outline: 0;
  padding: 0 !important;
  vertical-align: text-top;
  height: 20px;
  width: 20px;
  -webkit-appearance: none;
  opacity: .5;
}

.job-details-show-table input[type=checkbox]:hover {
  opacity: 1;
}

.job-details-show-table input[type=checkbox]:checked {
  background-color: #000;
  opacity: 1;
}

.job-details-show-table input[type=checkbox]:before {
  content: '';
  position: absolute;
  right: 50%;
  top: 50%;
  width: 4px;
  height: 10px;
  border: solid #FFF;
  border-width: 0 2px 2px 0;
  margin: -1px -1px 0 -1px;
  transform: rotate(45deg) translate(-50%, -50%);
  z-index: 2;
}
.job-details-show-table .table tbody tr td img{
  line-height: 2;
  width: 25px;
  margin-top: 0px;
}
.job-details-show-table .table tbody tr td .comment-form-cookies-consent{
  line-height: 5;
}
/* end job-details-show-table */

/* open-close-dropdown */
.open-close-dropdown{
  float: right;
}
.open-close-dropdown ul {
list-style: none;
}
.open-close-dropdown .block-wrapper {
display: flex;
gap: 30px;
}
.open-close-dropdown .select {
position: relative;
width: 100%;
max-width: 350px;
background: #fff;
}
.open-close-dropdown .select-field {
padding: 12px 32px 12px 12px;
width: 100%;
font-family: inherit;
font-weight: var(--fontWeightMedium);
font-size: 1em;
color: #444;
background-color: unset;
border: 1px solid #c1c1c1;
border-radius: 4px;
transition: 0.2s;
z-index: 1;
cursor: pointer;
}
.open-close-dropdown .select-field:focus {
outline: transparent;
box-shadow: 0 0 3px #7e9bbd;
}
.open-close-dropdown .select-field::placeholder {
font-weight: var(--fontWeightLight);
color: #444;
}
.open-close-dropdown .select-field + span {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 32px;
}
.open-close-dropdown .select-field + span::after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 6px 6px 0 6px;
border-color: #304c77 transparent transparent transparent;
pointer-events: none;
transition: 0.5s;
z-index: 1;
}
.open-close-dropdown .select-field.turn + span::after {
border-width: 0 8px 8px 8px;
border-color: transparent transparent #304c77 transparent;
}
.open-close-dropdown .select-list {
display: none;
position: absolute;
top: 45px;
left: 0;
width: 100%;
background-color: #fff;
border: 1px solid #c1c1c1;
animation: fadeIn 0.4s;
z-index: 10;
}
.open-close-dropdown .select-list.open {
display: block;
}
.open-close-dropdown .select-list li {
display: block;
color: var(--textColor);
font-weight: var(--textWeightLight);
padding: 12px 12px 12px 12px;
transition: all 0.2s ease-out;
cursor: pointer;
}
/* .open-close-dropdown .select-list li:not(:last-child) {
 border-bottom: 1px solid #7e9bbd;
} */
.open-close-dropdown .select-list li:hover {
background-color: #304c76;
color: #fff;
}
@keyframes fadeIn {
 from {
   opacity: 0;
}
 to {
   opacity: 1;
}
}

.open-close-dropdown .select-list li img{
  width: 22px;
  margin: 0!important;
}
.wt-60{
  width: 60px!important;
}
.wt-80{
  width: 80px!important;
}
.wt-90{
  width: 90px!important;
}
.wt-100{
  width: 100px!important;
}
.wt-110{
  width: 110px!important;
}
.wt-120{
  width: 120px!important;
}
.wt-130{
  width: 130px!important;
}
.wt-150{
  width: 150px!important;
}
.wt-165{
  width: 165px!important;
}
.wt-160{
  width: 160px!important;
}
.wt-180{
  width: 180px!important;
}
.wt-200{
  width: 200px!important;
}
.wt-215{
  width: 215px!important;
}

.wt-260{
  width: 260px!important;
}
.wt-300{
  width: 300px!important;
}

.wt-310{
  width: 310px!important;
}
.wt-320{
  width: 320px!important;
}
.wt-350{
  width: 350px!important;
}
.job-details-show-table .table tbody tr td .dropdown-menu-arrow:after,
.job-details-show-table .table tbody tr td .dropdown-menu-arrow::before{
  content: unset;
}
.job-details-show-table .table tbody tr td .dropdown-menu-arrow{
  top: 12px!important;
  width: 230px;
  padding: 10px;
  z-index: 1;
}
/* .job-details-show-table .table tbody tr:last-child td .dropdown-menu-arrow {
  border: 1px solid rgb(34, 255, 45);
  height: 133px;
  transform: translate(-220px, 240px)!important;
} */
/* .job-details-show-table .table tbody tr:nth-last-child(2) td .dropdown-menu-arrow {
  border: 1px solid red;
  height: 133px;
  transform: translate(-220px,130px)!important;
} */
.job-details-show-table .table tbody tr td .dropdown-menu-arrow .dropdown-item{
  padding: 0.5rem 0.5rem;
}
.job-details-show-table .table tbody tr td .dropdown {
  position: unset;
}

.open-close-dropdown-shortlist{
  float: unset;
}
/* end open-close-dropdown */

/* view-job-details */
.view-job-details{
  padding-top: 30px;
  padding-bottom: 40px;
}
.view-job-details .view-job-details-txt{
  padding: 10px;
}
.view-job-details .view-job-details-txt h3{
  font-weight: 700;
  margin-bottom: 20px;
}
.view-job-details .view-job-details-txt h5{
  font-weight: 700;
  margin-bottom: 10px;
  padding-left: 15px;
  font-size: 15px;
}
.view-job-details .view-job-details-txt ul{
  padding-top: 10px;
}
.view-job-details .view-job-details-txt ul h6{
  font-size: 17px;
  font-weight: 700;
}
.view-job-details .view-job-details-txt ul li{
  list-style-type: disc;
  margin-left: 28px;
  line-height: 1.8;
}
.view-job-details-txt-right{
  position: sticky;
  top: 100px;
}
.view-job-details-txt-right .open-close-dropdown{
  margin-top: 15px;
}
.view-job-details-txt-right .open-close-dropdown .select2.select2-container--default{
  width: 100% !important;
}
.view-job-details-txt-right .card h5{
  font-weight: 700;
  margin-bottom: 13px;
  font-size: 17px;
}
.view-job-details-txt-right .btn-primary{
  background-color: #304c77;
  border: 1px solid #304c77;
}
.view-job-details-txt-right .btn-white{
  margin-top: 15px;
}
.view-job-details-txt-right .card p{
  margin-bottom: 3px;
}
.view-job-details-txt-right .card hr{
  margin: 20px 0;
}

/* end view-job-details */


/* employer-nav */
.employer-nav nav {
  position: fixed;
  top:0;
  left: 0;
  width: 250px;
  height: 100%;
  /* background: var(--bg-secondary); */
  background: #1a4368;
  transition: .5s;
  overflow: hidden;
  z-index: 9999;
}

.employer-nav nav.active {
  width: 300px;
}
/* .employer-nav nav:hover {
  width: 250px;
} */

.employer-nav nav ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.employer-nav nav ul li {
  list-style: none;
  width: 100%;
  position: relative;

}

.employer-nav nav ul li a:hover {
  color: var(--bg-primary);
}

.employer-nav nav ul li:hover a::before {
  /* background-color: var(--bg-active); */
  background-color: #fff;
  width: 100%;
}

.employer-nav nav ul li a {
  position: relative;
  display: block;
  width: 100%;
  display: flex;
  align-items: center;
  text-decoration: none;
  /* color: var(--cl-text); */
  color: #fff;
  transition: .2s;
}

.employer-nav nav ul li a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  transition: .2s;
}

.employer-nav nav ul li a .icon {
  position: relative;
  display: block;
  min-width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
}

.employer-nav nav ul li a .title {
  position: relative;
  /* font-size: .85em; */
  font-size: 16px;
}

.employer-nav nav ul li a .icon * {
  /* font-size: 1.1em; */
  font-size: 20px;
}
.employer-nav nav ul li a .icon svg{
  width: 28px;
  fill: #fff;
}
.employer-nav nav ul li a:hover svg{
  fill:#000;
}

.employer-nav nav ul li a.toggle {
  /* border-bottom: 3px solid var(--bg-primary);
  border-bottom: 3px solid #e73137; */
  padding-bottom: 8px;
}
.employer-nav nav ul li a.toggle
.toggle {
  cursor: pointer;
}
.employer-nav nav ul .toggle-head:hover .title,
.employer-nav nav ul .toggle-head:hover i{
  color: #000!important;
}

.employer-header {
  display: none;
}

@media (max-width: 768px) {
  .employer-header {
      display: flex;
      justify-content: space-around;
      align-items: center;
      height: 60px;
      background: var(--bg-secondary);
      color: var(--cl-text);
  }

  .employer-header a {
      color: var(--cl-text)
  }

  .employer-nav nav {
      left: -60px;
  }

  .employer-nav nav.active {
      left: 0;
      width: 100%;
  }

  .employer-nav nav ul li a.toggle {
      display: flex;
  }
}

:root {
  --bg-primary: #41444b;
  --bg-secondary: #52575d;
  --bg-active: #fddb3a;
  --cl-text: #f6f4e6;
}
/* end employer-nav */




/*  */
.candidate-table-show input[type=checkbox] {
  position: relative;
  border: 2px solid #000;
  border-radius: 2px;
  background: none;
  cursor: pointer;
  line-height: 0;
  outline: 0;
  padding: 0 !important;
  vertical-align: text-top;
  height: 20px;
  width: 20px;
  -webkit-appearance: none;
  opacity: .5;
}

.candidate-table-show input[type=checkbox]:hover {
  opacity: 1;
}

.candidate-table-show input[type=checkbox]:checked {
  background-color: #000;
  opacity: 1;
}

.candidate-table-show input[type=checkbox]:before {
  content: '';
  position: absolute;
  right: 50%;
  top: 50%;
  width: 4px;
  height: 10px;
  border: solid #FFF;
  border-width: 0 2px 2px 0;
  margin: -1px -1px 0 -1px;
  transform: rotate(45deg) translate(-50%, -50%);
  z-index: 2;
}
.candidate-table-show .table tbody tr td p {
  margin-bottom: 3px;
  font-size: 13px;
  font-family: "open sans",sans-serif;
  font-weight: 600;
}
.candidate-table-show .dropdown-menu-arrow:after,
.candidate-table-show .dropdown-menu-arrow:before{
  content: unset;
}
.candidate-table-show .table tbody tr td .dropdown-menu-arrow {
  top: 12px!important;
  width: 230px;
  padding: 10px;
}
.candidate-table-show table.dataTable tbody tr td,
.candidate-table-show table.dataTable thead tr th{
  border-bottom: 1px solid #bdbdbd!important;
}
.candidate-table-show .table tbody tr td .comment-form-cookies-consent {
  line-height: 5;
  text-align: center;
}
.candidate-table-show .table tbody tr td img {
  line-height: 2;
  width: 20px;
  margin-top: 10px;
}
.candidate-table-show .table tbody tr td .btn{
  border: 1px solid #bdbdbd;
  padding: 1px 12px;
  font-size: 12px;
}
.candidate-table-show .table tbody tr td .btn-chekk{
  height: 39px;
}
.candidate-table-show .table tbody tr td .btn-chekk i{
  font-size: 16px;
}
.candidate-table-show .table tbody tr td .btn-close{
  height: 35px;
}
.candidate-table-show .table tbody tr td .btn-close i{
  font-size: 16px;
}
.candidate-table-show .table tbody tr td .btn-close:hover{
  border-color: red;
  color: red;
}
.candidate-table-show .table tbody tr td .btn-chekk:hover{
  border-color: green;
  color: green;
}
.candidate-table-show .card{
  padding: 30px 20px;
}
/*  */

/*  */
.candidate-menu .candidate-menu-list{
  margin-top: 30px;
}
.candidate-menu .candidate-menu-list ul li{
  float: left;
  margin-right: 20px;
}
.candidate-menu .candidate-menu-list ul li a{
  font-size: 17px;
  color: #1a4368;
  padding-bottom: 3px;
  font-weight: 600;
  background: #fff;
  padding: 8px 18px;
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.candidate-menu .candidate-menu-list ul li a:hover{
  border-bottom: 2px solid #1a4368;
  box-shadow: none;
}
.candidate-menu .candidate-menu-list ul li a.active{
  border-bottom: 2px solid #1a4368;
  box-shadow: none;
}
/*  */

/*  */
.resume-card-listing .card-header{
  align-items: flex-start;
}
.resume-card-listing ul{
  padding-left: 5px;
}
.resume-card-listing ul li{
  font-size: 15px;
  line-height: 1.7;
}
.resume-card-listing ul li i{
  margin-right: 5px;
}
.resume-card-listing .listing-name-section{
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-transform: uppercase;
}
.candidates-name-list h5{
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 5px;
}
.candidates-name-list p{
  margin-bottom: 0;
  font-size: 13px;
}
.candidates-name-list{
  margin-bottom: 10px!important;
}
.candidates-name-list:hover{
  background: #d3eaff78;
}
.candidates-name-list.active{
  background: #d3eaff78;
}
/*  */


/* filter-salarys */
.filter-salarys{
  padding: 0 0px;
}
.filter-salarys .header-ct h2 {
  text-transform: capitalize;
  margin: 20px 0px;
  color: #ffffff;
}

.filter-salarys .header-ct p,
.filter-salarys .by a {
  color: #ffffff;
}
.filter-salarys .by a:hover{
text-decoration:none;
}
/* .filter-salarys .price-range-block {
  margin:60px;
} */
.filter-salarys .ui-slider-horizontal {
  height: .6em;
}
.filter-salarys .ui-slider-horizontal {
  margin-bottom: 15px;
  width: 90%;
  margin: auto;
}
.filter-salarys .ui-widget-header {
  background: #e34216;
}

.filter-salarys .price-range-search {
  width:40.5%; 
  background-color: #f9f9f9; 
  border: 1px solid #6e6666;
  min-width: 40%;
  display: inline-block;
  height: 32px;
  border-radius: 5px;
  float: left;
  margin-bottom:20px;
  font-size:16px;
}
.filter-salarys .price-range-field{
  width:100%; 
  min-width: 16%;
  background-color:#fff; 
  border: 1px solid #d5d5d5; 
  color: black; 
  font-family: myFont; 
  font: normal 14px Arial, Helvetica, sans-serif; 
  border-radius: 3px; 
  height:35px; 
  padding:10px;
  margin-right: 7px;
}
.filter-salarys .search-results-block{
  position: relative;
  display: block;
  clear: both;
  color: red;
}
.filter-salarys .ui-state-default, 
.filter-salarys .ui-widget-content .ui-state-default{
  background: #304c77;
}
.filter-salarys .ui-slider-horizontal .ui-slider-handle {
  top: -0.4em!important;
  margin-left: -0.6em;
}
.filter-salarys .ui-slider .ui-slider-handle{
  width: 1em;
    height: 1em;
}

.sort-by-select .select2-container .select2-selection--single .select2-selection__rendered{
  padding-left: 15px!important;
}
.slider-range-input{
  display: flex;
  margin-top: 15px;
}
/* end filter-salarys */

/* card-header-text */
.card-header-text{
  border-bottom: 1px solid #e8ebf3;
  padding: 0 5px;
}
.card-header-text .table tr td{
  padding: 5px 8px;
}
.card-header-text .table tr td i{
  margin-right: 5px;
}
.card-header-text .table tr td svg{
  width: 24px;
}
.card-header-text h4{
  color: #1a4368;
  font-size: 15px;
  margin-bottom: 8px;
}
.card-header-text h4 svg{
  width: 22px;
  margin-right: 5px;
  margin-top: -2px;
  fill: #1a4368;
}
.card-header-text .wt-100{
  width: 100px!important;
}
.card-header-text p{
  margin-left: 15px;
}
.resume-card-listing-img{
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  height: 100px;
  width: 100px;
  border-radius: 8px;
  margin: auto;
  text-align: center;
  padding: 10px;
}
/* end card-header-text */

/* employer-myprofile */
.employer-myprofile{
  padding-top: 25px;
}
.employer-myprofile .employer-myprofile-img{
  position: sticky;
  top: 85px;
  width: 350px;
  margin: auto;
}
.employer-myprofile-txt1 i{
  width: 25px;
  font-size: 20px;
}
.employer-myprofile-txt1 ul li{
  margin: 5px 0;
  font-size: 16px;
}
.employer-myprofile-txt h3 svg,
.employer-myprofile-txt h4 svg{
  width: 30px;
  margin-right: 8px;
}
.employer-myprofile-txt .card-txt{
  margin-bottom: 5px;
}
.employer-myprofile-txt .card-txt p{
  margin-bottom: 5px;
  font-size: 15px;
}
.employer-myprofile-txt .card-txt p span{
  color: #8c8594;
}
.employer-myprofile-txt .card-txt .table tr td{
  padding: 5px 8px;
  font-size: 15px;
}
.employer-myprofile-txt .open-close-dropdown .select{
  width: 100%;
  max-width: 100%;
}
.employer-myprofile-txt .open-close-dropdown{
  margin-top: 10px;
  margin-bottom: 25px;
}
.employer-myprofile-txt .open-close-dropdown h5{
  margin-bottom: 10px;
}
.employer-myprofile-txt .open-close-dropdown .form-control{
  height: 45px;
  margin-top: 15px;
  border-color: #c1c1c1;
  font-size: 14px;
}
.employer-myprofile-txt .card-txt .btn-primary{
  background-color: #1a4368;
  border-color: #1a4368;
}
.employer-myprofile-txt .employer-myprofile-txt-img{
  border: 1px solid #c1c1c1;
  border-radius: 6px;
}
/* end employer-myprofile */

/* employer-myprofile-edit */
.employer-myprofile-edit{
  padding-top: 30px;
  padding-bottom: 40px;
}
.employer-myprofile-edit .row{
  justify-content: center;
}
.employer-myprofile-edit .employer-myprofile-txt{
  margin-top: 20px;
}
/* end employer-myprofile-edit */

/* candidate-list-btn */
.candidate-list-btn .sort-by-select{
  width: 155px;
  height: 30px;
}
.candidate-list-btn .btn{
  padding: 3px 12px;
  height: 30px;
}
.candidate-list-btn .btn:hover{
  color:#fff;
}
.candidate-list-btn .btn i{
  margin-right: 2px;
}
.candidate-list-btn .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 28px !important;
}
.candidate-list-btn .showcase {
  position: relative;
  color: white;
  text-align: center;
}
.candidate-list-btn .showcase .overlayy {
  width: 100%;
  height: 30px;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index:999;
  border-radius: 4px;
  padding-top: 6px;
  display: none;
  color: white;
}
.candidate-list-btn .showcase:hover .overlayy{
  display: block;
}
.candidate-list-btn .showcase .overlayy i{
  font-size: 18px;
}
/* end candidate-list-btn */


/* billing information form */
.billing-information-form-section{
  margin-top: 30px;
}
.billing-information-form-section .row{
  justify-content: center;
}
.billing-information-form-section .billing-information-form .card h3{
  font-weight: 600;
  margin-bottom: 15px;
}

.billing-information-form-section .billing-information-form form .row{
  margin-bottom: 15px;
}
.billing-information-form-section .billing-information-form form label{
  font-size: 15px;
  margin-bottom: 4px;
  font-weight: 600;
}
.billing-information-form-section .billing-information-form form h6{
  font-size: 16px;
  font-weight: 700;
}
.billing-information-form-section .billing-information-form form p{
  font-size: 16px;
  margin-left: 15px;
  margin-bottom: 0;
}
.billing-information-form-section .billing-information-form .billing-information-form-btn{
  display: flex;
  justify-content: space-between;
  padding: 0px 2px 15px;
}
.billing-information-form-section .billing-information-form .billing-information-form-btn .btn{
  padding: 5px 35px;
}
/* end billing information form */

/* billing information form select box */
@media(max-width:34em){
  .containerss .main{
    min-width:150px;
    width:auto;
  }
}
.containerss select {
    display: none !important;
}

.containerss .dropdown-select {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40FFFFFF', endColorstr='#00FFFFFF', GradientType=0);
    background-color: #fff;
    border-radius: 4px;
    border: solid 1px #eee;
    /* box-shadow: 0px 2px 5px 0px rgba(155, 155, 155, 0.5); */
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: normal;
    height: 42px;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;

}

.containerss .dropdown-select:focus {
    background-color: #fff;
}

.containerss .dropdown-select:hover {
    background-color: #fff;
}

.containerss .dropdown-select:active,
.containerss .dropdown-select.open {
    background-color: #fff !important;
    border-color: #bbb;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) inset;
}

.containerss .dropdown-select:after {
    height: 0;
    width: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #777;
    -webkit-transform: origin(50% 20%);
    transform: origin(50% 20%);
    transition: all 0.125s ease-in-out;
    content: '';
    display: block;
    margin-top: -2px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 50%;
}

.containerss .dropdown-select.open:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.containerss .dropdown-select.open .list {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    pointer-events: auto;
}

.containerss .dropdown-select.open .option {
    cursor: pointer;
}

.containerss .dropdown-select.wide {
    width: 100%;
}

.containerss .dropdown-select.wide .list {
    left: 0 !important;
    right: 0 !important;
}

.containerss .dropdown-select .list {
    box-sizing: border-box;
    transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09);
    background-color: #fff;
    border-radius: 6px;
    margin-top: 4px;
    padding: 3px 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999;
    max-height: 250px;
    overflow: auto;
    border: 1px solid #ddd;
}

.containerss .dropdown-select .list:hover .option:not(:hover) {
    background-color: transparent !important;
}
.containerss .dropdown-select .dd-search{
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0.5rem;
}

.containerss .dropdown-select .dd-searchbox{
  width:100%;
  height: 40px;
  padding:0.5rem;
  border:1px solid #999;
  border-color:#999;
  border-radius:4px;
  outline:none;
}
.containerss .dropdown-select .dd-searchbox:focus{
  border-color:#12CBC4;
}

.containerss .dropdown-select .list ul {
    padding: 0;
}

.containerss .dropdown-select .option {
    cursor: default;
    font-weight: 400;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    transition: all 0.2s;
    list-style: none;
}

.containerss .dropdown-select .option:hover,
.containerss .dropdown-select .option:focus {
    background-color: #f6f6f6 !important;
}

.containerss .dropdown-select .option.selected {
    font-weight: 600;
    color: #12cbc4;
}

.containerss .dropdown-select .option.selected:focus {
    background: #f6f6f6;
}

.containerss .dropdown-select a {
    color: #aaa;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

.containerss .dropdown-select a:hover {
    color: #666;
}
/* end billing information form select box */

/* purchase-history */
.purchase-history{
  padding-top: 30px;
}
.purchase-history .purchase-history-date{
  margin-bottom: 20px;
}
.purchase-history .purchase-history-date .purchase-history-date-btn{
  margin-top: 27px;
}
.purchase-history .purchase-history-date .dateholder label{
  font-size: 15px;
  margin-bottom: 2px;
  font-weight: 600;
}
.purchase-history .purchase-history-date .purchase-history-date-btn .btn{
  padding: 2px 30px;
  width: 100%;
}
.purchase-history .purchase-history-date .datepicker{
  height: 35px!important;
}
.purchase-history .purchase-history-card .table tr td{
  padding: 2px 12px;
}
.purchase-history .purchase-history-card .table tr td p{
  margin-bottom: 0;
}
/* end purchase-history */


.rating-loading{width:25px;height:25px;font-size:0;color:#fff;background:url(../img/loading.gif) top left no-repeat;border:none}.rating-container .rating-stars{position:relative;cursor:pointer;vertical-align:middle;display:inline-block;overflow:hidden;white-space:nowrap}.rating-container .rating-input{position:absolute;cursor:pointer;width:100%;height:1px;bottom:0;left:0;font-size:1px;border:none;background:0 0;padding:0;margin:0}.rating-disabled .rating-input,.rating-disabled .rating-stars{cursor:not-allowed}.rating-container .star{display:inline-block;margin:0 3px;text-align:center}.rating-container .empty-stars{color:#aaa}.rating-container .filled-stars{position:absolute;left:0;top:0;margin:auto;color:#fde16d;white-space:nowrap;overflow:hidden;-webkit-text-stroke:1px #777;text-shadow:1px 1px #999}.rating-rtl{float:right}.rating-animate .filled-stars{transition:width .25s ease;-o-transition:width .25s ease;-moz-transition:width .25s ease;-webkit-transition:width .25s ease}.rating-rtl .filled-stars{left:auto;right:0;-moz-transform:matrix(-1,0,0,1,0,0) translate3d(0,0,0);-webkit-transform:matrix(-1,0,0,1,0,0) translate3d(0,0,0);-o-transform:matrix(-1,0,0,1,0,0) translate3d(0,0,0);transform:matrix(-1,0,0,1,0,0) translate3d(0,0,0)}.rating-rtl.is-star .filled-stars{right:.06em}.rating-rtl.is-heart .empty-stars{margin-right:.07em}.rating-lg{font-size:3.91em}.rating-md{font-size:2.13em}.rating-sm{font-size:2.5em}.rating-xs{font-size:2em}.rating-xl{font-size:4.89em}.rating-container .clear-rating{color:#aaa;cursor:not-allowed;display:inline-block;vertical-align:middle;font-size:60%;padding-right:5px}.clear-rating-active{cursor:pointer!important}.clear-rating-active:hover{color:#843534}.rating-container .caption{color:#999;display:inline-block;vertical-align:middle;font-size:60%;margin-top:-.6em;margin-left:5px;margin-right:0}.rating-rtl .caption{margin-right:5px;margin-left:0}@media print{.rating-container .clear-rating{display:none}}

.employer-toggle{
   display:none;
}

.filter-location .filter-salarys .price-range-block-radio{
  
}
.filter-location .filter-salarys .price-range-block-radio [type="radio"]:checked + label, 
.filter-location .filter-salarys .price-range-block-radio [type="radio"]:not(:checked) + label {
  padding-left: 22px 
}
.filter-location .filter-salarys .price-range-block-radio [type="radio"]:checked,
.filter-location .filter-salarys .price-range-block-radio [type="radio"]:not(:checked) {
  left: 0;
}
.dataTables_wrapper{
  overflow: auto;
  width: 100%;
}
.apply-job-form .select2-container .select2-selection--single .select2-selection__rendered{
  height: 38px;
}
.apply-job-form .apply-job-form-feild{
  margin-bottom:15px;
}
.apply-job-form{
  padding-top: 30px;
  padding-bottom:30px;
}
.enquiry-form-model .select2-container .select2-selection--single .select2-selection__rendered{
  padding-left: 12px;
}
.sticky-pin{
  z-index: 999;
}
.employer-desktoplogo{
  display: none;
}
.candidate-listing-cards{
  padding: 5px 8px;
}
.candidate-listing-cards .candidate-listing-cards-img img {
  width: 20px;
  height: 30px;
}
.candidate-listing-cards h5{
  font-size: 13px;
  margin-left: 6px;
}
.employe-candidates{
  padding-top:32px
}
/* ================= media query ========================= */

@media (min-width: 992px){
  .col-ext-2 {
      -ms-flex: 0 0 16.66666667%;
      flex: 0 0 16.66666667%;
      max-width: 16.66666667%;
  }
  .col-ext-10 {
      -ms-flex: 0 0 83.33333333%;
      flex: 0 0 83.33333333%;
      max-width: 83.33333333%;
  }
  .col-ext-3{
    -ms-flex: 0 0 19.66666667%;
    flex: 0 0 19.666667%;
    max-width: 19.666667%;
  }
  .col-ext-9 {
    -ms-flex: 0 0 83.33333333%;
    flex: 0 0 80.333333%;
    max-width: 80.333333%;
  }
}

/* @media (max-width: 1320px) */
@media (max-width: 1320px){
  .employer-nav nav{
      width: 225px;
  }
}
/* end @media (max-width: 1320px) */

/* @media (max-width: 1279px) */
@media (max-width: 1279px){
  .job-details-show .s-scrol{
      display:block;
  }
  .open-close-dropdown,
  .job-details-show-btn{
      margin-bottom: 5px;
  }
  .job-details-show-table{
          margin-top: 8px;
  }
  .apply-job-form{
      padding-top:30px;
      padding-bottom: 20px;
  }
  .employer-nav nav{
      width: 250px;
  }
  .service-three__inner{
    height: 100%!important;
  }
  .service-three{
    padding-top: 50px;
  }
}
/* end @media (max-width: 1279px) */

/* @media (max-width: 1170px) */
@media (max-width: 1170px){
  .employer-nav nav {
      width: 230px;
  }
}
/* end @media (max-width: 1170px) */

/* @media (max-width: 1150px) */
@media (max-width: 1150px){
  .top-bar-left-section{
      text-align: start;
  }
}
/* end @media (max-width: 1150px) */

/* @media (max-width: 1120px) */
@media (max-width: 1120px){
  .employer-nav nav {
      width: 210px;
  }
}
/* end @media (max-width: 1120px) */

/* @media (max-width: 1090px) */
@media (max-width: 1090px){
  .col-ext-2 {
      -ms-flex: 0 0 19.66666667%;
      flex: 0 0 19.666667%;
      max-width: 19.666667%;
  }
  .col-ext-10 {
      -ms-flex: 0 0 80.33333333%;
      flex: 0 0 80.333333%;
      max-width: 80.333333%;
  }
}
/* end @media (max-width: 1090px) */

/* @media (max-width: 1024px) */
@media (max-width: 1024px){
  .col-ext-2 {
      -ms-flex: 0 0 0%;
      flex: 0 0 0%;
      max-width: 0%;
  }
  .col-ext-10 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
  }
  .col-ext-3 {
    -ms-flex: 0 0 0%;
    flex: 0 0 0%;
    max-width: 0%;
  }
  .col-ext-9 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .top-bar {
      text-align: start;
  }
  .employer-page-header .page-title{
      margin-left: 40px;
  }
 .employer-nav nav {
      left: -250px;
  }
  .employer-toggle{
      display: inline-block;
      float: right;
      margin-top: 10px;
      margin-left: 5px;
  }
  .employer-toggle i{
      color: #000;
      font-size: 25px;
      display: block;
  }
  .employer-nav nav.active {
      width: 300px;
      left: 0;
  }
  .employer-nav nav:hover {
      width: 0px;
  }
  .filter-smallscreen-pd{
      padding: 15px!important;
  }
  .filter-smallscreen-pd .sort-by-select-label{
      width: 55px!important;
      margin-top: 8px!important;
  }
  .employe-candidates{
      padding-top: 25px;
  }
  .job-details-show {
      padding: 15px 0 20px;
      /* overflow: hidden; */
  }
  .toggle-head1 .toggle1{
      display: flex!important;
  }
  .top-bar-left-section {
      text-align: start;
  }
  .desktoplogo{
      display: block;
  }
  .candidate-list-btn .sort-by-select {
    width: 200px !important;
  }
  .filter-section .card-body {
    padding: 15px;
  }
  .resume-card-listing .listing-name-section a{
    font-size: 16px!important;
  }
  .resume-card-listing-img{
    height: 85px;
    width: 80px;
  }
}
/* end @media (max-width: 1024px) */

/* @media (max-width: 991px) */
@media (max-width: 991px){
  .callusbtn-employer{
      position: absolute;
      top: 18px;
      right: 50px;
  }    
  .employer-toggle i{
      color: #000;
      font-size: 21px;
  }
  .employer-toggle{
      display: inline-block;
      float: right;
      margin-top: 15px;
  }
  .employer-header{
      display: none;
  }
  /*.employer-nav nav {*/
  /*    left: -260px;*/
  /*}*/
  .employer-nav nav.active {
      left: 0;
      width: 100%;
  }
  .employer-page-header .page-title {
      margin-left: 0;
  }
  .employer-myprofile .employer-myprofile-img{
      width: 270px;
  }
  .employer-myprofile-txt .employer-myprofile-txt-img{
      margin-bottom: 15px;
  }
  .employe-candidates {
      padding-bottom: 10px;
  }
  .candidate-menu .candidate-menu-list ul li{
      margin-bottom: 25px;
  }
  .job-details-show {
    padding: 15px 0 20px;
    /* overflow: hidden; */
  }
  .employer-myprofile-edit{
      padding-top: 25px;
  }
  .candidate-profile-details{
       padding-top: 25px;
  }
  .candidate-profile-details .candidate-profile-details-candidate{
      display:none;
  }
  .resume-card-listing ul{
      padding-left:0px;
  }
  .card-header-text .table tr td {
      padding: 2px 5px;
  }
  .card-header-text h4{
      margin-bottom: 5px;
  }
  .desktoplogo {
      display: none;
  }
  .phone-page-header{
      margin-top: 15px;
  }
  .page-title{
      font-size: 16px;
  }
  /* .job-details-show-table .table tbody tr:nth-last-child(2) td .dropdown-menu-arrow{
    transform: translate(-40px, 135px) !important;
  } */
  /* .job-details-show-table .table tbody tr:last-child td .dropdown-menu-arrow{
    transform: translate(-40px, 255px) !important;
  } */
  .resume-card-listing .listing-name-section a {
    font-size: 14px !important;
  }
  .resume-page{
    padding-top:25px;
  }
}
/* end @media (max-width: 991px) */

/* @media (max-width: 768px) */
.browser-all-categories .item-card .item-card-desc .iteam-all-icon{
  width: 60px;
}
.browser-all-categories{
  padding-top: 30px;
  padding-bottom: 20px;
}
.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
  margin-top: 0px!important;
}
/* end @media (max-width: 768px) */

/* @media (max-width: 767px) */
@media (max-width: 767px){
  .employer-myprofile .employer-myprofile-img{
      display: none;
  }
  .employe-candidates {
      padding-top: 20px;
  }
  .open-close-dropdown .select-field{
      padding: 10px 32px 10px 12px;
  }
  .open-close-dropdown .select{
      max-width: 160px;
  }
  .job-details-show .job-details-show-btn .btn-group a {
      padding: 10px 12px;
      font-size: 12px;
  }
  .purchase-history .purchase-history-date {
      margin-bottom: 15px;
  }
  .purchase-history {
      padding-top: 20px;
  }
  .open-close-dropdown-shortlist .select {
      max-width: 100%;
  }
  .candidate-menu .candidate-menu-list ul li a{
      font-size: 15px;
  }
  .job-details-show {
      padding: 15px 0 20px;
  }
  .employer-myprofile-edit {
      padding-top: 20px;
  }
  .apply-job-form {
      padding-top: 20px;
      padding-bottom: 10px;
  }
  .apply-job-form .form-control{
      height:34px;
  }
  .apply-job-form .select2-container .select2-selection--single .select2-selection__rendered {
      height: 34px;
      line-height: 33px!important;
  }
  .filter-section-mob .filter-location .filter-salarys [type="radio"]:checked, 
  .filter-section-mob .filter-location .filter-salarys [type="radio"]:not(:checked) {
      position: unset;
      left: unset;
  }
  .filter-smallscreen-pd{
      padding-bottom:0!important;
      padding-top: 15px!important;
  }
  .page-title {
    font-size: 14px;
  }
  .job-details-show .s-scrol{
    margin-top: 5px;
  }
  .toggle-head1 .toggle1{
    left: 91%!important;
  }
  /* .job-details-show-table .table tbody tr:last-child td .dropdown-menu-arrow{
    transform: translate(-40px, 265px) !important;
  } */
  /* .job-details-show-table .table tbody tr:nth-last-child(2) td .dropdown-menu-arrow{
    transform: translate(-40px, 145px) !important;
  } */
  .filter-location .filter-salarys .price-range-block-radio [type="radio"]:checked + label, .filter-location .filter-salarys .price-range-block-radio [type="radio"]:not(:checked) + label {
    padding-left: 0px;
  }
  .resume-card-listing .listing-name-section a {
    font-size: 12px !important;
  }
  .resume-card-listing .card-header .ps-sm-0{
    margin-right: 15px;
    padding: 0;
  }
  .resume-page .resume-card-listing{
    margin-bottom: 0;
  }
  .browser-all-categories{
    padding-top: 30px;
    padding-bottom: 20px;
  }
  .employer-myprofile {
    padding-top: 20px;
  }
  div.dataTables_wrapper div.dataTables_info{
    padding-top:0!important;
  }
  .filter-salarys .ui-slider-horizontal{
    width: 98%;
  }
  .job-opening-filter .kilometers-range-body {
    padding-top: 20px!important;
    padding-bottom: 20px!important;
  }
}
/* end @media (max-width: 767px) */

/* @media (max-width: 575px) */
@media (max-width: 575px){
  .filter-smallscreen-pd{
      padding-bottom: 5px!important;
  }
  .add-job-basics .add-job-basics-title{
      padding: 0 20px;
  }
  .add-job-basics-title .form-inline .form-group-to {
      margin-right: 10px;
      margin-left: 0px;
  }
  .add-job-basics-title .form-inline .form-group {
      margin-right: 10px;
      margin-left: 0px;
      width: 145px;
  }
  .add-job-basics-title .form-group .form-control {
      height: 40px;
      border: 1px solid #acacac;
  }
  .address-wrapper select{
      padding: 9px;
  }
  .create-job-post {
      padding-top: 20px;
      padding-bottom: 20px;
  }
  .open-close-dropdown{
      margin-top: 10px;
      margin-bottom: 10px;
      display: flex;
      align-items: center;
      float: unset;
  }
  .open-close-dropdown p{
      width: 100px;
  }
  .open-close-dropdown .block-wrapper{
      width: 100%;
  }
  .open-close-dropdown .select{
      max-width: 100%;
  }
  .job-details-show-btn{
      width: 100%;
  }
  .job-details-show-btn .btn-group{
      width: 100%;
  }
  .job-details-show .job-details-show-btn .btn-group a{
      width: 100%;
  }
  .job-details-show-table{
      margin-top: 0;
  }
  .purchase-history .purchase-history-date .purchase-history-date-btn .btn {
      padding: 2px 15px;
      width: 100%;
  }
  .candidate-menu .candidate-menu-list ul li a{
      font-size: 14px;
      padding: 6px 14px;
  }
  .candidate-menu .candidate-menu-list ul li {
      margin-right: 12px;
      margin-bottom: 20px;
  }
  .job-details-show {
      padding: 15px 0 10px;
      overflow: hidden;
  }
  .open-close-dropdown-shortlist .select-field {
      padding: 6px 32px 6px 8px;
      font-size: 12px;
  }
  .employer-myprofile-edit .employer-myprofile-txt {
      margin-top: 5px;
  }
  .employer-myprofile-txt h4{
      font-size: 16px;
  }
  .employer-myprofile-txt h3 svg, .employer-myprofile-txt h4 svg {
      width: 25px;
      margin-right: 2px;
  }
  .employer-myprofile-edit .employer-myprofile-txt .form-group .form-control{
          line-height: 1.5;
  }
  .apply-job-form .form-control{
      height:32px;
      font-size:14px;
  }
  .apply-job-form .select2-container .select2-selection--single .select2-selection__rendered {
      height: 32px;
      line-height: 31px!important;
  }
  .enquiry-form-model .form-control{
          font-size: 13px;
  }
  .filter-smallscreen-pd{
      display: flex!important;
  }
  .candidate-profile-details .resume-card-listing .listing-name-section a:nth-child(1){
      font-size:16px!important;
  }
  .toggle-head1 .toggle1{
    left: 90%!important;
  }
  .add-job-basics .add-job-basics-title {
    padding: 0 15px;
  }
  .resume-card-listing-img {
    height: 65px;
    width: 65px;
    padding: 0;
    box-shadow: none;
  }
  .resume-card-listing .card-header .ps-sm-0 {
    margin-right: 0;
    padding: 0;
  }
  .employer-myprofile{
    padding: 20px;
  }
  .browser-all-categories{
    padding: 30px 30px 20px;
  }
  .filter-salarys .ui-slider-horizontal {
    width: 96%;
  }
  .bannerimg{
    padding: 2rem 0 2rem 0 !important;
  }
  .who-are-we,
  .how-it-Works{
    padding-left: 20px;
    padding-right: 20px;
  }
  .service-three__single::after, .service-three__single::before{
    top: -15%;
    left: 15px;
    font-size: 145px;
  }
  .service-three__single{
    margin-bottom: 50px;
  }
  .service-three .block-title__two {
    margin-bottom: 40px;
  }
}
/* end @media (max-width: 575px) */

/* @media (max-width: 505px) */
@media (max-width: 505px){
  .candidate-list-btn .sort-by-select {
    width: 170px !important;
  }
}
/* end @media (max-width: 505px) */

/* @media (max-width: 479px) */
@media (max-width: 479px){
  .candidate-listing-cards h5{
      font-size: 14px;
  }
  .add-job-basics .add-job-basics-title .form-group label{
      font-size: 14px;
  }
  .option .btn-option{
      margin: 0 10px 5px 0;
      font-size: 12px!important;
  }
  .add-job-basics .add-job-basics-title .form-group label svg{
      width: 16px;
      margin-right: 4px;
  }
  .add-job-basics-title .form-group {
      margin-bottom: 5px;
  }
  .add-job-basics {
      margin-bottom: 10px;
  }
  .job-details-show .s-scrol {
      font-size: 12px;
  }
  .job-details-show .s-scrol span i {
      font-size: 14px;
  }
  .job-details-show .job-details-show-btn .btn-group a {
      padding: 6px 12px;
      font-size: 12px;
  }
  .open-close-dropdown .select-field {
      padding: 6px 32px 6px 12px;
      font-size: 12px;
  }
  .open-close-dropdown p {
      width: 75px;
      font-size: 12px;
  }
  .job-details-show-table .table tbody tr td p{
          font-size: 13px;
  }
  .purchase-history .purchase-history-date .purchase-history-date-btn .btn{
      font-size: 12px;
      padding: 3px 10px;
  }
  .candidate-menu .candidate-menu-list ul li a {
      font-size: 12px;
      padding: 6px 10px;
  }
  .candidate-menu .candidate-menu-list ul li {
      margin-right: 10px;
      margin-bottom: 18px;
  }
  .employer-myprofile-txt h4 {
      font-size: 14px;
  }
  .employer-myprofile-txt h3 svg, .employer-myprofile-txt h4 svg {
      width: 22px;
      margin-right: 3px;
  }
  .employer-myprofile-txt1 ul li {
      margin: 5px 0;
      font-size: 14px;
  }
  .employer-myprofile-edit .employer-myprofile-txt .form-group .form-control {
      font-size: 14px;
  }
  .employer-myprofile-edit .form-horizontal .card-body .form-control{
      font-size: 14px;
  }
  .enquiry-form-model .form-control{
      height: 36px;
  }
  .enquiry-form-model .select2-container .select2-selection--single .select2-selection__rendered{
      height: 36px;
  }
  .enquiry-form-model .modal-header .modal-title{
      font-size: 16px;
  }
  .enquiry-form-model .modal-header .btn-close{
      font-size: 16px;
  }
  .enquiry-form-model .modal-header{
      padding: 10px 16px;
  }
  .enquiry-form-model .modal-body .btn{
      font-size: 12px;
  }
  .resume-card-listing-img{
      height: 75px;
      width: 75px;
      padding: 5px;
      margin:unset;
  }
  .candidate-profile-details .resume-card-listing .listing-name-section a:nth-child(1) {
      font-size: 14px!important;
  }
  .candidate-profile-details .resume-card-listing ul li{
      font-size: 13px;
  }
  .candidate-profile-details .rating-section ul li:last-child {
      margin-right: 5px;
  }
  .candidate-profile-details .card-header-text h4{
      font-size: 14px;
  }
  .candidate-profile-details {
      padding-top: 20px;
  }
  .candidate-profile-details .card-header-text h4 svg{
      width: 18px;
      margin-right: 2px;
  }
  .candidate-profile-details .card-header-text .table tr td{
      font-size: 13px;
  }
  .toggle-head1 .toggle1 {
    left: 88% !important;
  }
  /* .job-details-show-table .table tbody tr:nth-last-child(2) td .dropdown-menu-arrow{
    transform: translate(-40px, 130px) !important;
  } */
  /* .job-details-show-table .table tbody tr:last-child td .dropdown-menu-arrow{
    transform: translate(-40px, 245px) !important;
  } */

  .job-details-show {
    padding: 5px 0 10px;
  }
  .candidate-list-btn .sort-by-select {
    width: 150px !important;
  }
  .resume-page {
    padding-top: 20px;
    padding-bottom: 25px;
  }
  .resume-card-listing .card-header .ps-sm-0 {
    margin-right: 5px;
  }
  .browser-all-categories .card{
    margin-bottom: 1rem;
  }
  .dataTables_length{
    margin-left: 2px!important;
    margin-bottom:0;
  }
  .dataTables_wrapper{
    margin-bottom: 15px;
  }
  .dataTables_length label{
    margin-bottom: 0!important;
  }
  .employer-myprofile-txt .card-txt .table tr:nth-child(3) td{
    text-wrap: wrap;
  }
  .browser-all-categories {
    padding: 30px 20px 20px;
  }
  .job-details-show-btn{
    margin-top: 10px;
  }
  .service-three__inner{
    padding-left: 85px;
  }
  .service-three__inner>img{
    width: 50px;
    height: 50px;
  }
}
/* end @media (max-width: 479px) */

/* @media (max-width: 455px) */
@media (max-width: 455px){
  .candidate-list-btn .sort-by-select {
    width: 120px !important;
  }
}
/* end @media (max-width: 455px) */

/* @media (max-width: 425px) */
@media (max-width: 425px){
  .employer-myprofile-txt h3,
  .employer-myprofile-txt h4{
      font-size: 16px;
  }
  .employer-myprofile-txt h3 svg, .employer-myprofile-txt h4 svg {
      width: 18px;
      margin-right: 0px;
      margin-bottom: 6px;
  }
  .employer-myprofile {
      padding-top: 20px;
  }
  .employer-myprofile-txt .card-txt .table tr td {
      padding: 3px 8px;
      font-size: 13px;
  }
  .candidate-listing-cards h5 {
      font-size: 12px;
  }
  .filter-smallscreen-pd {
      padding-bottom: 0px!important;
  }
  .employe-candidates {
      padding-bottom: 0px;
  }
  .add-job-basics .add-job-basics-title .form-group label {
      font-size: 13px;
  }
  .address-wrapper select {
      padding: 5px;
      font-size: 13px;
  }
  .add-job-basics-title .form-group .form-control {
      height: 31px;
      font-size: 12px;
  }
  .purchase-history .purchase-history-date .dateholder label{
      font-size: 12px;
  }
  .purchase-history .purchase-history-date .purchase-history-date-btn {
      margin-top: 24px;
  }
  .purchase-history .purchase-history-card .table th{
      font-size: 12px;
  }
  .purchase-history .purchase-history-card .table tr td{
      font-size: 13px!important;
  }
  .purchase-history .purchase-history-date .datepicker{
      font-size: 12px;
  }
  .purchase-history .purchase-history-card .card{
      margin-bottom: 15px;
  }
  .candidate-profile-details .resume-card-listing ul {
      padding-left: 15px;
  }
  .candidate-profile-details .resume-card-listing .listing-name-section{
      padding-left: 15px;
  }
  .candidate-profile-details .rating-section .verifed-img img {
      width: 45px;
  }
  .toggle-head1 .toggle1 {
    left: 85% !important;
  }
  .add-job-basics .add-job-basics-title {
    padding: 0 10px;
  }
  .purchase-history {
    padding-top: 15px;
  }
  .candidate-list-btn .sort-by-select {
    width: 100px !important;
  }
  .resume-card-listing .card-header .ps-sm-0{
    padding-left:0;
    margin-right: 10px;
  }
  .resume-card-listing ul li {
    font-size: 13px;
    line-height: 1.7;
  }
  .resume-card-listing-img {
    height: 65px;
    width: 65px;
  }
  .card-header-text h4 svg{
    width: 18px;
    margin-right:0;
  }
  .card-header-text h4{
    font-size: 14px;
  }
  .resume-card-listing .listing-name-section a {
    font-size: 14px !important;
  }
  .card-header-text .table tr td{
    font-size: 13px;
  }
  .browser-all-categories .item-card .item-card-text span{
    font-size: 20px;
  }
  .dataTables_wrapper{
    margin-bottom: 15px!important;
  }
  .employer-myprofile {
    padding: 20px 10px 0!important;
  }
  .bannerimg .header-text h1{
    margin-bottom: 0!important;
  }
  .service-three__single{
    padding-left: 55px;
  }
  .aboutus-counter .counter-status{
    padding-top: 25px;
        padding-bottom: 25px;
  }
  .aboutus-counter .counter{
    font-size: 22px;
    margin-top: 5px;
  }
  .aboutus-counter .counter-icon{
    width: 3rem;
    height: 3rem;
    padding: 14px;
    margin-bottom: 10px;
  }
  .how-it-Works .block-title h3{
    font-size: 26px;
  }
  .how-it-Works .block-title p {
    font-size: 16px;
  }
  .service-three__inner h3{
    font-size: 18px;
  }
  .service-three__inner{
    padding-top: 25px;
    padding-bottom: 20px;
    padding-left: 80px;
  }
  .service-three__inner p{
    font-size: 14px;
    line-height: 22px;
  }
  .service-three__inner>img {
    width: 45px;
    height: 45px;
  }
  .who-are-we-txt h3{
    font-size: 20px!important;
    margin-bottom: 10px!important;
  }
  .who-are-we{
    padding-bottom: 5px;
    padding-top: 25px;
  }
  .service-three .block-title__two {
    margin-bottom: 25px;
  }
  .privacy-policy{
    padding-bottom: 20px;
    padding-top: 10px;
  }
  
} 
/* end @media (max-width: 425px) */

/* @media (max-width: 405px) */
@media (max-width: 405px){
  .candidate-list-btn .btn {
    padding: 3px 8px;
  }
}
/* end @media (max-width: 405px) */

/* @media (max-width: 375px) */
@media (max-width: 375px){
  .employer-myprofile-txt h3,
  .employer-myprofile-txt h4{
      font-size: 16px;
  }
  .employer-myprofile-txt h3 svg, .employer-myprofile-txt h4 svg {
      width: 20px;
      margin-right: 0px;
      margin-bottom: 6px;
  }
  .employer-myprofile-txt1 i {
      width: 20px;
      font-size: 16px;
  }
  .employer-myprofile-txt1 ul li {
      margin: 5px 0;
      font-size: 14px;
  }
  .employer-myprofile-txt .card-txt .table tr td {
      padding: 3px 8px;
      font-size: 12px;
  }
  .purchase-history .purchase-history-date .purchase-history-date-btn .btn {
      font-size: 11px;
      padding: 4px 5px;
  }
  .candidate-menu .candidate-menu-list ul li a {
      font-size: 10px;
  }
  .candidate-menu .candidate-menu-list ul li {
     margin-bottom: 12px;
  }
  .open-close-dropdown .select-field {
      padding: 4px 32px 4px 8px;
      font-size: 11px;
  }
  .candidate-menu .candidate-menu-list {
      margin-top: 20px;
  }
  .enquiry-form-model .modal-header .modal-title {
      font-size: 14px;
  }
  .enquiry-form-model .modal-body .btn {
      font-size: 10px;
  }
  .candidate-profile-details .resume-card-listing .listing-name-section a:nth-child(1),
  .candidate-profile-details .resume-card-listing .listing-name-section a:nth-child(2){
      font-size: 12px!important;
  }
  .resume-card-listing-img{
      height: 60px;
      width: 60px;
      background: transparent;
      box-shadow: none;
  }
  .candidate-profile-details .resume-card-listing ul li {
      font-size: 12px;
  }
  .toggle-head1 .toggle1 {
    left: 83% !important;
    top: 4px !important;
  }
  .add-job-basics .add-job-basics-title {
    padding: 0 5px;
  }
  .resume-card-listing .card-header .ps-sm-0{
    margin-right: 12px;
  }
  .resume-page {
    padding-top: 15px;
  }
  .browser-all-categories .item-card .item-card-text span{
    font-size: 18px;
  }
  .employer-myprofile {
    padding: 20px 0px 0!important;
  }
  .browser-all-categories {
    padding: 25px 10px 20px;
  }
  .who-are-we .section-title h2{
    font-size: 18px;
  }
  .who-are-we-txt h3 {
    font-size: 18px !important;
    margin-bottom: 6px !important;
  }
  .aboutus-counter .counter-status {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .aboutus-counter .counter {
    font-size: 18px;
    margin-top: 3px;
  }
  .how-it-Works .block-title h3 {
    font-size: 22px;
  }
  .how-it-Works .block-title p {
    font-size: 14px;
  }
  .service-three__single::after, .service-three__single::before {
    top: -15%;
    left: 15px;
    font-size: 110px;
  }
  .service-three__single {
    padding-left: 35px;
  }
  .service-three__inner>img {
    width: 40px;
    height: 40px;
  }
  .service-three__inner>img{
    left: 12px;
  }
  .service-three__inner{
    padding-left: 65px;
  }
  .service-three__single {
    margin-bottom: 30px;
  }
}
/* end @media (max-width: 375px) */

/* @media (max-width: 320px) */
@media (max-width: 320px){
  .smllogo .header-brand-img {
      height: 2.3rem;
  }
  .employer-toggle{
      margin-top: 10px;
  }
  .callusbtn-employer{
      top: 12px;
  }
  .employe-candidates {
      padding-top: 12px;
  }
  .sticky-wrapper {
      padding-top: 55px;
  }
  .candidate-listing-cards{
      margin-bottom: 10px;
  }
  .filter-smallscreen-pd {
      padding-bottom: 0!important;
      padding-top: 10px!important;
  }
  .toggle-head1 .toggle1 {
    left: 82% !important;
    top: 4px !important;
  }
  .purchase-history {
    padding-top: 10px;
  }
  .candidate-list-btn .btn {
    padding: 3px 4px;
  }
  .candidate-list-btn .sort-by-select {
    width: 80px !important;
  }
  .resume-card-listing-img{
    height: 55px;
    width: 55px;
  }
  .browser-all-categories .item-card .item-card-desc .item-card-text{
    top: 2.5rem !important;
  }
  .employer-myprofile-txt .card-txt .table tr td{
    text-wrap:wrap!important;
  }
}
/* end @media (max-width: 320px) */
/* ================= end media query ========================= */


/**/

/* .kilometers-range-slider .range-slider {
 margin: 12px;
} */
.kilometers-range-slider1{
  padding: 20px 12px;
}
.kilometers-range-slider .range-slider {
 width: 100%;
}
.kilometers-range-slider .range-slider p{
  margin-bottom:2px;
}
.kilometers-range-slider .range-slider__range {
 -webkit-appearance: none;
 width: calc(100% - (5px));
 height: 6px;
 border-radius: 5px;
 background: #d7dcdf;
 outline: none;
 padding: 0;
 margin: 0;
}
.kilometers-range-slider .range-slider__range::-webkit-slider-thumb {
 appearance: none;
 width: 15px;
 height: 15px;
 border-radius: 50%;
 background: #2c3e50;
 cursor: pointer;
 transition: background 0.15s ease-in-out;
}
.kilometers-range-slider .range-slider__range::-webkit-slider-thumb:hover {
 background: #304c77;
}
.kilometers-range-slider .range-slider__range:active::-webkit-slider-thumb {
 background: #304c77;
}
.kilometers-range-slider .range-slider__range::-moz-range-thumb {
 width: 15px;
 height: 15px;
 border: 0;
 border-radius: 50%;
 background: #2c3e50;
 cursor: pointer;
 transition: background 0.15s ease-in-out;
}
.kilometers-range-slider .range-slider__range::-moz-range-thumb:hover {
 background: #304c77;
}
.kilometers-range-slider .range-slider__range::focus{
  border:0!important;
  background:none!important;
      outline: none!important;
}
.kilometers-range-slider .range-slider__range:active::-moz-range-thumb {
 background: #304c77;
}
.kilometers-range-slider .range-slider__range:focus::-webkit-slider-thumb {
 box-shadow: 0;
 /*box-shadow: 0 0 0 3px #fff, 0 0 0 6px #304c77;*/
}
.kilometers-range-slider .range-slider__value {
 display: inline-block;
 position: relative;
 color: #000;
 line-height: 20px;
 text-align: center;
 border-radius: 3px;
 background: transparent;
 padding: 2px 4px 2px 0;
}

.toggle-head1 .toggle1{
  position: absolute;
  top: 10px;
  z-index: 1;
  left:93%;
}
.toggle-head1 .toggle-head1-desktoplogo{
      background: #fff;
      padding: 10px 0;
}
.toggle-head1 .toggle-head1-desktoplogo img{
  margin: auto;
}
.toggle-head1 .toggle1{
  display: none;
}
.employer-nav nav ul .toggle-head1{
  border-bottom: 3px solid #e73137;
}

.employer-nav nav ul .toggle-head1:hover a::before{
  background-color:transparent;
}

/* browser-all-categories */
.browser-all-categories .item-card .item-card-desc:before{
  background: rgb(255 255 255);
}
.browser-all-categories .item-card .item-card-desc .iteam-all-icon{
  height: 60px;
  z-index: 1;
}
.browser-all-categories .item-card .item-card-desc{
  height: 110px;
}
.browser-all-categories .item-card .item-card-text span{
  color: #000;
}
/* end browser-all-categories */

/*  */
 .dataTables_length label{
    margin-top: 20px;
    display: inline-flex;
  }
  .dataTables_length label select{
      margin-left: 20px;
      margin-right: 20px;
  }
  .dataTables_length{
      margin-left:20px;
      margin-right:20px;
  }
  .dataTables_wrapper {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      background: #fff;
      margin-bottom: 30px;
      padding-bottom: 15px;
  }
  .dt-buttons{
      padding-top:10px;
      padding-bottom:10px;
      flex-wrap: wrap;
  }
  .dataTables_filter{
  	margin-top: 12px;
  }
  div.dataTables_wrapper div.dataTables_info{
    padding-top: 0!important;
  }
/*  */

.job-opening-filter .card-body h3{
  font-size: 16px;
  margin-bottom: 12px;
}
.job-opening-filter .kilometers-range-body{
  padding-top: 20px;
  padding-bottom: 20px;
}
.job-opening-filter .job-opening-filter-body{
  height: 400px;
  overflow-y: auto;
}
.job-opening-filter{
  position: sticky;
  top: 90px;
}
.agent-candidate-btn{
  width: 150px!important;
  margin: auto!important;
}
.apply-job-form-btn{
  width: 150px!important;
  margin: 10px auto 0px!important;
  display: block;
}