/*! tempstars-app - v5.14.0 */
.messages-auto-layout .message-label {
  display: block;
  float: right;
}
.message-text {
  display: inline-flex;
}
.message-received .message-label {
  color: #000;
  margin: 0px 0 0 0;
}
.message-sent .message-label {
  color: white;
  margin: 0px 0 0 0;
}

.message-label {
  margin: 0px;
  font-size: 16px;
}

.message-received .message-text,
.message-sent .message-text {
  padding-right: 7px;
}
/* 
.message-date {
  margin: 10px 5px 0 5px;
} */

.dentist-chat-cancel-job,
.dentist-chat-report-abuse {
  cursor: pointer;
}

.hide {
  display: none;
}

.chat-rule-list ol {
  padding: 0 40px;
}

@media only screen and (min-width: 800px) {
  .dentist-chat-cancel-job,
  .dentist-chat-report-abuse {
    width: 300px;
    text-align: center;
  }
}
.item-title {
  text-align: center;
}
.item-after .right-arrow {
  margin-left: 4px;
  margin-top: 2px;
}

.title-description {
  display: flex;
  color: black;
  margin-top: 15px;
}

.title-description .item {
  width: 50%;
}

.title-description .item-text {
  padding: 10px 20px 10px 0;
}

.title-description label {
  font-size: 16px;
  text-decoration: underline;
}

@media screen and (max-width: 600px) {
  .title-description {
    flex-direction: column;
  }
  .title-description .item {
    width: 100%;
  }
}

#hirejob-description {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.content-inner {
  text-align: center;
}

#hirejob-candidate .hygienist-private-details {
  color: black;
  text-align: center;
  font-weight: bold;
}

#hirejob-candidate .hygienist-private-details .name {
  font-size: 16px;
}

.dentist-hirejob-center-text {
  text-align: center;
}
#hirejob-candidate > div > h3 {
  margin-block-start: 0.5em;
  margin-block-end: 0.5em;
}

#dentist-candidate-cancel-button {
  text-align: center;
  width: 100%;
}

.dentist-candidate-checkbox {
  display: flex;
  justify-content: center;
  width: 100%;
}

.dentist-candidate-red {
  color: var(--primary-main);
}
.dentist-candidate-green {
  color: #13CA82;
}
.dentist-candidate-yellow {
  color: #f5cb42;
}

#dentist-hirejob-hygienist-rating {
  font-size: 16px;
}

#dentist-hirejob-hygienist-rating label {
  padding-left: 8px;
  line-height: 20px;
  vertical-align: text-bottom;
}
.btn-close-conf{
    display: block;
    width: 28px;
    height: 28px;
    background-image: url('../img/icon-close2.svg');
    background-repeat: no-repeat;
    text-decoration: none;
    margin-top: 3px;
    margin-left: 20px;
  }
.btn-close {
  display: block;
  width: 28px;
  height: 28px;
  background-image: url("../../img/icon-close2.svg");
  background-repeat: no-repeat;
  text-decoration: none;
  margin-left: 0px !important;
  margin-right: 35px;
  margin-top: 23px;
}
.wrap {
  display: flex;
  margin-top: 40px;
  flex-direction: row;
  justify-content: space-between;
  margin: auto;
  width: 100%;
}

.heads{
  display: flex;
  flex-direction: column;
  margin-left: 25px;
}

.header-text{
  color: #224858;
  font-family: Inter;
  max-width: 300px !important;

}

.subtitle1-mr {
  margin-top: 22px;
}

.subtitle2-mr {
  margin-bottom: 15px;
  margin-left: 30px;
} 

.disabled{
  pointer-events: none;
}

.subheader {
  color: #63a5c0;
  font-weight: 500;
  font-size: 15px;
  line-height: 30px;
  width: 90%;
  text-align: left;
  margin-left: 25px;
}
.header {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.divider {
  border-bottom: 1px solid #cbe1ea;
  width: 90%;
  margin-top: 5px;
  margin: auto;
}

.PageWrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.question {
  margin: auto;
  width: 90%;
  height: 75px;
  color: #224858;
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 75px;
  vertical-align: middle;
  border-bottom: 1px solid #cbe1ea;
}

.question:hover {
  background-color: #cbe1ea;
  border-radius: 16px;
}

.textareainput {
  background-color: #fdfdfd;
  border: 2px solid #c6dee9;
  border-radius: 10px;
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 23px;
  color: #63a5c0;
}

.select-position{
  border-bottom: 1px solid #c6dee9
}

.btn-submit {
  background: linear-gradient(162.07deg, #163f51 -14.49%, #1db6f8 118.63%);
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  border-radius: 200px;
  color: white;
  font-weight: 500;
  font-size: 18px;
  width: 140px;
  text-align: center;
  padding-left: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 40px;
  margin: auto;
}
.textareaWrapper {
  margin: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.item-check-job {
    font-size: 13px;
    margin-left: 15px;
    border-radius: 4px;
    padding-left: 8px;
    padding-right: 8px;
    height: 17px;
}

.item-check-job.pending {
    color: orange;
    border-color: orange;
}

.item-desc {
    display: flex;
}

.item-check-job.active {
    border: 1px solid green;
    color: #13CA82;
}

.item-check-job.deleted {
    border: 1px solid #706d72;
    color: #706d72;
}

.item-check-job.expired {
    border: 1px solid #706d72;
    color: #706d72;
}

.item-check-job.new {
    border: 1px solid var(--secondary-main);
    color: var(--secondary-main);
    width: 36px;
}

.job-post-box {
    display: flex;
    justify-content: center;
}

/*#dentist-hirejobhome-postjob-button {
    width: auto;
    display: inline-block;
    padding: 0 50px;
}*/

.dentist-hirejobhome-delete-btn {
    padding-right: 15px;
    display: flex;
    align-items: center;
    min-width: 17px;
}

.dentist-hirejobhome-job-list-item {
    display: flex;
    border-bottom: 1px solid #e4e4e6;
    padding: 10px 0;
}

.dentist-hirejobhome-job-details {
    flex-grow: 1;
}

#dentist-hirejobhome-job-list {
    margin-top: 8px;
}

.dentist-hirejobhome-forward-btn {
    display: flex;
    align-items: center;
    padding-right: 6px;
}

.hirejob-item {
    cursor: pointer;
}

.job-list-active {
    display: flex;
    flex-direction: column;
    padding-top: 10px;
}
.job-list-deleted {
    display: flex;
    flex-direction: column;
    padding-top: 10px;
}
.job-list-line {
    margin: 15px 30px 15px 30px;
    height: 1px;
    background-color: #CBE1EA;
    border: 0;
    padding: 0;
}
.job-list-line.tall {
    margin: 112px 30px 15px 30px;
}
.job-list-title {
    padding: 20px 30px 20px 30px;
    font-size: 22px;
    color: #224858;
}
.job-item, .job-item2, .job-item3 {
    padding: 20px;
    margin: 0px 20px 24px 20px;
    /* border-radius: 17px; */
    font-family: Inter;
    color: #ffffff;
}
.job-item {
    /* background-color: #224858; */
}
.job-item2 {
    background-color: #84A3B0;
    margin: 0px 30px 24px 30px;
/* margin: 10px 30px 10px 30px;
    margin-top: 110px */
}

.job-item3 {
    background-color: #ABABAB;
    margin: 0px 30px 24px 30px;
}
.job-item-subheader {
    font-size: 14px;
    display: flex;
    align-items: center;
}
div.job-item-subheader img {
    margin-right: 10px;
}
.job-item-header {
    font-size: 18px;
    line-height: 20px;
    padding-top: 6px;
}
.job-item-address {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-family: Inter;
    font-size: 11px;
}
.job-item-address div:nth-child(2){
    text-align: right;
}
.job-item-address div img {
    vertical-align: bottom;
    margin-right: 8px;
}
.job-item hr, .job-item2 hr{
    width: 100%;
    height: 1px;
    margin: 5px 0 10px 0;
    padding: 0;
    border: 0;
}
.job-item hr {
    border-bottom: 1px solid #346C84;
}
.job-item2 hr {
    border-bottom: 1px solid #C4DEE9;
    opacity: 0.75;
}
.job-item3 hr {
    border-bottom: 1px solid #FFFFFF;
    opacity: 0.75;
}
.job-item-button-wrapper {
    padding-top: 15px;
}
.job-item-btn, .job-item-btn2, .job-item-btn3 {
    display: block;
    color: #ffffff;
    text-align: center;
    padding: 10px 16px 10px 16px;
    border-radius: 12px;
}
.job-item-btn {
    background-color: #346C84;
}
.job-item-btn2 {
    background-color: #5D727B;
}
.job-item-btn3 {
    background-color: #7A7A7A;
}

.tokens-info-buttons-wrap {
    align-content: center;
    text-align: center;
}

.jobs-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 207px;
}
.jobs-empty-bg {
    width: 207px;
    height: 207px;
    background-image: url('../img/jobboardempty0.svg');
}
.jobs-empty-bg div {
    width: 112px;
    height: 122px;
    margin-left: 47px;
    margin-top: 45px;
    background-image: url('../img/jobboardempty1.svg');
    background-repeat: no-repeat;
}
.jobs-empty span {
    color: #BCD1DB;
    padding: 22px;
    font-family: Inter;
    font-size: 24px;
    text-align: center;
}
.btn-postjob {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 174px;
    height: 35px;
    background: #63A5C0;
    border-radius: 29px;
    font-family: Inter;
    font-size: 14px;
    color: #fff;
}

#jobpostings-content {
    margin: 0;
    padding: 145px 0 0 0;
}

.page-content-hirejob {
    margin-top: 135px;
}

ul
{
  padding-left: 0!important;
  margin: 0 20px 0 20px;
}

.list-block li {
  border: none;
} 

.content-title {
  color: black;
  font-size: 1.3rem;
}

.hirejob-item-content {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.hirejob-item-content .item-title.label {
  flex: 1;
  margin-right: 15px;
  text-align: right;
  height: 100%;
  top: 30%;
  white-space: pre-line;
}

/* On screens that are 992px or less, set the background color to blue */
@media screen and (min-width: 992px) {
  .hirejob-item-content .item-title.label {
    flex: 1.5;
    margin-right: 15px;
    text-align: right;
    height: 100%;
    top: 30%;
  }
}

.hirejob-item-content .item-input {
  flex: 2;
  margin-top: 0;
  margin-bottom: 0px;
}

.item-checkbox-text-content:after {
  display: none !important;
}

.item-flex-content {
  display: flex;
  flex-direction: row;
}

.response-content {
  vertical-align: bottom;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.btn-days-off {
  padding: 0 3rem;
}

#hirejob-post1-form .list-block .item-inner:after {
  display: none;
}

#hirejob-post1-form li > .item-inner:last-child {
  border-bottom: 1px solid #c8c7cc;
}

#hirejob-post1-form .checkbox-row .item-checkbox-text-content {
  width: auto;
}

#hirejob-post1-form .checkbox-row {
  display: flex;
  justify-content: center;
}

#hirejob-post1-form .checkbox-row label {
  align-items: baseline;
}

#available-days-list {
  padding: 25px 20px 15px;
}

#available-days-checkbox-close-btn {
  margin-top: 15px;
}

.popover-available-days {
  width: 210px;
}

#hirejob-post1-form .date-column {
  flex-direction: column;
}

#hirejob-post1-form .date-placeholder input {
  height: 35px;
}

#hirejob-post1-form .simple-checkbox {
  margin-bottom: 8px;
}
ul
{
  padding-left: 0!important;
  margin: 0 20px 0 20px;
}

.list-block li {
  border: none;
} 

.input-border {
  border: 1px solid #c8c7cc;
  padding: 10px 18px;
}

.error-left-align {
  text-align: left;
}

.post2-page-title {
  font-size: 1.4rem;
  color: black;
}

.left-content-label {
  color: #6d6d72;
  font-size: 0.9rem;
  margin: 0px 15px;
}

#dentist-hirejob-post2-grade {
  font-size: 1rem !important;
  line-height: 1.2rem;
  color: #167dFB;
}

.input-select {
  display: flex;
}

.input-select-container {
  display: flex;
  align-items: baseline;
  border: 1px solid #c8c7cc;
}

.input-select-container:after {
  font-family: "themify";
  content: "\e64b";
  margin: 0 10px 0 -12px;
  pointer-events: none;
}

.input-select-container select {
  width: auto;
  height: auto;
  padding: 6px 10px;
}

#dentist-hirejob-post2-form textarea {
  padding: 0;
  height: 116px;
  font-size: 14px;
}

#dentist-hirejob-post2-form .additional-info {
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  margin-top:20px;
}

#dentist-hirejob-post2-form .additional-info input {
  border: 1px solid #ddd;
  padding: 0 20px;
}

#dentist-hirejob-post2-form .chars-left {
  flex-grow: 0;
  width: 90px;
  font-size: 12px;
  font-weight: normal;
  line-height: 43px;
  padding-left: 15px;
}
.btn-back {
  display: inline-block;
  padding: 10px;
  background-color: #0a6ebd;
  color: #fff;
  font-size: 18px;
}
.navbar-through .page-content-empty {
  margin-top: 0;
  padding-top: 0;
  color: black;
  background: #EFF5F7;
  overflow-x: hidden;
}
.progress-bar-wrap {
  padding: 25px 30px 25px 20px;
}
.progress-bar {
display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}
.progress-bar div:nth-child(1) {
  height: 11px;
  background: #CBE1EA;
  border-radius: 22px;
  width: 100%;
}
.progress-bar div:nth-child(1) span {
  height: 11px;
  background: linear-gradient(274.09deg, #23A2D9 40.49%, #346D85 105.75%);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 22px;
  border-radius: 22px;
  display: inline-block;
  min-width: 10px;
  /*location: absolute;
  top: 10px;
  left: 0;*/
}
.progress-bar div:nth-child(2) {
  width: 32px;
}
.progress-3 {
  width: 42%;
}
.nav-bar {
display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}
.btn-close {
  display: block;
  width: 28px;
  height: 28px;
  background-image: url('../img/icon-close2.svg');
  background-repeat: no-repeat;
  text-decoration: none;
  margin-left: 20px;
}
.nav-bar-wrap {
  margin-top: 80px;
}
.nav-bar a {
  display: inline-block;
  padding: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #FFFFFF;
}
.nav-bar a:nth-child(1) {
  background: linear-gradient(0deg, #658A9A, #658A9A), linear-gradient(145.88deg, #163F51 -8.22%, #1DB6F8 149.35%);
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  border-radius: 200px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding-left: 45px;
  padding-right: 20px;
}
.nav-bar a:nth-child(2) {
  background: linear-gradient(162.07deg, #163F51 -14.49%, #1DB6F8 118.63%);
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  border-radius: 200px;
  margin-right: 25px;
  padding-left: 20px;
  padding-right: 20px;
}
.nav-bar a.disabled:nth-child(2) {
  opacity: 0.5;
}
.page-content-empty p {
  margin-left: 25px;
  margin-right: 25px;
  color: #224858;
  font-family: Inter;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
}
.page-content-empty h1 {
  margin-left: 25px;
  margin-right: 25px;
  color: #224858;
  font-family: Inter;
  font-size: 36px;
  font-weight: 600;
  line-height: 0;
}
.page-content-empty hr {
  display: block;
  height: 1px;
  border: 0;
  margin-top: 12px;
  margin-bottom: 22px;
  background-color: #CBE1EA;
  margin-left: 25px;
  margin-right: 25px;
}

.select-day {
  margin-bottom: 10px;
  margin-left: 25px;
  margin-right: 25px;
  position: relative;
  width: 300px;
  height: 52px;
}

@media all and (min-width: 10px) {
  .select-day {
    width: 90%;
  };
}

.select-day input[type="checkbox"] {
      position: absolute;
      width: 100%;
      height: 100%;
      opacity: 0;
}

.select-day label {
  display: block;
  padding: 15px;
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #224858;
  text-decoration: none;
  border: none;
}

.select-day input[type="checkbox"]:checked + label {
  background-color: #CBE1EA;
  border-radius: 16px;
}

.select-day label.active {
  background-color: #CBE1EA;
  border-radius: 16px;
}
.btn-back {
  display: inline-block;
  padding: 10px;
  background-color: #0a6ebd;
  color: #fff;
  font-size: 18px;
}
.navbar-through .page-content-empty {
  margin-top: 0;
  padding-top: 0;
  color: black;
}
.progress-bar-wrap {
  padding: 25px 30px 25px 20px;
}
.progress-bar {
display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}
.progress-bar div:nth-child(1) {
  height: 11px;
  background: #CBE1EA;
  border-radius: 22px;
  width: 100%;
}
.progress-bar div:nth-child(1) span {
  height: 11px;
  background: linear-gradient(274.09deg, #23A2D9 40.49%, #346D85 105.75%);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 22px;
  border-radius: 22px;
  display: inline-block;
  min-width: 10px;
  /*position: absolute;
  top: 10px;
  left: 0;*/
}
.progress-bar div:nth-child(2) {
  width: 32px;
}
.progress-4 {
  width: 56%;
}
.nav-bar {
display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}
.btn-close {
  display: block;
  width: 28px;
  height: 28px;
  background-image: url('../img/icon-close2.svg');
  background-repeat: no-repeat;
  text-decoration: none;
  margin-left: 20px;
}
.nav-bar-wrap {
  margin-top: 80px;
}
.nav-bar a {
  display: inline-block;
  padding: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #FFFFFF;
}
.nav-bar a:nth-child(1) {
  background: linear-gradient(0deg, #658A9A, #658A9A), linear-gradient(145.88deg, #163F51 -8.22%, #1DB6F8 149.35%);
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  border-radius: 200px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding-left: 40px;
}
.nav-bar a:nth-child(2) {
  background: linear-gradient(162.07deg, #163F51 -14.49%, #1DB6F8 118.63%);
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  border-radius: 200px;
  margin-right: 25px;
  padding-left: 20px;
  padding-right: 20px;
}
.nav-bar a.disabled:nth-child(2) {
  opacity: 0.5;
}
.page-content-empty p {
  margin-left: 25px;
  margin-right: 25px;
  color: #224858;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
}
.page-content-empty h1 {
  margin-left: 25px;
  margin-right: 25px;
  color: #224858;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 0;
}
.page-content-empty hr {
  display: block;
  height: 1px;
  border: 0;
  margin-top: 12px;
  margin-bottom: 22px;
  background-color: #CBE1EA;
  margin-left: 25px;
  margin-right: 25px;
}
.page-content-empty .subtitle {
  margin-left: 35px;
  margin-right: 25px;
  margin-top: 47px;
  /* margin-bottom: 5px; */
  color: #63A5C0;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
}

.subtitle2-mr {
  margin-bottom: 15px;
  margin-left: 30px;
}

.new-posting_toolbar-inner {
  height: 40px;
  background: #224858;
  padding: 0 8px;
  border-radius: 14px 14px 0px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.new-posting_content-block-inner {
  width: 340px !important;
  /* height: 217px; */
  position: relative;
  background: #CBE1EA;
  border-radius: 14px;
}

@media all and (min-width: 10px) {
  .notification-options {
      width: 95% !important;
  }
}

@media all and (min-width: 10px) {
  .new-posting_content-block-inner {
      width: 94% !important;
  }
}


.new-posting_center {
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #FFFFFF;
}

.toolbar {
  height: 40px;
}

.date-label-container {
  width: 135px;
  display: block;
  position: relative;
  padding-left: 65px;
  margin-top: 25px;
  font-family: Inter;
  font-style: normal;
  cursor: pointer;
  font-size: 14px;
  color: #163F51;
  font-weight: 500;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.date-label-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: -5px;
  left: 28px;
  height: 24px;
  background: linear-gradient(160.5deg, #317693 3.81%, #23A2D9 86.92%);
  border-radius: 6px;
  border: 2px solid #FFFFFF;
  width: 24px;
}

/* On mouse-over, add a grey background color */
.date-label-container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.date-label-container input:checked ~ .checkmark {
  background-color: #0B4598;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.date-label-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.date-label-container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.date-checkbox-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}

.new-posting_content-block-inner .picker-calendar-day-selected {
  background-color: #346C84;
}


@media all and (min-width: 10px) {
  .picker-calendar-week-days {
      padding: 4px;
      height: 25px;
      display: flex;
      font-size: 14px;
      box-sizing: border-box;
      position: relative;
      color: #224858;
  }
}
.btn-back {
  display: inline-block;
  padding: 10px;
  background-color: #0a6ebd;
  color: #fff;
  font-size: 18px;
}
.navbar-through .page-content-empty {
  margin-top: 0;
  padding-top: 0;
  color: black;
}
.progress-bar-wrap {
  padding: 25px 30px 25px 20px;
}
.progress-bar {
display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}
.progress-bar div:nth-child(1) {
  height: 11px;
  background: #CBE1EA;
  border-radius: 22px;
  width: 100%;
}
.progress-bar div:nth-child(1) span {
  height: 11px;
  background: linear-gradient(274.09deg, #23A2D9 40.49%, #346D85 105.75%);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 22px;
  border-radius: 22px;
  display: inline-block;
  min-width: 10px;
  /*position: absolute;
  top: 10px;
  left: 0;*/
}
.progress-bar div:nth-child(2) {
  width: 32px;
}
.progress-6 {
  width: 84%;
}
.nav-bar {
display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}
.btn-close {
  display: block;
  width: 28px;
  height: 28px;
  background-image: url('../img/icon-close2.svg');
  background-repeat: no-repeat;
  text-decoration: none;
  margin-left: 20px;
}
.nav-bar-wrap {
  margin-top: 80px;
}
.nav-bar a {
  display: inline-block;
  padding: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #FFFFFF;
}
.nav-bar a:nth-child(1) {
  background: linear-gradient(0deg, #658A9A, #658A9A), linear-gradient(145.88deg, #163F51 -8.22%, #1DB6F8 149.35%);
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  border-radius: 200px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding-left: 40px;
}
.nav-bar a:nth-child(2) {
  background: linear-gradient(162.07deg, #163F51 -14.49%, #1DB6F8 118.63%);
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  border-radius: 200px;
  margin-right: 25px;
  padding-left: 20px;
  padding-right: 20px;
}
.nav-bar a.disabled:nth-child(2) {
  opacity: 0.5;
}
.page-content-empty p {
  margin-left: 25px;
  margin-right: 25px;
  color: #224858;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
}
.page-content-empty h1 {
  margin-left: 25px;
  margin-right: 25px;
  color: #224858;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 0;
}
.page-content-empty hr {
  display: block;
  height: 1px;
  border: 0;
  margin-top: 12px;
  margin-bottom: 22px;
  background-color: #CBE1EA;
  margin-left: 25px;
  margin-right: 25px;
}
.page-content-empty .subtitle {
  margin-left: 35px;
  margin-right: 25px;
  margin-top: 47px;
  /* margin-bottom: 5px; */
  color: #63A5C0;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
}

.subtitle2-mr {
  margin-bottom: 15px;
  margin-left: 30px;
}

/* .toolbar-inner {
  background: #224858;
  border-radius: 14px 14px 0px 0px;
} */

.new-posting_toolbar-inner {
  height: 40px;
  background: #224858;
  padding: 0 8px;
  border-radius: 14px 14px 0px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.new-posting_content-block-inner {
  width: 364px;
  /* height: 217px; */
  position: relative;
  background: #CBE1EA;
  border-radius: 14px;
}

.new-posting_center {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #FFFFFF;
}

.toolbar {
  height: 40px;
}

/* .new-posting_checkbox {
  margin: 0 auto;
}


.new-posting_checkbox {
  background: linear-gradient(160.5deg, #317693 3.81%, #23A2D9 86.92%);
  border-radius: 6px;
} 

input[type=checkbox]:checked {
  border: 2px solid #FFFFFF;
} 

.new-posting_checkbox-title {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #163F51;
} */

.container {
  width: 100px;
  display: block;
  position: relative;
  padding-left: 65px;
  margin-top: 25px;
  font-family: Inter;
  font-style: normal;
  cursor: pointer;
  font-size: 14px;
  color: #163F51;
  font-weight: 500;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: -5px;
  left: 28px;
  height: 24px;
  background: linear-gradient(160.5deg, #317693 3.81%, #23A2D9 86.92%);
  border-radius: 6px;
  border: 2px solid #FFFFFF;
  width: 24px;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #0B4598;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


.listing_title {
  background: #FDFDFD;
  border: 1px solid #C6DEE9;
  box-sizing: border-box;
  border-radius: 10px;
  width: 300px;
  height: 50px;
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 17px;
}

.listing_title-wrap {
  display: block;
  width: 300px;
  margin: 0 auto;
}

@media all and (min-width: 10px) {
  .listing_title-wrap {
    width: 90%
  };
}

@media all and (min-width: 10px) {
  .listing_title {
      width: 100%;
  }
}

.listing_description {
  background: #FDFDFD;
  border: 1px solid #C6DEE9;
  box-sizing: border-box;
  border-radius: 10px;
  width: 97%;
  height: 200px;
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 17px;
  padding: 12px;
}

.listing_description-wrap {
  display: block;
  width: 300px;
}

@media all and (min-width: 10px) {
  .listing_description-wrap {
    width: 93%
  };
}


.pell-content {
  background: #FFFFFF;
  border: 1px solid #C6DEE9;
  box-sizing: border-box;
  border-radius: 10px;
  width: 300px;
  height: 200px;
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 17px;
}

@media all and (min-width: 10px) {
  .pell-content {
      width: 100%;
  }
}


.pell-actionbar {
  background-color: #EFF5F7;
  border-bottom: none;
}

.pell-content {
  background-color: #FFFFFF;
}
.btn-back {
  display: inline-block;
  padding: 10px;
  background-color: #0a6ebd;
  color: #fff;
  font-size: 18px;
}
.navbar-through .page-content-empty {
  margin-top: 0;
  padding-top: 0;
  color: black;
}
.progress-bar-wrap {
  padding: 25px 30px 25px 20px;
}
.progress-bar {
display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}
.progress-bar div:nth-child(1) {
  height: 11px;
  background: #CBE1EA;
  border-radius: 22px;
  width: 100%;
}
.progress-bar div:nth-child(1) span {
  height: 11px;
  background: linear-gradient(274.09deg, #23A2D9 40.49%, #346D85 105.75%);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 22px;
  border-radius: 22px;
  display: inline-block;
  min-width: 10px;
  /*position: absolute;
  top: 10px;
  left: 0;*/
}
.progress-bar div:nth-child(2) {
  width: 32px;
}
.progress-7 {
  width: 95%;
}
.nav-bar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}
.nav-bar.nav-bar-details {
  justify-content: center;
}
.btn-close {
  display: block;
  width: 28px;
  height: 28px;
  background-image: url('../img/icon-close2.svg');
  background-repeat: no-repeat;
  text-decoration: none;
  margin-left: 20px;
}
.nav-bar-wrap {
  margin-top: 80px;
}
.nav-bar a {
  display: inline-block;
  padding: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #FFFFFF;
}
.nav-bar a:nth-child(1) {
  background: linear-gradient(0deg, #658A9A, #658A9A), linear-gradient(145.88deg, #163F51 -8.22%, #1DB6F8 149.35%);
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  border-radius: 200px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding-left: 40px;
}
.nav-bar a:nth-child(2) {
  background: linear-gradient(162.07deg, #163F51 -14.49%, #1DB6F8 118.63%);
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  border-radius: 200px;
  margin-right: 25px;
  padding-left: 20px;
  padding-right: 20px;
}
.nav-bar a.disabled:nth-child(2) {
  opacity: 0.5;
}
.nav-bar a:nth-child(1).btn-delete-job {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 260px;
  height: 55px;
  background: linear-gradient(156.36deg, #0E2934 -8.22%, #F81D1D 149.35%);
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  border-radius: 11px;
  padding-left: 0;
}
a.btn-delete-job span {
  display: inline-block;
  width: 48px;
  height: 48px;
  margin-right: 20px;
  background-image: url('../img/icon-delete-person.svg');
  background-repeat: no-repeat;
  background-position: 10px 10px;
}

.page-content-empty p {
  margin-left: 25px;
  margin-right: 25px;
  color: #224858;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
}
.page-content-empty h1 {
  margin-left: 25px;
  margin-right: 25px;
  color: #224858;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 0;
}
.page-content-empty hr {
  display: block;
  height: 1px;
  border: 0;
  margin-top: 12px;
  margin-bottom: 22px;
  background-color: #CBE1EA;
  margin-left: 25px;
  margin-right: 25px;
}
.page-content-empty .subtitle {
  margin-left: 25px;
  margin-right: 25px;
  margin-top: 47px;
  /* margin-bottom: 5px; */
  color: #63A5C0;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
}

.subtitle1-mr {
  margin-top: 22px;
}

.subtitle2-mr {
  margin-bottom: 15px;
  margin-left: 30px;
}

.item-container {
  width: 349.6px;
  height: 49px;
  margin-left: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

@media all and (min-width: 10px) {
  .item-container {
      width: 95%;
  }
}


.title-container_text {
  width: 95%;
  font-family: Inter;
  margin-left: 18px;
  font-style: normal;
  font-weight: 600;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 18px;
  color: #224858;
  white-space: nowrap;
}

.title-container-stroke {
  height: 19px;
  margin-left: 10px;
}

.description-container_text {
  width: 300px;
  height: 70px;
  overflow: hidden;
  font-family: Inter;
  margin-left: 15px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  color: #224858;
}

@media all and (min-width: 10px) {
  .description-container_text {
    width: 90%;
  }
}


.date-container {
  width: 349.6px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}


@media all and (min-width: 10px) {
  .date-container {
    width: 95%;
  }
}

.date-container_text {
  width: max-content;
  margin: 0 auto;
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  color: #224858;
}

.start-date-container {
  width: 174.6px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

/* @media all and (min-width: 10px) {
  .start-date-container {
    width: 45%;
  }
} */

.start-date {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.end-date-container {
  width: 174.6px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

@media all and (min-width: 10px) {
  .end-date-container {
    width: 45%;
  }
}

.end-date {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.availability-container {
  width: 340px;
  height: 43px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background: #CBE1EA;
  border-radius: 37px;
}

@media all and (min-width: 10px) {
  .availability-container {
    width: 90%;
  }
}
.availability-day-conf{
  width: 43px;
  height: 27px;
  /* background: linear-gradient(95.39deg, #346C84 -465.85%, #1DB6F8 287.42%);
  border-radius: 23px; */
  font-family: Inter;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  font-weight: 500;
  line-height: 27px;
  text-align: center;
  color: #63A5C0;
}

.availability-day {
  width: 43px;
  height: 27px;
  /* background: linear-gradient(95.39deg, #346C84 -465.85%, #1DB6F8 287.42%);
  border-radius: 23px; */
  font-family: Inter;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  font-weight: 500;
  line-height: 27px;
  text-align: center;
  color: #63A5C0;
}

@media all and (min-width: 10px) {
  .availability-day {
    width: 60px;
  }
  .availability-day-conf{
    width: 60px;
  }
}


.notification-options {
  width: 315px;
  height: 54px;
}

@media all and (min-width: 10px) {
  .notification-options {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      width: 90%;
  }
}

.notification-options_text {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 27px;
  color: #000000;
  width: 90%;
}

.email {
  text-decoration: underline;
  color: #0a6ebd;
  font-weight: 600;
  background-color: #EFF5F7;
  border: none;
  font-size: 18px;
}

.email-active {
  background-color: #FFFFFF;
  border: 1px solid black;
}

.update-email-button {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 98px;
  height: 30px;
  background: #CBE1EA;
  border-radius: 9px;
  margin-right: 10px;
  /* position: absolute;
  top: 24px;
  right: -22px; */
}

.update-text {
    width: 67px;
    height: 27px;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    padding-right: 5px;
    padding-left: 5px;
    color: #346C84;
}

.update-icon {
  width: 18px;
  height: 18px;
  margin-left: 10px;
  margin-top: 5px;
}

.details-content-block {
  cursor: pointer;
}

.active-day {
  background: linear-gradient(99.57deg, #346C84 12.75%, #1DB6F8 708.02%);
  border-radius: 23px;;
  color: #FFFFFF;
}

.active-day-0 {
  background: linear-gradient(99.57deg, #346C84 12.75%, #1DB6F8 708.02%);
  border-radius: 23px;;
  color: #FFFFFF;
}

.active-day-1 {
  background: linear-gradient(97.05deg, #346C84 -127.07%, #1DB6F8 594.39%);
  border-radius: 23px;  
  color: #FFFFFF;
}

.active-day-2 {
  background: linear-gradient(93.39deg, #346C84 -200.85%, #1DB6F8 487.42%);
  border-radius: 23px;
  color: #FFFFFF;
}

.active-day-3 {
  background: linear-gradient(91.39deg, #346C84 -320.85%, #1DB6F8 387.42%);
  border-radius: 23px;
  color: #FFFFFF;
}

.active-day-4 {
  background: linear-gradient(95.39deg, #346C84 -465.85%, #1DB6F8 287.42%);
  border-radius: 23px;
  color: #FFFFFF;
}

.active-day-5 {
  background: linear-gradient(90.39deg, #346C84 -665.85%, #1DB6F8 187.42%);
  border-radius: 23px;
  color: #FFFFFF;
}

.active-day-6 {
  background: linear-gradient(85.39deg, #346C84 -865.85%, #1DB6F8 87.42%);
  border-radius: 23px;
  color: #FFFFFF;
}

.pell-content {
  background-color: #FFFFFF;
}

.edit-button {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 76px;
  height: 35px;
  background: #346C84;;
  border-radius: 29px;
}

.edit-text {
    margin-right: 14px;
    margin-top: 3px;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 30px;
    color: #EFF5F7;;
}

.edit-icon {
  width: 18px;
  height: 18px;
  margin-left: 10px;
  margin-top: 8px;
}

.alert-banner-pending {
  width: 385px;
  height: 87px;
  background: #EAE5CB;
  border-radius: 17px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 40px auto 0 auto;
}

@media all and (max-width: 400px) {
  .alert-banner-pending {
    width: 89%;
    margin-left: 20px;
  }
}

.alert-banner-pending_text {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.alert-banner-pending_text_title {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  color: #584922;
  margin-bottom: 5px;
}

.alert-banner-pending_text_info {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  color: #584922;
}

.alert-banner-pending-clock-container {
    margin-top: -10px;
    margin-left: 20px;
    margin-right: 5%;
}


.detail-mode-info-container {
  width: 95%;
  margin-top: 27px;
  margin-left: 20px;
  margin-bottom: 15px;
}

@media all and (max-width: 400px) {
  .detail-mode-info-container {
    width: 331px;
  }
}



.detail-mode-info-container_title {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
  color: #224858;
  margin-bottom: 8px;
}


.detail-mode-info-container_description {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #224858;
}

.details_mode-fields-container {
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.details_mode-item_subtitle {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #224858;
}

.details_mode_item_text {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  color: #224858;
}

.details_mode_item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.details_mode-fields-container_position-location {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.details_mode-fields-container_position-location_position{
  margin-right: 50px;
}

.alert-banner-expired {
  width: 385px;
  height: 133px;
  background: #CCCCCC;  
  border-radius: 17px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 40px auto 0 auto;
}

.alert-banner-expired-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}

@media all and (max-width: 400px) {
  .alert-banner-expired {
    width: 89%;
    margin-left: 20px;
  }
}

.alert-banner-expired_text {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-right: 5px;
}

.alert-banner-expired_text_title {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  color: #584922;
  margin-bottom: 5px;
}

.alert-banner-expired_text_info {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  color: #584922;
}

.alert-banner-expired-clock-container {
    margin-top: -10px;
    margin-left: 20px;
    margin-right: 5%;
}

.alert-banner-expired-repost-button {
  width: 90%;
  height: 35px;
  margin-top: 14px;
  margin-bottom: 14px;
  background: #818181;
  border-radius: 12px;
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 27px;
  text-align: center;
  color: #F6F6F6;
}

.details_mode-candidates {
  width: 100%;
  height: 64px;
  display: flex;
  flex-direction: column;
}

.details_mode-candidates-subtitles {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
}

.details_mode-candidates-subtitles-title {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: #224858;
}

.details_mode-candidates-subtitles-badge {
  width: 49px;
  height: 18px;
  background: linear-gradient(158.9deg, #224858 -11.1%, #1DB6F8 77.61%);
  border-radius: 33px;
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #FFFFFF;
}

.photo{
  margin-bottom: 15px;
  width: 75px;
  height: 70px;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
}

.photo img{
  display: inline;
  margin: 0 auto;
  margin-left: -25%; 
  height: 100%;
  width: auto;
}

.candidate-container {
  width: 95%;
  height: 64px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #CBE1EA;
}

.candidate-details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 15px;
}

.candidate-details-1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #224858;
  margin-bottom: 4px;
}

.candidate-details-2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #224858;
  margin-bottom: 4px;
}

.candidate-details-1-status {
  font-weight: 600;
}

.candidate-details-rating {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.star {
  margin-right: 7.5px;
}

.candidate-arrow {
  margin-bottom: 15px;
}
.btn-back {
  display: inline-block;
  padding: 10px;
  background-color: #0a6ebd;
  color: #fff;
  font-size: 18px;
}
.navbar-through .page-content-empty {
  margin-top: 0;
  padding-top: 0;
  color: black;
}
.progress-bar-wrap {
  padding: 25px 30px 25px 20px;
}
.progress-bar {
display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}
.progress-bar div:nth-child(1) {
  height: 11px;
  background: #CBE1EA;
  border-radius: 22px;
  width: 100%;
}
.progress-bar div:nth-child(1) span {
  height: 11px;
  background: linear-gradient(274.09deg, #23A2D9 40.49%, #346D85 105.75%);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 22px;
  border-radius: 22px;
  display: inline-block;
  min-width: 10px;
  /*location: absolute;
  top: 10px;
  left: 0;*/
}
.progress-bar div:nth-child(2) {
  width: 32px;
}
.progress-2 {
  width: 28%;
}
.nav-bar {
display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}
.btn-close {
  display: block;
  width: 28px;
  height: 28px;
  background-image: url('../img/icon-close2.svg');
  background-repeat: no-repeat;
  text-decoration: none;
  margin-left: 20px;
}
.nav-bar-wrap {
  margin-top: 80px;
}
.nav-bar a {
  display: inline-block;
  padding: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #FFFFFF;
}
.nav-bar a:nth-child(1) {
  background: linear-gradient(0deg, #658A9A, #658A9A), linear-gradient(145.88deg, #163F51 -8.22%, #1DB6F8 149.35%);
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  border-radius: 200px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding-left: 40px;
}
.nav-bar a:nth-child(2) {
  background: linear-gradient(162.07deg, #163F51 -14.49%, #1DB6F8 118.63%);
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  border-radius: 200px;
  margin-right: 25px;
  padding-left: 20px;
  padding-right: 20px;
}
.nav-bar a.disabled:nth-child(2) {
  opacity: 0.5;
}
.page-content-empty p {
  margin-left: 25px;
  margin-right: 25px;
  color: #224858;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
}
.page-content-empty h1 {
  margin-left: 25px;
  margin-right: 25px;
  color: #224858;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 0;
}
.page-content-empty hr {
  display: block;
  height: 1px;
  border: 0;
  margin-top: 12px;
  margin-bottom: 22px;
  background-color: #CBE1EA;
  margin-left: 25px;
  margin-right: 25px;
}

/* .select-location {
  margin-bottom: 10px;
  margin-left: 25px;
  margin-right: 25px;
}
.select-location a {
  display: block;
  padding: 15px;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #224858;
  text-decoration: none;
}

.select-location a:not(:last-child){
  border-bottom: 1px solid #CBE1EA;
}
.select-location a.active {
  background-color: #CBE1EA;
  border-radius: 16px;
}
.select-location a.active::after {
  border-bottom: none;
} */

.select-location {
  margin-bottom: 10px;
  margin-left: 25px;
  margin-right: 25px;
  position: relative;
  width: 300px;
  height: 52px;
}

@media all and (min-width: 10px) {
  .select-location {
    width: 90%;
  };
}

.select-location input[type="radio"] {
      position: absolute;
      width: 100%;
      height: 100%;
      opacity: 0;
}

.select-location label {
  display: block;
  padding: 15px;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #224858;
  text-decoration: none;
  border: none;
}

.select-location input[type="radio"]:checked + label {
  background-color: #CBE1EA;
  border-radius: 16px;
}

#btn-add-office-location {
  display: inline-block;
  margin-top: 20px;
  margin-left: 42px;
  font-family: Inter;
  font-style: normal;
  font-weight: 800;
  font-size: 18px;
  color: #224858;;
  cursor: pointer;
}
.btn-back {
    display: inline-block;
    padding: 10px;
    background-color: #0a6ebd;
    color: #fff;
    font-size: 18px;
}
.navbar-through .page-content-empty {
    margin-top: 0;
    padding-top: 0;
    color: black;
}
.progress-bar-wrap {
    padding: 25px 30px 25px 20px;
}
.progress-bar {
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
}
.progress-bar div:nth-child(1) {
    height: 11px;
    background: #CBE1EA;
    border-radius: 22px;
    width: 100%;
}
.progress-bar div:nth-child(1) span {
    height: 11px;
    background: linear-gradient(274.09deg, #23A2D9 40.49%, #346D85 105.75%);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 22px;
    border-radius: 22px;
    display: inline-block;
    min-width: 10px;
    /*position: absolute;
    top: 10px;
    left: 0;*/
}
.progress-bar div:nth-child(2) {
    width: 32px;
}
.progress-1 {
    width: 15%;
}
.nav-bar {
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
}
.btn-close {
    display: block;
    width: 28px;
    height: 28px;
    background-image: url('../img/icon-close2.svg');
    background-repeat: no-repeat;
    text-decoration: none;
    margin-left: 20px;
}
.nav-bar-wrap {
    margin-top: 80px;
}
.nav-bar a {
    display: inline-block;
    padding: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #FFFFFF;
}
.nav-bar a:nth-child(1) {
    background: linear-gradient(0deg, #658A9A, #658A9A), linear-gradient(145.88deg, #163F51 -8.22%, #1DB6F8 149.35%);
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
    border-radius: 200px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-left: 40px;
}
.nav-bar a:nth-child(2) {
    background: linear-gradient(162.07deg, #163F51 -14.49%, #1DB6F8 118.63%);
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
    border-radius: 200px;
    margin-right: 25px;
    padding-left: 20px;
    padding-right: 20px;
}
.nav-bar a.disabled:nth-child(2) {
    opacity: 0.5;
}
.page-content-empty p {
    margin-left: 25px;
    margin-right: 25px;
    color: #224858;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
}
.page-content-empty h1 {
    margin-left: 25px;
    margin-right: 25px;
    color: #224858;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 36px;
    font-weight: 600;
    line-height: 0;
}
.page-content-empty hr {
    display: block;
    height: 1px;
    border: 0;
    margin-top: 12px;
    margin-bottom: 22px;
    background-color: #CBE1EA;
    margin-left: 25px;
    margin-right: 25px;
}
.page-content-empty .subtitle {
    margin-left: 35px;
    margin-right: 25px;
    margin-top: 47px;
    /* margin-bottom: 5px; */
    color: #63A5C0;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
}

.subtitle1-mr {
    margin-top: 22px;
}

.subtitle2-mr {
    margin-bottom: 15px;
    margin-left: 30px;
}

.select-position {
    margin-bottom: 10px;
    margin-left: 25px;
    margin-right: 25px;
    position: relative;
    width: 300px;
    height: 52px;
}

@media all and (min-width: 10px) {
    .select-position {
      width: 90%;
    };
  }
  

.select-position input[type="radio"] {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0;
}

.select-position label {
    display: block;
    padding: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #224858;
    text-decoration: none;
    border: none;
}

.select-position input[type="radio"]:checked + label {
    background-color: #CBE1EA;
    border-radius: 16px;
}

.select-basis {
    background: #CBE1EA;
    border-radius: 36px;
    width: 323px;
    height: 43px;
}

/* @media all and (min-width: 10px) {
    .select-basis {
      width: 90%;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
    };
  }
   */

.select-basis label {
    display: inline-block;
    padding: 13px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #346C84;
    border: none;
    text-decoration: none;
}

.select-basis input[type="radio"] {
    position: absolute;
    width: 30%;
    height: 43px;
    opacity: 0;
}

.select-basis input[type="radio"]:checked + label {
    background: linear-gradient(151.65deg, #224858 -18.17%, #1DB6F8 117.08%);
    border-radius: 36px;
    color: #FFFFFF;
}

/* 
@media all and (min-width: 10px) {
    .select-basis input[type="radio"]:checked + label  {
        position: absolute;
        width: 30%;
    };
  } */

.position-border-line {
    margin-top: 10px;
}
.btn-back {
  display: inline-block;
  padding: 10px;
  background-color: #0a6ebd;
  color: #fff;
  font-size: 18px;
}
.navbar-through .page-content-empty {
  margin-top: 0;
  padding-top: 0;
  color: black;
}
.progress-bar-wrap {
  padding: 25px 30px 25px 20px;
}
.progress-bar {
display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}
.progress-bar div:nth-child(1) {
  height: 11px;
  background: #CBE1EA;
  border-radius: 22px;
  width: 100%;
}
.progress-bar div:nth-child(1) span {
  height: 11px;
  background: linear-gradient(274.09deg, #23A2D9 40.49%, #346D85 105.75%);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 22px;
  border-radius: 22px;
  display: inline-block;
  min-width: 10px;
  /*position: absolute;
  top: 10px;
  left: 0;*/
}
.progress-bar div:nth-child(2) {
  width: 32px;
}
.progress-5 {
  width: 70%;
}
.nav-bar {
display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}
.btn-close {
  display: block;
  width: 28px;
  height: 28px;
  background-image: url('../img/icon-close2.svg');
  background-repeat: no-repeat;
  text-decoration: none;
  margin-left: 20px;
}
.nav-bar-wrap {
  margin-top: 80px;
}
.nav-bar a {
  display: inline-block;
  padding: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #FFFFFF;
}
.nav-bar a:nth-child(1) {
  background: linear-gradient(0deg, #658A9A, #658A9A), linear-gradient(145.88deg, #163F51 -8.22%, #1DB6F8 149.35%);
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  border-radius: 200px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding-left: 40px;
}
.nav-bar a:nth-child(2) {
  background: linear-gradient(162.07deg, #163F51 -14.49%, #1DB6F8 118.63%);
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  border-radius: 200px;
  margin-right: 25px;
  padding-left: 20px;
  padding-right: 20px;
}
.nav-bar a.disabled:nth-child(2) {
  opacity: 0.5;
}
.page-content-empty p {
  margin-left: 25px;
  margin-right: 25px;
  color: #224858;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
}
.page-content-empty h1 {
  margin-left: 25px;
  margin-right: 25px;
  color: #224858;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 0;
}

.page-content-empty hr {
  display: block;
  height: 1px;
  border: 0;
  margin-top: 12px;
  margin-bottom: 22px;
  background-color: #CBE1EA;
  margin-left: 25px;
  margin-right: 25px;
}
.page-content-empty .subtitle {
  margin-left: 28px;
  margin-right: 25px;
  margin-top: 47px;
  margin-bottom: 15px;
  /* margin-bottom: 5px; */
  color: #63A5C0;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
}

.subtitle1-mr {
  margin-top: 22px;
}

.subtitle2-mr {
  margin-bottom: 15px;
  margin-left: 30px;
}

.certifications_container{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: -20px;
}

@media all and (min-width: 10px) {
  .certifications_container {
    justify-content: normal;
  }
}

.select-experience {
  margin-bottom: 10px;
  margin-left: 25px;
  margin-right: 25px;
  position: relative;
  width: 300px;
  height: 52px;
}

@media all and (min-width: 10px) {
  .select-experience {
    width: 90%;
  }
}

.select-experience input[type="radio"] {
      position: absolute;
      width: 100%;
      height: 100%;
      opacity: 0;
}

.select-experience label {
  display: block;
  padding: 15px;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #224858;
  text-decoration: none;
  border: none;
}

.select-experience input[type="radio"]:checked + label {
  background-color: #CBE1EA;
  border-radius: 16px;
}

.success-screen-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 90px;
  height: 399px;
}


.success-screen-check_symbol-container {
  width: 243px;
  height: 243px;
  background: linear-gradient(173.13deg, #327591 -8.96%, #23A2D9 94.62%);
  border-radius: 100%;
}

.check_symbol {
  margin: 0 auto;
}

.success-screen-text {
  margin-top: 48px;
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 22px;
  line-height: 27px;
  text-align: center;
  color: #224858;
}


.btn-backToJobPosting-container {
  width: 100%;
  margin-top: 160px;
}

.btn-backToJobPosting {
  display: block;
  width: 239px;
  height: 37px;
  margin: 0 auto;
  background: linear-gradient(162.24deg, #163F51 -8.22%, #1DB6F8 149.35%);
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  border-radius: 200px;
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  border: none;
  text-align: center;
  color: #FFFFFF;
}

.page[data-page="dentist-home"] .content-block-title {
    margin:4px 15px;
}

.page[data-page="dentist-home"] .content-block {
	margin: 0px 0px 10px 0px;
    position: relative;
    padding: 0;
}

.page[data-page="dentist-home"] .content-block-inner {
	background-color: white;
    padding: 10px 0;
    border-radius: 7px;
    margin: 0;
}

.page[data-page="dentist-home"] .content-block.with-borders {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}


.partialring {
    content: " ";
	position: absolute;
	z-index: -1;
	top: 3px;
	left: 3px;
	right: 3px;
	bottom: 3px;
	border-radius: 100%;
	background: var(--primary-main);
}

.page[data-page="dentist-home"] .col {
	text-align: center;
}

.symbol-text {
	font-size: 0.8rem;
	text-align: center;
}

.symbol-image {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.button-get-temp {
	padding-left: 40px;
	padding-right: 40px;
}

#dentist-homejob-hire-staff-button {
	line-height: 29px;
    width: 200px;
    font-size: 13px;
    background-color: var(--secondary-main);
    color: white;
    margin-bottom: 3px;
}

.custom-offer-symbol-explanation {
	display: flex;
	justify-content: center;
	margin-bottom: 6px;
}

.custom-offer-symbol-explanation .or {
	margin: 0 6px;
	font-weight: bold;
}

#dentist-home-post-job-button, #dentist-homejob-hire-staff-button {
	margin-bottom: 3px;
}

.dentist-unread-message-count-job-selector {
	top: -4px;
	margin-left: 5px;
}

#home-support-widget {
	position: absolute;
    top: 12%;
	right: 0px;
	height: 73px;
	width: 29px;
	z-index: 1000;
}

#home-support-img{
	max-width: 100%;
	max-height: 100%;
	display: block;
}

#home-support-widget-hygienist {
	position: absolute;
    top: 10%;
    right: 0px;
}

#UnhappyFeedback {
	margin-top: 10px;
	border: 1px solid black;
	padding: 3px;
	border-radius: 8px;
}

.happy-feedback-item {
	padding-right: 0px !important;
	box-sizing: content !important;
}

#dentist-name{
	opacity: 0;
	padding-left: 5px;
	border: 1px solid black;
	border-radius: 8px;
	height: 30px;
	width: 80%;
	margin-left: auto;
	transition: all 0.2 ease-in-out;
}

.visible {
	opacity: 1 !important;
}

#dentist-hire-jobs-badge {
    display: inline-block;
    color: white;
    background-color: var(--error-main);
    border-radius: 50%;
    font-size: 10px;
    font-weight: bold;
    padding: 0 5px;
    line-height: 16px;
    top: -8px;
    position: absolute;
    right: -8px;
    border: 1px solid white;
}

.dentist-home-hint-text {
    text-align: center;
    font-size: 12px;
    color: black;
    margin-bottom: 8px;
    max-width: 300px;
}

.hire-staff-text {
    color: rgb(102, 102, 102);
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    max-width: 400px;
    margin-top: 3px;
}

.hire-staff-hint-text {
    text-align: center;
    font-size: 12px;
    color: black;
    margin-bottom: 8px;
}

.hidden {
    display: none;
}

.visible {
    display: inline-block;
}
/* Announcement Popup Styles */
#home-popup-wrapper {
    transition: all 300ms scale(1.3);
    animation-name: fading;
    animation-duration: 1s;
    z-index: 99999;
    display: table;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}
@keyframes fading {
    0% {opacity: 0;}
    30% {opacity: 0.3;}
    50% {opacity: 0.5;}
    70% {opacity: 0.7;}
    100% {opacity: 1;}
}
#home-popup-content {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}
#home-popup-image {
    display: inline-block;
    width: 80vw;
    height: 80vw;
    max-width: 350px;
    max-height: 350px;
    border-radius: 10px;
    background-color: transparent;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}



.invoice-box{
    /*max-width:800px;*/
    margin:auto;
    /*padding:10px 20px;*/
    /*border:1px solid #eee;*/
    /*box-shadow:0 0 10px rgba(0, 0, 0, .15);*/
    font-size:14px;
    line-height:16px;
    color:#555;
}

.invoice-box table{
    width:100%;
    line-height:inherit;
    text-align:left;
}

.invoice-box table td{
    padding:5px;
    vertical-align:top;
}

.invoice-box table tr td:nth-child(2){
    text-align:right;
}

.invoice-box table tr.top table td{
    padding-bottom:0px;
}

.invoice-box table tr.top table td.title{
    font-size:16px;
    line-height:24px;
    color:#333;
}

.invoice-box table tr.information table td{
    padding-bottom:40px;
}

.invoice-box table tr.heading td{
    background:#eee;
    border-bottom:1px solid #ddd;
    font-weight:bold;
}

.invoice-box table tr.details td{
    padding-bottom:20px;
}

.invoice-box table tr.item td{
    border-bottom:1px solid #eee;
}

.invoice-box table tr.item.last td{
    border-bottom:none;
}

.invoice-box table tr.total td{
    border-top:2px solid #eee;
    font-weight:bold;
}
/* .invoice-box table tr.total td:nth-child(2){
    border-top:2px solid #eee;
    font-weight:bold;
} */

@media only screen and (max-width: 600px) {
    .invoice-box table tr.top table td{
        width:100%;
        display:block;
        text-align:center;
    }

    .invoice-box table tr.information table td{
        width:100%;
        display:block;
        text-align:center;
    }
}

#dentist-invoice-pay .row {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-top: 55px;
}

#dentist-invoice-pay .new {
    margin-right: 5px;
    font-size: 18px;
    color: var(--primary-main);
}

#dentist-invoice-pay-text {
    margin-bottom: 10px;
}

#dentist-invoice-pay-button {
    padding: 0 36px;
    border: none;
    background-color: #00b151;
}

#dentist-invoice-already-paid-button {
    background-color: var(--secondary-main);;
}

#dentist-invoice-paid-switch {
    height: 70px;
}

#dentist-invoice-payment-processed-button {
  display: none;
  border: 1px solid gray;
  background-color: grey;
}

.page[data-page="dentist-job-partial-details"] .row {
	text-align: center;
}

.page[data-page="dentist-job-partial-details"] .row a {
	height: 35px;
	line-height: 32px;
    font-size: 0.9rem !important;
    border-radius: 10px;
}

#dentist-job-partial-buttons{
    justify-content: center !important;
}

#dentist-job-available-details-accept-button {
    margin: auto;
    font-size: 14px;
	width: auto;
	display: inline-block;
	color: var(--dark-green);
	border-color: var(--dark-green);
}

#dentist-job-partial-details-decline-button {
	width: auto;
	display: inline-block;
	color: var(--error-main);
	border-color: var(--error-main);
}

#dentist-job-partial-details-expire-time {
	padding: 20px 0px;
	text-align: center;
}

.hygienist-name {
	width: 100%;
	text-align: center;
    font-size: 1.4rem;
}

.hygienist-left-handed {
	width: 100%;
	text-align: center;
	margin-top: 10px;
	color: var(--success-main);
	font-weight: bold;
}

.hygienist-details-wrapper {
	width: 100%;
	margin-top: 10px;
}

.hygienist-details {
	flex: 1;
	margin-left: 70px;
	text-align: center;
	margin-top: 10px;
}

.dentist-job-partial-friendly-reminder {
	text-align: center;
	margin-top: 10px;
}

#dentist-job-partial-buttons #dentist-job-partial-details-req-resubmit {
	display: none;
}

#dentist-job-partial-details-req-resubmit {
	width: 100%;
	justify-content: center;
}

#dentist-job-partial-buttons.expired #dentist-job-partial-details-req-resubmit {
	display: flex;
}

#dentist-job-partial-buttons.expired #dentist-job-partial-details-accept {
	display: none;
}

#dentist-job-partial-buttons.expired #dentist-job-partial-details-decline {
	display: none;
}

#dentist-job-partial-buttons.expired #dentist-job-partial-details-send-custom-offer {
	display: none !important;
}

#dentist-job-partial-details-req-resubmit-button {
	padding: 0 40px;
}

#dentist-job-partial-details-req-resubmit a.unavailable {
	border-color: #7f7f7f;
	background-color: #939393;
}

#hygienist-rating {
	margin-right: 10px;
}

#hygienist-profile-photo {
	width: 70px;
	height: 100%;
}

.icon-description {
	text-align: center;
	font-size: 18px;
	color: #555;
}

.hygienist-details-rating {
	margin-top: 10px;
}

.hygienist-details-rating > div {
	display: inline-block;
}

#hygienist-details-completed-jobs {
	vertical-align: middle;
	padding-bottom: 8px;
	font-size: 18px;
}

.job-partial-details-counter-offer {
	margin-top: 10px;
	color: #1a5eea;
	max-width: 100%;
	background: none;
	-webkit-appearance: none;
	border: none;
	border-bottom: 1px solid #DDD;
	border-radius: 0px;
	padding-bottom: 5px;
	text-align-last: center;
}

.hourly-rate-wrapper {
	text-align: center;
	vertical-align: middle;
}
.hourly-rate-wrapper p {
	margin: 0;
	padding-top: 10px;
	font-weight: bold;
}
#hourly-rate-error-msg {
	padding: 6px;
	font-weight: bold;
	color: var(--primary-main);
	display: none;
}

.centered-info-container {
    width: 100%;
    text-align: center;
}

#dentist-job-available-table tr {
    margin-bottom: 20px;
}

.dentist-available-job-row .click-here-link {
    position: relative;
    padding-right: 20px;
    text-align: right;
    color: var(--secondary-main);
}

.dentist-available-job-row.gray td {
    color: #b1b1b1;
}

.dentist-available-job-row .icon-forward {
    font-size: 12px;
    height: 14px;
    width: 9px;
}

.dentist-available-job-row.gray .icon-forward {
    font-size: 12px;
    height: 14px;
    width: 9px;
    margin-left: 8px;
    filter: grayscale(1);
    opacity: 0.5;
}

.click-here-link:hover,
.icon-forward:hover {
    cursor: pointer;
}

#dentist-job-available-cancel-button,
#dentist-job-available-new-job-button {
    min-width: 220px;
}
#dentist-job-available-modify-button {
    font-size: 13px;
    text-decoration: underline;
}

.image-container{
    width:65px;
    height: 25px;
}

.reliable-images{
    max-width: 100%;
	max-height: 100%;
    display: block;
    margin: auto;
}
#dentist-job-completed-table tr {
    margin-bottom: 20px;
}

#dentist-job-completed-view-invoice-button {
    line-height: 24px;
}


.leftAlign{
    margin-right: 100% !important;
}
#dentist-job-confirmed-table tr {
	margin-bottom: 20px;
}

#dentist-job-confirmed-cancel-button {
	color: var(--error-main);
	font-size: 0.9rem;
}

#dentist-job-confirmed-break-button {
	color: var(--error-main);
	font-size: 1.0rem;
}

.hygienist-name {
	width: 100%;
	text-align: center;
	font-size: 1.4rem;
	line-height: 1.8rem;
}

.hygienist-details-wrapper {
	display: flex;
	flex-direction: row;
	width: 100%;
	margin-top: 10px;
}

.dentist-job-confirmed-hygienist-details {
	flex: 1;
	text-align: center;
	margin-top: 10px;
	margin-left: 70px;
}

.hygienist-phone {
	font-weight: bold;
	margin-top: 8px;
}

.hygienist-phone .warning {
	color: var(--primary-main);
}

.hygienist-profile-photo {
	right: 15px;
	width: 70px;
	height: 100%;
}
#dentist-job-confirmed-modify-button {
	font-size: 13px;
	text-decoration: underline;
}
#dentist-job-confirmed-chat {
	padding: 0 20px 0 20px;
	margin: 0;
}
.dentist-job-confirmed-unread-message-count {
	margin-left: -15px;
}
.dentist-job-confirmed-chat-row {
	justify-content: center;
}
#dentist-job-confirmed-chat-div {
	/*margin: 0 auto 20px;*/
	margin-top: 15px;
	margin-bottom: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.dentist-send-view-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 10px !important;
    margin: 0;
    border: 1px solid black;
    border-radius: 16px;
}

.send-view-image{
    padding-right: 10px;
    height: auto !important;
    width: auto !important;
    max-height: 35px;
    max-width: 35px;
}

.page[data-page="dentist-job-partial-details"] .row {
	text-align: center;
}

.page[data-page="dentist-job-partial-details"] .row a {
	height: 35px;
	line-height: 32px;
    font-size: 0.9rem !important;
    border-radius: 10px;
}

#dentist-job-partial-details-accept-button {
	width: auto;
	display: inline-block;
	color: var(--dark-green);
	border-color: var(--dark-green);
}

#dentist-job-partial-details-decline-button {
	width: auto;
	display: inline-block;
	color: var(--error-main);
	border-color: var(--error-main);
}

#dentist-job-partial-details-send-custom-offer-button {
	width: auto;
	font-size: 0.8rem !important;
	text-decoration: underline;
	display: inline-block;
	color: #FFA30C;
	border: unset;
}

#dentist-job-partial-details-expire-time {
	padding: 20px 0px;
	text-align: center;
}

.hygienist-name {
	width: 100%;
	text-align: center;
    font-size: 1.4rem;
}

.hygienist-details-wrapper {
	width: 100%;
	margin-top: 10px;
}

.hygienist-details {
	flex: 1;
	margin-left: 70px;
	text-align: center;
	margin-top: 10px;
}

.dentist-job-partial-friendly-reminder {
	text-align: center;
	margin-top: 10px;
}

#dentist-job-partial-buttons #dentist-job-partial-details-req-resubmit {
	display: none;
}

#dentist-job-partial-details-req-resubmit {
	width: 100%;
	justify-content: center;
}

#dentist-job-partial-buttons.expired #dentist-job-partial-details-req-resubmit {
	display: flex;
}

#dentist-job-partial-buttons.expired #dentist-job-partial-details-accept {
	display: none;
}

#dentist-job-partial-buttons.expired #dentist-job-partial-details-decline {
	display: none;
}

#dentist-job-partial-details-req-resubmit-button {
	padding: 0 40px;
}

#dentist-job-partial-details-req-resubmit a.unavailable {
	border-color: #7f7f7f;
	background-color: #939393;
}

#hygienist-rating {
	margin-right: 10px;
}

#hygienist-profile-photo {
	width: 70px;
	height: 100%;
}

.icon-description {
	text-align: center;
	font-size: 18px;
	color: #555;
}

.hygienist-details-rating {
	margin-top: 10px;
}

.hygienist-details-rating > div {
	display: inline-block;
}

#hygienist-details-completed-jobs {
	vertical-align: middle;
	padding-bottom: 8px;
	font-size: 18px;
}

.job-partial-details-counter-offer {
	margin-top: 10px;
	color: #1a5eea;
	max-width: 100%;
	background: none;
	-webkit-appearance: none;
	border: none;
	border-bottom: 1px solid #DDD;
	border-radius: 0px;
	padding-bottom: 5px;
	text-align-last: center;
}

.hourly-rate-wrapper {
	text-align: center;
	vertical-align: middle;
}
.hourly-rate-wrapper p {
	margin: 0;
	padding-top: 10px;
	font-weight: bold;
}
#hourly-rate-error-msg {
	padding: 6px;
	font-weight: bold;
	color: var(--primary-main);
	display: none;
}

#dentist-job-partial-table tr {
    margin-bottom: 20px;
}

.dentist-partial-job-row .click-here-link {
    position: relative;
    padding-right: 20px;
    text-align: right;
    color: var(--secondary-main);
}

.dentist-partial-job-row.gray td {
    color: #b1b1b1;
}

.dentist-partial-job-row .icon-forward {
    font-size: 12px;
    height: 14px;
    width: 9px;
}

.dentist-partial-job-row.gray .icon-forward {
    font-size: 12px;
    height: 14px;
    width: 9px;
    margin-left: 8px;
    filter: grayscale(1);
    opacity: 0.5;
}

.click-here-link:hover,
.icon-forward:hover {
    cursor: pointer;
}

#dentist-job-partial-cancel-button,
#dentist-job-partial-new-job-button {
    min-width: 220px;
}
#dentist-job-partial-modify-button {
    font-size: 13px;
    text-decoration: underline;
}

.image-container{
    width:65px;
    height: 25px;
}

.reliable-images{
    max-width: 100%;
	max-height: 100%;
    display: block;
    margin: auto;
}
#dentist-job-posted-table tr {
    margin-bottom: 20px;
}

#dentist-job-posted-cancel-button {
	color: var(--error-main);
    font-size: 0.9rem;
}

#dentist-job-posted-break-button {
	color: var(--error-main);
    font-size: 1.0rem;
}

.dentist-job-posted-check-type {
	text-align: center;
	padding: 0px;
    margin: 20px 0px;
}

.dentist-job-posted-check-type .checkmark-row {
	display: inline-block;
}

.dentist-job-posted-check-type .checkmark-image {
	position: relative;
    top: 7px;
    width: 20px;
    height: 20px;
    padding: 0px 10px;
    float: left;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.dentist-job-posted-check-type .checkmark-text {
	width: 230px;
    height: 30px;
    line-height: 34px;
    text-align: left;
    cursor: pointer;
    overflow: hidden;
}

.dentist-job-posted-check-type .checkbox-wrapper .checkmark-text {
    width: 230px;
    height: 40px;
    line-height: 20px;
}

.dentist-job-posted-check-type .checkbox-tooltip {
    top: -20px;
}

.checkbox-block {
    padding: 0px 10px;
}

.checkbox-block .check-mark-row-wrapper {
    border-top: 1px solid #c8c7cc;
    border-bottom: 1px solid #c8c7cc;
    padding: 10px 0px;
}

#dentist-job-posted-checkbox {
    top: 10px;
}

.jobs-posted-list .status-icon {
    width: 30px;
    height: 30px;
}

.jobs-posted-list .job-item:not(:last-child) {
    border-bottom: 1px solid #e4e4e6;
}

.jobs-posted-list .job-item {
    cursor: pointer;
    color: #313131;
    font-size: 15px;
}

.jobs-posted-list .item-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-grow: 1;
}

.jobs-posted-list .select-job-btn {
    padding-right: 8px;
}

.jobs-posted-list .select-job-btn .icon {
    width: 10px;
}

.jobs-posted-unread-message-count {
	top: 20px;
	margin-left: 17px;
}

.job-box{
    /*max-width:800px;*/
    margin:auto;
    /*padding:10px 20px;*/
    /*border:1px solid #eee;*/
    /*box-shadow:0 0 10px rgba(0, 0, 0, .15);*/
    font-size:14px;
    line-height:16px;
    color:#555;
}

.job-box .job-box-table {
    width:100%;
    line-height:inherit;
    text-align:left;
}

.job-box .job-box-table td{
    padding:5px;
    vertical-align:top;
}

.job-box .job-box-table tr td:nth-child(2){
    text-align:right;
}

.job-box .job-box-table tr.top table td{
    padding-bottom:0px;
}

.job-box .job-box-table tr.top table td.title{
    font-size:16px;
    line-height:24px;
    color:#333;
}

.job-box .job-box-table tr.information table td{
    padding-bottom:40px;
}

.job-box .job-box-table tr.heading td{
    background:#eee;
    border-bottom:1px solid #ddd;
    font-weight:bold;
}

.job-box .job-box-table tr.details td{
    padding-bottom:20px;
}

.job-box .job-box-table tr.item td{
    border-bottom:1px solid #eee;
}

.job-box .job-box-table tr.bigitem td{
    border-bottom:1px solid #ccc;
    padding-bottom: 10px;
}

.job-box .job-box-table tr.item.last td{
    border-bottom:none;
}

.job-box .job-box-table tr.total td:nth-child(2){
    border-top:2px solid #eee;
    font-weight:bold;
}

@media only screen and (max-width: 600px) {
    .job-box .job-box-table tr.top table td{
        width:100%;
        display:block;
        text-align:center;
    }

    .job-box .job-box-table tr.information table td{
        width:100%;
        display:block;
        text-align:center;
    }
}

.page[data-page="location"] .content-block-title {
    margin:4px 15px;
}

.page[data-page="location"] .content-block {
    margin:0px 0px 20px 0px;
}

input[type="text"] {
    padding-left: 10px;
}
.editicon {
    /*
    margin-right: 1px;
    margin-top: -24px;
    position: relative;
    z-index: 2;*/
    color: #666;
}

#dentist-profile-delete-button {
    width: 100%;
    margin: 1rem 0;

    @media (min-width: 1024px) {
        width: 65%;
        margin: 1rem auto;
      }
}

#locations-step1-form .item-title.label {
    color: #292929;
}

#locations-step1-form .list-block .item-content {
    padding-left: 0;
}

#locations-step1-form .email-container {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #1a5eea;
}

#locations-step1-form .email-container .button {
    margin-left: 15px;
    line-height: 22px;
    height: 22px;
    font-size: 0.81rem;
    font-weight: bold;
}

#locations-step1-form .email-description {
    text-align: center;
    color: #292929;
    margin-bottom: 10px;
}

#locations-step1-form .next-btn-container {
    display: flex;
    justify-content: center;
    margin-top: 35px;
}

.step-text-container {
    color: #888;
    text-align: right;
    font-size: 12px;
    padding: 15px 10px 3px;
}

.add-location-submit-btn-container {
    display: flex;
    justify-content: center;
    margin-top: 35px;
}

.add-location-submit-btn-container .button {
    padding: 0 100px;
}

.locations-email-modal input {
    height: 22px;
    padding: 3px 8px;
    border-radius: 3px;
    border: 1px solid #c9c9c9;
}

[data-page="locations-add-step1"] .page-content {
    position: relative;
}

.autocomplete-container {
    position: relative;
    overflow: visible !important;
}

#locations-step1-form .list-block {
    overflow: visible !important;
}

#locations-step1-form .list-block ul {
    overflow: visible !important;
}

#locations-step1-form .item-content {
    overflow: visible !important;
}

#locations-step1-form .item-inner {
    overflow: visible !important;
}
#add-location-form-step2 .list-block .item-content {
    padding-left: 0;
}

#add-location-form-step2 .item-title.label {
    color: #292929;
}
.locations-item {
    display: flex;
    cursor: pointer;
    color: black;
    border-bottom: 1px solid #e4e4e6;
    height: 50px;
}

.location-content {
    flex-grow: 1;
}

.location-edit-btn {
    color: var(--secondary-main);
    font-size: 14px;
    padding-top: 3px;
}

.location-edit-btn i.icon.icon-forward {
    margin: 0 7px 2px 7px;
    width: 9px;
    height: 15px;
}

.location-title {
    font-size: 14px;
    padding-top: 3px;
}

.location-delete-btn {
    padding-right: 15px;
}

.add-location-btn-container {
    display: flex;
    justify-content: flex-end;
}

#locations-add-btn {
    /* margin-right: 9px; */
}

.locations-padlock {
    display: none;
}
.locations-padlock > i {
    font-size: 20px;
    font-weight: 700;
    margin-right: 5px;
    line-height: 1.4;
}

.locations-add-btn-disabled {
    background-color: grey;
    border-color: grey;
}

#locations-activate-feature-btn {
    display: none;
}

.page[data-page="dentist-modify-job"] .content-block-title {
    margin:4px 15px;
}

.page[data-page="dentist-modify-job"] .content-block {
    margin:0px 0px 20px 0px;
}

.page[data-page="dentist-send-resumes"] .content-block-title {
    margin:4px 15px;
}

.page[data-page="dentist-send-resumes"] .content-block {
    margin:0px 0px 20px 0px;
}


.page[data-page="dentist-support"] .content-block-title {
    margin:4px 15px;
}

.page[data-page="dentist-support"] .content-block {
    margin:0px 0px 20px 0px;
}

.support-center-button {
    width: 205px;
    margin: 30px auto 30px;
    height: 50px;
    background-color: var(--warning-main);
    border-radius: 10px;
    color: white;
    text-align: center;
    line-height:  50px;
    font-size: 18px
}
.survey-block {
    padding: 10px 20px;
}

.survey-columns {
    display: flex;
    flex-direction: row;
}

.survey-content-column {
    flex-grow: 1;
    flex-basis: 50%;
}

@media all and (max-width: 420px) {
    .survey-columns {
        flex-direction: column;
    }
}

.survey-block-title {
    color: #0061cb;
    font-size: 19px;
    margin-bottom: 10px;
}

.survey-block {
    margin-bottom: 30px;
}

.survey-block label {
    padding: 4px 0;
}

.survey-button-row {
    display: flex;
    justify-content: center;
}

.survey-button-row .button {
    padding: 0 40px;
}

#survey-social-media-other {
    margin-top: 7px;
    font-size: 14px;
    line-height: 22px;
}