body {
  overflow-x: hidden;
}

.custom-checkbox.remember-checkbox .custom-control-label:before, .custom-checkbox.remember-checkbox .custom-control-label:after {
  top: 0.23rem !important;
}

.custom-checkbox.agree-terms .custom-control-label:before, .custom-checkbox.agree-terms .custom-control-label:after {
  top: 0.23rem !important;
}

.password_message{
  display: none;
  justify-content:space-between;
  font: normal normal normal 12px/18px Poppins;
}
.valid {
  color: #01E9A1;
}

.valid:before {
  position: relative;
  left: -5px;
  content: "✔";
}

/* Add a red text color and an "x" when the requirements are wrong */
.invalid {
  color: #FB7979;
}

.invalid:before {
  position: relative;
  left: -5px;
  content: "✖";
}

.custom-checkbox .custom-control-input + .custom-control-label:before {
  content: "\2714";
  border: 1px solid #01E9A1 !important;
  border-radius: 3px !important;
  display: inline-block;
  width: 18px;
  height: 18px;
  font-size: small;
  font-weight: 700;
  padding-left: 2px;
  padding-bottom: 4px !important;
  margin-right: 15px;
  color: transparent;
  background: transparent !important;
}

.custom-checkbox .custom-control-input:checked + .custom-control-label:before {
  background-color: #01E9A1 !important;
  color: #233743 !important;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: none !important;
}

.custom-control-label::after:focus {
  outline: none !important;
  border: none !important;
}

.custom-control-label:focus {
  outline: none;
}


.top_menu.shift-activity-top-menu .pending-action .pending-action-title {
  color: #8593A1;
  font: normal normal normal 16px/25px Poppins;
}

.main_block .block-item {
  max-width: 440px;
  height: auto;
  background: #223142 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 10px;
  /*margin-right: 25px;*/
  padding-bottom: 15px;
  margin: 0 auto;
  /* padding-top: 6px; */
}

.main_block .block-item.active {
  border: 1px solid #01E9A1;
}

.main_block .shift-activity {
  background: transparent radial-gradient(closest-side at 45% 88%, #102D37 56%, #000000 125%) 0% 0% no-repeat padding-box;
  margin-top: 25px;
}

.main_block .status {
  align-items: left;
  padding: 5px 34px 4px 25px;
  font: normal normal normal 15px Poppins;
}

.main_block .status .active-yellow {
  color: #FCC562;
}

.main_block .status .closed {
  color: #F66969;
}

.main_block .status .closed.closed-blue {
  color: #4891FF;
}

.main_block .status .active-green {
  color: #00FFD4;
}

.main_block .status .dot {
  width: 8px;
  height: 8px;
  margin-left: 8px;
  border-radius: 50px;
}

.main_block .status .dot.active-yellow-dot {
  background: #FCC562;
}

.main_block .status .dot.closed-dot {
  background: #F66969;
}

.main_block .status .dot.closed-dot.closed-dot-blue {
  background: #4891FF;
}

.main_block .status .dot.active-green-dot {
  background: #00FFD4;
}

.main_block .activity-details {
  /* align-items: center;
  padding-bottom: 13px; */
}

.main_block .activity-details .calendar_date,
.main_block .activity-details .activity_date,
.main_block .shift-activity .block-item.custom-block-item .activity-details .date,
.main_block .find-match .activity-details .date {
  font: normal normal normal 15px/25px Poppins;
  color: #FFFFFF;
  /* margin-left: 34px; */
  padding-left: 30px;
  background: url("../img/images/calendar-green.svg") no-repeat left;
}

 .main_block .activity-details .specialist-name {
  /* margin-left: 15px; */
  font: normal normal normal 15px/25px Poppins;
  padding-left: 35px;
}

.main_block .activity-details .specialist-name.associate_dentist {
  background: url("../img/associate-dentist.svg") no-repeat left;
  color: #98E4FF;
}

.main_block.activity-details .specialist-name.front_office {
  background: url("../img/front-office.svg") no-repeat left;
  color: #8394E5;
}

.main_block .activity-details .specialist-name.specialist {
  background: url("../img/specialist.svg") no-repeat left;
  color: #FFDE07;
}

.main_block .activity-details .specialist-name.hygienist {
  background: url("../img/hygienist.svg") no-repeat left;
  color: #04BBFD;
}

.main_block .activity-details .specialist-name.assistant {
  background: url("../img/assistant.svg") no-repeat left;
  color: #FF0000;
}

.main_block .activity-details .specialist-name.volunteer_extern {
  background: url("../img/volunteer-extern.svg") no-repeat left;
  color: #FCE794;
}



.main_block .activity-details .specialist-name.specialist {
  background: url("../img/images/specialist.svg") no-repeat left;
  color: #FFDE07;
}

.main_block .activity-details .specialist-name.specialist {
  background: url("../img/images/specialist.svg") no-repeat left;
  color: #FFDE07;
}

.main_block .activity-details .shift-id {
  font: normal normal normal 14px/21px Poppins;
  padding-right: 34px;
  color: #01E9A1;
  margin-left: auto;
}

.main_block .activity-info {
  flex-direction: column;
  /* padding: 10px 34px 20px; */
}

.main_block .activity-info .title {
  font: normal normal 600 16px/25px Poppins;
  padding-bottom: 15px;
  color: #01E9A1;
}

.main_block .activity-info .location {
  font: normal normal normal 15px/25px Poppins;
  color: #FFFFFF;
  background: url("../img/images/location.svg") no-repeat left;
  padding: 5.5px 0 5.5px 30px;
}

.main_block .activity-info .price {
  font: normal normal normal 15px/25px Poppins;
  color: #FFFFFF;
  background: url("../img/images/price.svg") no-repeat left;
  padding: 5.5px 0 5.5px 30px;
}

.main_block .activity-info .price span {
  /* padding-left: 145px; */
}

.main_block .activity-info .price.shift-cost span {
  padding-left: 70px;
}

.main_block .activity-info .hours {
  font: normal normal normal 15px/25px Poppins;
  color: #FFFFFF;
  background: url("../img/images/hours.svg") no-repeat left;
  padding: 5.5px 0 5.5px 30px;
}

.main_block .activity-info .find-match {
  align-items: center;
  padding-bottom: 15px;
  /* padding-top: 3px; */
}

.main_block .activity-info .find-match button {
  width: 156px;
  height: 41px;
  background: transparent linear-gradient(102deg, #BEDEFE 0%, #8394E5 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 29px;
  text-align: center;
  border: none;
  font-size: 15px;
  line-height: 21px;
  font-family: Poppins;
  color: #202941;
  text-shadow: 0px 3px 6px #00000029;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.main_block .activity-info .find-match button span {
  position: relative;
}
.main_block .activity-info .find-match button:before {
  --size: 0;
  content: '';
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--size);
  height: var(--size);
  background: radial-gradient(circle closest-side, #8394E5, transparent);
  transform: translate(-50%, -50%);
  transition: width 0.2s ease, height 0.2s ease;
}
.main_block .activity-info .find-match button:hover:before {
  --size: 156px
}
.main_block .activity-info .find-match button:focus {
  outline: none;
}

.main_block .activity-info .find-match .icons {
  display: flex;
}

.main_block .activity-info .find-match .icons a {
  width: 20px;
  height: 20px;
  margin-left: 11px;
}

.main_block .activity-info .find-match .icons a:hover .a_pencil,
.main_block .activity-info .find-match .icons a:hover .a_delete,
.main_block .activity-info .find-match .icons a:hover .a_share{
  fill: #01e9a1;
}

.main_block .activity-info .find-match .icons .edit {
  background: url("../img/images/edit-pencil.svg") no-repeat;
}

.main_block .activity-info .find-match .icons .delete {
  background: url("../img/images/delete.svg") no-repeat;
}

.main_block .activity-info .find-match .icons .share {
  background: url("../img/images/share.svg") no-repeat;
}

.main_block .shift-activity .card-carousel, .main_block .calendar_block .card-carousel {
  background: #1B2633 0% 0% no-repeat padding-box;
  /* margin: 0 11px 9px; */
  border-radius: 10px;
  max-height: 520px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.main_block .calendar_block .card-carousel {
  /* margin: 0 30px 9px; */
}

.main_block .shift-activity .card-carousel .carousel {
  height: 534px;
}

.main_block .shift-activity .carousel_container .carousel-indicators.shift-activity-indicators {
  bottom: -8px;
}

.main_block .shift-activity .carousel_container .carousel-indicators.shift-activity-indicators li {
  width: 8px;
  height: 8px;
  border-radius: 50px;
}

.main_block .shift-activity .carousel_container .carousel-indicators.shift-activity-indicators li.active {
  background: #01E9A1 0% 0% no-repeat padding-box;
}

.main_block .shift-activity .card-carousel .right_cards .spec_card.shift-card {
  width: 410px;
  height: 239px;
  margin-left: 18%;
}


.main_block .shift-activity .card-carousel .right_cards .spec_card.shift-card .spec_image, .main_block.find-match .spec_image,
.main_block .calendar_block .card-carousel .right_cards .spec_card.shift-card .spec_image, .main_block.find-match .spec_image {
  width: 100px;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
}

.main_block .shift-activity .card-carousel .right_cards .spec_card.shift-card .spec_image img,
.main_block .calendar_block .card-carousel .right_cards .spec_card.shift-card .spec_image img {
  width: 99px !important;
  height: 100px;
}

.main_block .shift-activity .card-carousel .right_cards .spec_card .spec_info .spec_time {
  align-items: center;
}

.main_block .shift-activity .card-carousel .right_cards .spec_card.shift-card .spec_info {
  width: 250px;
  /* padding: 15px 0 15px 17px; */
}

.main_block .shift-activity .card-carousel .right_cards .spec_card.shift-card .spec_info .spec_name {
  justify-content: flex-start;
}

.main_block .shift-activity .card-carousel .right_cards .spec_card.shift-card .spec_info .spec_name .spec_like.liked {
  margin-left: 15px;
}

.main_block .shift-activity .card-carousel .right_cards .spec_card.shift-card .spec_info .spec_rate,
.main_block .find-match .spec_info .spec_rate {
  justify-content: space-between;
}

.main_block .shift-activity .card-carousel .right_cards .spec_card.shift-card .spec_info .spec_rate {
  justify-content: space-between;
}

.main_block .shift-activity .card-carousel .right_cards .spec_card.shift-card .spec_info .spec_rate .price,
.main_block .find-match .price {
  font: normal normal normal 15px/21px Poppins;
 /*  color: #FCC161; */
}

.icon.front_office {
  background: url("../img/images/front-office.svg") no-repeat center;
}

.icon.specialist {
  background: url("../img/images/specialist.svg") no-repeat center;
}

.main_block .shift-activity .card-carousel .right_cards .spec_card.shift-card .spec_info .spec_button,
.main_block .calendar_block .card-carousel .right_cards .spec_card.shift-card .spec_info .spec_button {
  padding: 5px 0;
}

.main_block .shift-activity .card-carousel .right_cards .spec_card.shift-card .spec_info .spec_button .withdraw-btn,
.main_block .calendar_block .card-carousel .right_cards .spec_card.shift-card .spec_info .spec_button .withdraw-btn {
  width: 156px;
  height: 41px;
  background: transparent linear-gradient(100deg, #D08AE9 0%, #BA98FF 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 29px;
  display: flex;
  justify-content: center;
  align-items: center;
}


.main_block .shift-activity .card-carousel .right_cards .spec_card.shift-card .spec_image .spec-bottom .time-process,
.main_block .shift-activity .card-carousel .right_cards .spec_card.shift-card .spec_image .time-process,
.main_block .find-match .spec_image .time-process {
  width: 40px;
  height: 40px;
}

.main_block .calendar_block .time-process {
  width: 40px !important;
  height: 40px !important;
}

.main_block .shift-activity .card-carousel .right_cards .spec_card.shift-card .spec_image .spec-bottom .buttons,
.main_block .calendar_block .card-carousel .right_cards .spec_card.shift-card .spec_image .spec-bottom .buttons {
  align-items: flex-end;

}

.main_block .shift-activity .card-carousel .right_cards .spec_card.shift-card .spec_image .spec-bottom .buttons button,
.main_block .calendar_block .card-carousel .right_cards .spec_card.shift-card .spec_image .spec-bottom .buttons button {
  width: 79px;
  height: 41px;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 29px;
  margin-right: 10px;
  font: normal normal 14px/21px Poppins;
  letter-spacing: 0px;
  color: #202941;
  border: none;
  text-shadow: 0px 3px 6px #00000029;
  position: relative;
  overflow: hidden;
}

.main_block .shift-activity .card-carousel .right_cards .spec_card.shift-card .spec_image .spec-bottom .buttons button span,
.main_block .calendar_block .card-carousel .right_cards .spec_card.shift-card .spec_image .spec-bottom .buttons button.accept span,
.main_block .calendar_block .card-carousel .right_cards .spec_card.shift-card .spec_image .spec-bottom .buttons button.counter span,
.main_block .calendar_block .card-carousel .right_cards .spec_card.shift-card .spec_image .spec-bottom .buttons button.reject span {
  position: relative;
}
.main_block .shift-activity .card-carousel .right_cards .spec_card.shift-card .spec_image .spec-bottom .buttons button:before,
.main_block .calendar_block .card-carousel .right_cards .spec_card.shift-card .spec_image .spec-bottom .buttons button.accept:before,
.main_block .calendar_block .card-carousel .right_cards .spec_card.shift-card .spec_image .spec-bottom .buttons button.counter:before,
.main_block .calendar_block .card-carousel .right_cards .spec_card.shift-card .spec_image .spec-bottom .buttons button.reject:before {
  --size: 0;
  content: '';
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--size);
  height: var(--size);
  transform: translate(-50%, -50%);
  transition: width 0.2s ease, height 0.2s ease;
}
.main_block .shift-activity .card-carousel .right_cards .spec_card.shift-card .spec_image .spec-bottom .buttons button:hover:before,
.main_block .calendar_block .card-carousel .right_cards .spec_card.shift-card .spec_image .spec-bottom .buttons button.accept:hover:before,
.main_block .calendar_block .card-carousel .right_cards .spec_card.shift-card .spec_image .spec-bottom .buttons button.counter:hover:before,
.main_block .calendar_block .card-carousel .right_cards .spec_card.shift-card .spec_image .spec-bottom .buttons button.reject:hover:before {
  --size: 79px;
}

.main_block .shift-activity .card-carousel .right_cards .spec_card.shift-card .spec_image .spec-bottom .buttons .accept:before,
.main_block .calendar_block .card-carousel .right_cards .spec_card.shift-card .spec_image .spec-bottom .buttons button.accept:before {
  background: radial-gradient(circle closest-side, #6ED9B8, transparent);
}
.main_block .shift-activity .card-carousel .right_cards .spec_card.shift-card .spec_image .spec-bottom .buttons .counter:before,
.main_block .calendar_block .card-carousel .right_cards .spec_card.shift-card .spec_image .spec-bottom .buttons button.counter:before {
  background: radial-gradient(circle closest-side, #8798de, transparent);
}
.main_block .shift-activity .card-carousel .right_cards .spec_card.shift-card .spec_image .spec-bottom .buttons .reject:before,
.main_block .calendar_block .card-carousel .right_cards .spec_card.shift-card .spec_image .spec-bottom .buttons button.reject:before {
  background: radial-gradient(circle closest-side, #FB9D9D, transparent);
}

.main_block .shift-activity .card-carousel .right_cards .spec_card.shift-card .spec_image .spec-bottom .buttons button.accept,
.main_block .calendar_block .card-carousel .right_cards .spec_card.shift-card .spec_image .spec-bottom .buttons button.accept {
  background: transparent linear-gradient(115deg, #24AF84 0%, #6ED9B8 100%) 0% 0% no-repeat padding-box;
  cursor: pointer;
}

.main_block .shift-activity .card-carousel .right_cards .spec_card.shift-card .spec_image .spec-bottom .buttons button.counter,
.main_block .calendar_block .card-carousel .right_cards .spec_card.shift-card .spec_image .spec-bottom .buttons button.counter {
  background: transparent linear-gradient(121deg, #C3E1ED 0%, #99A6DF 100%) 0% 0% no-repeat padding-box;
  cursor: pointer;
}

.main_block .shift-activity .card-carousel .right_cards .spec_card.shift-card .spec_image .spec-bottom .buttons button.reject,
.main_block .calendar_block .card-carousel .right_cards .spec_card.shift-card .spec_image .spec-bottom .buttons button.reject {
  background: transparent linear-gradient(112deg, #FB9D9D 0%, #FF4D4D 100%) 0% 0% no-repeat padding-box;
  cursor: pointer;
}

.main_block .pagination-section .note {
  font: normal normal 300 14px/21px Poppins;
  color: #FFFFFF;
}

.main_block .pagination-section .pagination .page-item {
  padding-left: 8px;
}

.main_block .pagination-section .pagination .page-item .page-link {
  border: none;
  border-radius: 3px !important;
  background: #5A6D7E 0% 0% no-repeat padding-box;
  color: #FFFFFF;
  text-decoration: none;
  font: normal normal normal 14px/21px Poppins;
}

.main_block .pagination-section .pagination .page-item .page-link:focus {
  outline: none;
}

.main_block .pagination-section .pagination .page-item:nth-child(2) .page-link {
  background: #2B4250 0% 0% no-repeat padding-box;
}

.main_block .pagination-section .pagination .page-item .page-link.prev {
  border: 1px solid #01E9A1;
  background-color: transparent;
  background-image: url("../img/images/prev-arrow.svg");
  background-position: center;
}

.main_block .pagination-section .pagination .page-item .page-link.prev span,
.main_block .pagination-section .pagination .page-item .page-link.next span {
  opacity: 0;
}

.main_block .pagination-section .pagination .page-item .page-link.next {
  border: 1px solid #01E9A1;
  background-color: transparent;
  background-image: url("../img/images/next-arrow.svg");
  background-position: center;
}

.main_block .pagination-section .pagination .page-item .page-link.prev:hover {
  border: none;
  background-color: #01E9A1;
  background-image: url("../img/images/prev-hover.svg");
  background-position: center;
}

.main_block .pagination-section .pagination .page-item .page-link.next:hover {
  border: none;
  background-color: #01E9A1;
  background-image: url("../img/images/next-hover.svg");
  background-position: center;
}

.find-match-top-menu .practice_dropdown .practice_btn {
  width: 121px;
  font: normal normal normal 16px/25px Poppins;
  color: #8593A1;
}

.content .find-match .first-content {
  background: transparent radial-gradient(closest-side at 40% 45%, #102D37 -28%, #000000 196%) 0% 100% no-repeat padding-box;
}

.content .find-match .first-content .first-content-part {
  max-width: 500px;
  width: 100%;
}

.main_block .find-match .activity-info {
  padding: 13px 25px 20px;
}

.main_block .find-match .matches-found {
  width: 459px;
  height: 34px;
  background: #1D2F3B 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 6px #00000029;
  border-radius: 10px;
  color: #ffffff;
  padding: 6px 27px;
  display: flex;
  align-items: center;
  margin-top: 18px;
}

.main_block .find-match .matches-found img {
  padding-right: 22px;
}

.main_block .find-match .matches-found span {
  padding-left: 95px;
}

.main_block .find-match .find-match-carousel .item .cards {
  background: #2B4250 0% 0% no-repeat padding-box;
  max-width: 440px;
  height: auto;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 10px;
  margin: auto;
  /* margin-bottom: 50px; */
  position: relative;
  animation: fadeIn 1s ease-in both;
}

.main_block .find-match .find-match-carousel .item .cards:nth-child(2) {
  animation-delay: 0.2s;
}

.main_block .find-match .cards .cards-content {
  z-index: 1;
  background: #2B4250 0% 0% no-repeat padding-box;
  max-width: 459px;
  height: 248px;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 10px;
  margin: 0;
  position: absolute;
}

.main_block .find-match .spec_image img {
  width: 100%;
  height: auto;
}

.main_block .find-match .spec_info {
 /*  width: 250px; */
  /* padding: 15px 0; */
}

.main_block .find-match .spec_button .spec_btn {
  height: 44px;
}

.main_block .find-match .spec_info .spec_name {
  font-size: 16px;
}

.main_block .find-match .spec_info .spec_name img, .main_block .shift-activity .spec_info .spec_name img {
  max-width: 20px;
  margin-left: 27px;
}

.main_block .find-match .dentist_color {
  color: #39C3F5;
}

.main_block .find-match .background-active {
  width: 459px;
  height: 248px;
  transform: matrix(1, 0.05, -0.05, 1, 0, 0);
  background: #8593A1 0% 0% no-repeat padding-box;
  border-radius: 10px;
  z-index: 0;
  position: absolute;
}

.main_block .find-match .activity-info .price span {
  padding-left: 145px;
}

.make-offer-modal .make-offer-modal-dialog {
  max-width: 604px !important;
}

.make-offer-modal .make-offer-modal-dialog .make-offer-modal-content {
  height: auto;
  width: 604px;
  background: transparent linear-gradient(180deg, #272F36 0%, #181E39 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 20px #121B20;
  border: 1px solid #5A6D7E;
  border-radius: 10px;
  padding: 0 28.5px;
}

.make-offer-modal .make-offer-modal-dialog .make-offer-modal-content .make-offer-modal-header {
  /*border-bottom: 1px solid #5A6D7E !important;*/
}

.make-offer-modal .make-offer-modal-dialog .make-offer-modal-content .make-offer-modal-title {
  font: normal normal 600 24px/35px Poppins;
  color: #FFFFFF;
  padding: 10px 0 18px 0px;
}

.make-offer-modal .make-offer-modal-dialog .make-offer-modal-content .make-offer-modal-close,
.cancel-shift-modal .cancel-shift-modal-dialog .cancel-shift-modal-content .cancel-shift-modal-header .close {
  /*background: url("../img/images/modal-close-icon.svg") no-repeat center;*/
  background-size: 60%;
  opacity: 1;
  margin-top: 10px !important;
}
.cancel-shift-modal .cancel-shift-modal-dialog .cancel-shift-modal-content .cancel-shift-modal-header .close:hover .close_line,
.make-offer-modal .make-offer-modal-dialog .make-offer-modal-content .make-offer-modal-close:hover .close_line,
.close.make-offer-modal-close:hover .close_line {
  stroke: #01e9a1;
}
.post-shift-modal-header .close.make-offer-modal-close {
  background: transparent !important;
  border: none !important;
}
.make-offer-modal .make-offer-modal-dialog .make-offer-modal-content .make-offer-modal-close:focus,
.cancel-shift-modal .cancel-shift-modal-dialog .cancel-shift-modal-content .cancel-shift-modal-header .close:focus {
  outline: none;
}

.make-offer-modal .make-offer-modal-dialog .make-offer-modal-content .make-offer-modal-close:hover,
.cancel-shift-modal .cancel-shift-modal-dialog .cancel-shift-modal-content .cancel-shift-modal-header .close:hover {
  opacity: 1;
}

.make-offer-modal .make-offer-modal-dialog .make-offer-modal-content .make-offer-modal-body .modal-body-first-line {
  padding: 15px 31.5px 15px 31.5px;
}

.make-offer-modal .make-offer-modal-dialog .make-offer-modal-content .make-offer-modal-body .modal-body-first-line .title-of-practice {
  font: normal 600 18px/27px Poppins;
  /*color: #01E9A1;*/
}

.make-offer-modal .make-offer-modal-dialog .make-offer-modal-content .make-offer-modal-body .modal-body-first-line .right-side .date {
  font: normal normal normal 16px/25px Poppins;
  color: #FFFFFF;
  padding-left: 20px;
  background: url("../img/images/calendar-green.svg") no-repeat left;
}

.make-offer-modal .make-offer-modal-dialog .make-offer-modal-content .make-offer-modal-body .modal-body-first-line .right-side .specialist-name.dentist {
  margin-left: 15px;
  font: normal normal normal 16px/25px Poppins;
  padding-left: 35px;
  background: url("../img/dentist.svg") no-repeat left;
  color: #39C3F5;
}

.make-offer-modal .make-offer-modal-dialog .make-offer-modal-content .make-offer-modal-body .name-surname {
  padding: 0 0 20px 21.5px;
}

.make-offer-modal .make-offer-modal-dialog .make-offer-modal-content .make-offer-modal-body .name-surname img {
  width: 36px;
  height: 36px;
  box-shadow: 0px 0px 6px #00000029;
  border-radius: 50px;
}

.make-offer-modal .make-offer-modal-dialog .make-offer-modal-content .make-offer-modal-body .name-surname .name {
  font: normal normal 600 16px/25px Poppins;
  color: #FFFFFF;
  padding-left: 20px;
}

.make-offer-modal .make-offer-modal-dialog .make-offer-modal-content .make-offer-modal-body .hourly-rate {
  padding: 0 31.5px 0px 31.5px;
  font: normal normal normal 16px/25px Poppins;
  color: #01E9A1;
}

.make-offer-modal .make-offer-modal-dialog .make-offer-modal-content .make-offer-modal-body .hourly-rate .price {
  color: #FFFFFF;
}

.make-offer-modal .make-offer-modal-dialog .make-offer-modal-content .make-offer-modal-body .dashed-line,
.employee-detailed-view .employee-detailed-view-dialog .employee-detailed-view-content .employee-detailed-view-body .dashed-line {
  max-width: 513px;
  height: 1px;
  margin: 0 auto;
  padding-bottom: 11.5px;
  background: url("../img/images/dashed-line.png") no-repeat;
}

.employee-detailed-view .employee-detailed-view-dialog .employee-detailed-view-content .employee-detailed-view-body .dashed-line {
  max-width: 604px;
  background-size: contain;
  margin: 0;
}

.make-offer-modal .make-offer-modal-dialog .make-offer-modal-content .make-offer-modal-body .start-end-time {
  padding: 0 28.5px;
}

.make-offer-modal .make-offer-modal-dialog .make-offer-modal-content .make-offer-modal-body .start-end-time input {
  background: url("../img/images/clock.svg") no-repeat right;
  width: 227px;
  height: 44px;
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #FFFFFF;
  border-radius: 10px;
  background-color: transparent;
  padding: 12px 30px 9px 20px;
  background-position: 95%;
  color: #5A6D7E;
}

.make-offer-modal .make-offer-modal-dialog .make-offer-modal-content .make-offer-modal-body .start-end-time input::placeholder,
.make-offer-modal .make-offer-modal-dialog .make-offer-modal-content .make-offer-modal-body .offered-hours .offered-input::placeholder {
  font: normal normal medium 16px/25px Poppins;
  color: #5A6D7E;
}

.make-offer-modal .make-offer-modal-dialog .make-offer-modal-content .make-offer-modal-body .start-end-time input:focus,
.make-offer-modal .make-offer-modal-dialog .make-offer-modal-content .make-offer-modal-body .offered-hours .offered-input:focus,
.make-offer-modal .make-offer-modal-dialog .make-offer-modal-content .make-offer-modal-body .make-offer-btn:focus,
.cancel-shift-modal .cancel-shift-modal-dialog .cancel-shift-modal-content .cancel-shift-modal-body .cancellation-reason-form .cancellation-form-submit-btn:focus {
  outline: none;
}

.make-offer-modal .make-offer-modal-dialog .make-offer-modal-content .make-offer-modal-body .offered-hours {
  padding: 0px 31.5px 0px 31.5px;
}

.make-offer-modal .make-offer-modal-dialog .make-offer-modal-content .make-offer-modal-body .offered-hours .title {
  font: normal normal medium 14px/21px Poppins;
  color: #01E9A1;
  padding-bottom: 13.5px;
}

.make-offer-modal .make-offer-modal-dialog .make-offer-modal-content .make-offer-modal-body .offered-hours .offered-input {
  width: 467px;
  height: 44px;
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #FFFFFF;
  border-radius: 10px;
  color: #8593A1;
  background: transparent;
  padding: 12px 17px;
}

.make-offer-modal .make-offer-modal-dialog .make-offer-modal-content .make-offer-modal-body .make-offer-btn {
  width: 166px;
  height: 41px;
  background: transparent linear-gradient(101deg, #04BBFD 0%, #8394E5 100%) 0% 0% no-repeat padding-box;
  border-radius: 29px;
  display: flex;
  justify-content: center;
  align-items: center;
  font: normal normal medium 16px/25px Poppins;
  color: #202941;
  margin: 10px 31.5px;
  border: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.make-offer-modal .make-offer-modal-dialog .make-offer-modal-content .make-offer-modal-body .make-offer-btn span {
  position: relative;
}

.make-offer-modal .make-offer-modal-dialog .make-offer-modal-content .make-offer-modal-body .make-offer-btn:before {
  --size: 0;
  content: '';
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--size);
  height: var(--size);
  background: radial-gradient(circle closest-side, #8394E5, transparent);
  transform: translate(-50%, -50%);
  transition: width 0.2s ease, height 0.2s ease;
}

.make-offer-modal .make-offer-modal-dialog .make-offer-modal-content .make-offer-modal-body .make-offer-btn:hover:before {
  --size: 165px;
}

.make-offer-modal .make-offer-modal-dialog .make-offer-modal-content .make-offer-modal-body .note {
  font: normal normal normal 12px/18px Poppins;
  color: #FCC562 !important;
  margin: 0 31.5px;
}

.custom-spec_check {
  width: 70px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.custom-spec_check .svg {
  width: 37px;
  height: 37px;
}
.custom-spec_check .svg:hover .a_blue,
.custom-spec_check .svg:hover .b_blue {
  fill: #39C3F5;
}

.custom-spec_check .cancel-shift {
  color: #ffffff;
  font-size: 14px;
  font-family: 'Poppins', sans-serif;
  text-decoration: revert;
}

.cancel-shift-modal .cancel-shift-modal-dialog {
  max-width: 654px !important;
}

.cancel-shift-modal .cancel-shift-modal-dialog .cancel-shift-modal-content {
  height: 344px;
  background: transparent linear-gradient(180deg, #272F36 0%, #181E39 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 20px #121B20;
  border: 1px solid #5A6D7E;
  border-radius: 10px;
  padding: 25px 21.5px;
}

.cancel-shift-modal .cancel-shift-modal-dialog .cancel-shift-modal-content.custom-height {
  height: 460px;
}

.cancel-shift-modal .cancel-shift-modal-dialog .cancel-shift-modal-content .cancel-shift-modal-header {
  border-bottom: 1px solid #5A6D7E !important;
}

.cancel-shift-modal .cancel-shift-modal-dialog .cancel-shift-modal-content .cancel-shift-modal-header .cancel-shift-modal-title {
  font: normal normal 600 29px/43px Poppins;
  color: #FFFFFF;
}

.cancel-shift-modal .cancel-shift-modal-dialog .cancel-shift-modal-content .cancel-shift-modal-body .cancellation-reason-form {
  display: flex;
  flex-direction: column;
}

.cancel-shift-modal .cancel-shift-modal-dialog .cancel-shift-modal-content .cancel-shift-modal-body .cancellation-reason-form label {
  font: normal normal medium 16px/25px Poppins;
  color: #01E9A1;
}

.cancel-shift-modal .cancel-shift-modal-dialog .cancel-shift-modal-content .cancel-shift-modal-body .cancellation-reason-form select {
  width: 584px;
  height: 44px;
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #FFFFFF;
  border-radius: 10px;
  background: transparent;
  font: normal normal normal 14px/21px Poppins;
  color: #FFFFFF;
  padding: 12px 17px;
}

.cancel-shift-modal .cancel-shift-modal-dialog .cancel-shift-modal-content .cancel-shift-modal-body .cancellation-reason-form select .select-option {
  box-shadow: 0px 3px 6px #00000029 !important;
  border: 1px solid #FFFFFF !important;
  border-radius: 10px !important;
  font: normal normal normal 14px/21px Poppins !important;
  color: #FFFFFF !important;
  background-color: #363F4B;
}

.cancel-shift-modal .cancel-shift-modal-dialog .cancel-shift-modal-content .cancel-shift-modal-body .cancellation-reason-form select:focus {
  outline: none;
}

.cancel-shift-modal .cancel-shift-modal-dialog .cancel-shift-modal-content .cancel-shift-modal-body .cancellation-reason-form .cancellation-form-submit-btn {
  width: 156px;
  height: 41px;
  background: transparent linear-gradient(102deg, #FFF9F1 0%, #9CF3E5 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 29px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  cursor: pointer;position: relative;
  overflow: hidden;
}
.cancel-shift-modal .cancel-shift-modal-dialog .cancel-shift-modal-content .cancel-shift-modal-body .cancellation-reason-form .cancellation-form-submit-btn span {
  position: relative;
}
.cancel-shift-modal .cancel-shift-modal-dialog .cancel-shift-modal-content .cancel-shift-modal-body .cancellation-reason-form .cancellation-form-submit-btn:before {
  --size: 0;
  content: '';
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--size);
  height: var(--size);
  background: radial-gradient(circle closest-side, #9CF3E5, transparent);
  transform: translate(-50%, -50%);
  transition: width 0.2s ease, height 0.2s ease;
}

.cancel-shift-modal .cancel-shift-modal-dialog .cancel-shift-modal-content .cancel-shift-modal-body .cancellation-reason-form .cancellation-form-submit-btn:hover:before {
  --size: 156px;
}


.main_block .shift-activity .right_cards.custom_right_cards {
  margin: 0 32px;
}


.main_block .shift-activity .right_cards.custom_right_cards .spec_card {
  max-width: 410px;
  width: 410px;
  height: 192px;
}

.main_block .shift-activity .block-item.custom-block-item {
  height: 555px;
}

.main_block .shift-activity .activity-info.custom-activity-info {
  padding: 13px 34px 0;
}

.main_block .shift-activity .spec_time.spec_mail .spec_time_icon {
  width: 19px;
  height: 19px;
  background: url("../img/images/mail-green.svg") no-repeat center;
}

.main_block .shift-activity .spec_time.spec_phone .spec_time_icon {
  width: 19px;
  height: 19px;
  background: url("../img/images/phone-call-green.svg") no-repeat center;
}
.seeker-calendar-right-side .shift-activity-card-carousel .spec_time.spec_phone .spec_time_icon {
  width: 19px;
  height: 19px;
  background: url("../img/images/phone-call-green.svg") no-repeat center;
}
.seeker-calendar-right-side .shift-activity-card-carousel .spec_time.spec_mail .spec_time_icon {
  /* width: 40px; */
  height: 19px;
  background: url("../img/images/mail-green.svg") no-repeat center;
}
.main_block .shift-activity .block-item.custom-block-item .cancel-btn {
  padding: 8px 34px 0;
}

.main_block .shift-activity .block-item.custom-block-item .cancel-btn button {
  width: 145px;
  height: 38px;
  background: transparent linear-gradient(
      102deg, #F3FFFB 0%, #99BDC9 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 29px;
  border: none;
  font: normal normal 12px/18px Poppins;
  color: #202941;
  text-shadow: 0px 3px 6px #00000029;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.main_block .shift-activity .block-item.custom-block-item .cancel-btn button span {
  position: relative;
}
.main_block .shift-activity .block-item.custom-block-item .cancel-btn button:before {
  --size: 0;
  content: '';
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--size);
  height: var(--size);
  background: radial-gradient(circle closest-side, #afcdaf, transparent);
  transform: translate(-50%, -50%);
  transition: width 0.2s ease, height 0.2s ease;
}

.main_block .shift-activity .block-item.custom-block-item .cancel-btn button:hover:before {
  --size: 145px;
}

.main_block .shift-activity .block-item.custom-block-item .cancel-btn button:focus,
.cancel-shift-modal .cancel-shift-modal-dialog .cancel-shift-modal-content .cancel-shift-modal-body .cancellation-reason-form .type-other-reason:focus {
  outline: none;
}

.cancel-shift-modal .cancel-shift-modal-dialog .cancel-shift-modal-content .cancel-shift-modal-body .cancellation-reason-form .type-other-reason {
  width: 584px;
  height: 118px;
  background: #1F2737 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #FFFFFF;
  border-radius: 10px;
  font: normal normal normal 16px/25px Poppins;
  letter-spacing: 0px;
  color: #8593A1;
  resize: none;
  padding: 12px 17px;
}

.content .notification .item_date {
  font: normal normal medium 16px/25px Poppins;
  color: #01E9A1;
}
.content .notification a {
  text-decoration: none;
}
.content .notification .notification-alert {
  position: relative;
  height: 136px;
  box-shadow: 0px 3px 6px #00000033;
  border-radius: 10px;
  border: none !important;
  padding: 17px 16.5px 17px 23px !important;
}

.content .notification .notification-alert.offer-sent-background {
  background: #0E2731;
}

.content .notification .notification-alert.interest-received-background {
  background: #1A3B47;
}

.content .notification .notification-alert.interest-rejected-background {
  background: #30485A;
}

.content .notification .notification-alert.offer-rejected-background {
  background: #112F3A;
}

.content .notification .notification-alert.medium-background {
  background: #245161 0% 0% no-repeat padding-box;
}

.content .notification .notification-alert.light-background {
  background: #435A71 0% 0% no-repeat padding-box;
}

.content .notification .notification-alert .close-notification {
  float: left !important;
  background-image: url("../img/images/close-icon-with-background.svg");
  background-repeat: no-repeat;
  background-position: center;
  width: 33px;
  height: 33px;
  margin-right: 29px;
  opacity: 1 !important;
}

.content .notification .notification-alert .close-notification:focus {
  outline: none;
}

.content .notification .notification-alert .close-notification span {
  opacity: 0;
}

.content .notification .notification-alert .notification-content {
  display: flex;
  justify-content: space-between;
}

.content .notification .notification-alert .notification-content .right-side .published-date {
  background: url("../img/images/clock.svg") no-repeat left;
  padding-left: 25px;
  font: normal normal normal 16px/25px Poppins;
  color: #8593A1;
}

.content .notification .notification-alert .notification-content .left-side {
  display: flex;
  align-items: center;
}

.content .notification .notification-alert .notification-content .left-side .image-part {
  position: relative;
  margin-right: 21px;
}

.content .notification .notification-alert .notification-content .left-side .image-part .active-red {
  position: absolute;
  top: 0;
  right: 10%;
  width: 20px;
  height: 20px;
  border-radius: 50px;
  background: #E90101;
}

.content .notification .notification-alert .notification-content .left-side .image-part img {
  max-width: 102px;
  max-height: 102px;
  border-radius: 50px;
}

.content .notification .notification-alert .notification-content .left-side .text-part {
  display: flex;
  flex-direction: column;
}

.content .notification .notification-alert .notification-content .left-side .text-part .title {
  font: normal normal medium 16px/25px Poppins;
  color: #01E9A1;
  padding-bottom: 10px;
}

.content .notification .notification-alert .notification-content .left-side .text-part .title.offer-sent {
  color: #01E9A1;
  background: transparent;
}

.content .notification .notification-alert .notification-content .left-side .text-part .title.interest-received {
  color: #FCC161;
  background: transparent;
}

.content .notification .notification-alert .notification-content .left-side .text-part .title.offer-rejected {
  color: #FF5454;
  background: transparent;
}

.content .notification .notification-alert .notification-content .left-side .text-part .title.interest-rejected {
  color: #FF0000;
  background: transparent;
}

.content .notification .notification-alert .notification-content .left-side .text-part .description {
  max-width: 970px;
  font: normal normal 600 16px/25px Poppins;
  color: #FFFFFF;
}

.content .notification .mark-as-read {
  font: normal normal medium 12px/18px Poppins;
  border-bottom: 1px solid #01E9A1;
  color: #01E9A1;
  cursor: pointer;
}

.content .notification .load-more {
  font: normal normal normal 14px/21px Poppins;
  color: #01E9A1;
  cursor: pointer;
}

.help-support .about-title {
  position: relative;
  font: normal normal 25px/38px Poppins;
  color: #FFFFFF;
  padding-bottom: 3px;
  margin-bottom: 38px;
}

.help-support .about-title:after {
  content: '';
  position: absolute;
  width: 77px;
  height: 6px;
  background: #01E9A1 0% 0% no-repeat padding-box;
  border-radius: 3px;
  bottom: 0;
  left: 0;
  right: 0;
}

.help-support .about-description {
  max-width: 681px;
  font: normal normal normal 14px/28px Poppins;
  color: #C5C7C9;

}

.help-support .main-image {
  max-width: 452px;
  max-height: 436px;
  margin: auto;
}

.help-support .main-image img {
  width: 100%;
  height: 100%;
}

.help-support .howItWorks-title, .help-support .faq-title, .help-support .testimonials-title, .help-support .contact-title {
  position: relative;
  font: normal normal 25px/38px Poppins;
  text-align: center;
  color: #FFFFFF;
  padding-bottom: 3px;
  margin-bottom: 88px;
}

.help-support .howItWorks-title:after, .help-support .faq-title:after, .help-support .testimonials-title:after {
  content: '';
  position: absolute;
  width: 77px;
  height: 6px;
  background: #01E9A1 0% 0% no-repeat padding-box;
  border-radius: 3px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.help-support .how-it-works-content {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  padding: 40px 90px;
}

.help-support .how-it-works-content .how-it-works-card {
  width: 280px;
  height: 260px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.help-support .how-it-works-content .how-it-works-card .how-it-works-subtitle {
  color: #04BBFD;
  font-size: 18px;
  font-weight: 500;
  padding: 20px 0 8px;
}

.help-support .how-it-works-content .how-it-works-card .how-it-works-description {
  text-align: center;
}

.help-support .how-it-works-content .up-dotted-line, .referrals_content .up-dotted-line {
  margin: 0 -80px;
}

.help-support .how-it-works-content .down-dotted-line, .referrals_content .down-dotted-line {
  margin: 80px -80px;
}

.help-support .up-dotted-line img, .help-support .down-dotted-line img,
.referrals_content .up-dotted-line img, .referrals_content .down-dotted-line img {
  max-width: 259px;
}

.help-support .faq-accordion {
  max-width: 1245px;
  margin: 0 auto;
}

.help-support .faq-accordion .faq-accordion-item {
  margin-bottom: 16px;
}

.help-support .faq-accordion .faq-accordion-item, .help-support .faq-accordion .faq-accordion-item .accordion-header .accordion-button {
  background: #233743 0% 0% no-repeat padding-box !important;
  box-shadow: 0px 3px 6px #00000029 !important;
  border-radius: 10px !important;
  font: normal normal normal 16px/25px Poppins;
  color: #FFFFFF !important;
}

.help-support-indicators {
  z-index: 1 !important;
}

.carousel_container .carousel-indicators.help-support-indicators li {
  margin-right: 12px;
}

.help-support .contact-description {
  max-width: 436px;
  font: normal normal normal 14px/21px Poppins;
  text-align: center;
  margin: 0 auto;
  color: #01E9A1;
  padding-bottom: 19px;
}

.help-support .contact-form-item {
  width: 100%;
  margin-bottom: 22px;
  display: flex;
  justify-content: center;
}

.help-support .contact-form-item select, .help-support .contact-form-item input {
  max-width: 479px;
  width: 100%;
  height: 44px;
  font: normal normal normal 14px/21px Poppins;
  color: #FFFFFF;
  padding: 12px 17px;
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #FFFFFF;
  border-radius: 10px;
  background: transparent;
}

.help-support .contact-form-item select option {
  background: #363F4B 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 10px;
}

.help-support .contact-form-item textarea {
  max-width: 479px;
  height: 99px;
  width: 100%;
  font: normal normal normal 14px/21px Poppins;
  color: #FFFFFF;
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #FFFFFF;
  border-radius: 10px;
  background: transparent;
  padding: 12px 17px;
  resize: none;
}

.help-support .contact-form-item input::placeholder, .help-support .contact-form-item textarea::placeholder {
  color: #8593A1;
}

.help-support .contact-form-item select:focus, .help-support .contact-form-item input:focus, .help-support .contact-form-item textarea:focus {
  outline: none;
}

.help-support .contact-submit-btn {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 156px;
  margin: 40px auto 0 auto;
  height: 41px;
  background: transparent linear-gradient(100deg, #FFF5B2 0%, #8EE4B9 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 29px;
  font: normal normal medium 14px/21px Poppins;
  border: none;
  color: #202941;
  text-shadow: 0px 3px 6px #00000029;
  position: relative;
  overflow: hidden;
}
.help-support .contact-submit-btn span {
  position: relative;
}
.help-support .contact-submit-btn:before {
  --size: 0;
  content: '';
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--size);
  height: var(--size);
  background: radial-gradient(circle closest-side, #7eddb0, transparent);
  transform: translate(-50%, -50%);
  transition: width 0.2s ease, height 0.2s ease;
}

.help-support .contact-submit-btn:hover:before {
  --size: 156px;
}

.help-support .faq-accordion .faq-accordion-item .accordion-button::after {
  background-image: url("../img/images/plus-icon.svg") !important;
  background-position: center !important;
}

.help-support .faq-accordion .faq-accordion-item .accordion-button:not(.collapsed)::after {
  background-image: url("../img/images/minus-icon.svg") !important;
  transform: none !important;
  background-position: center !important;
}

.feedback .feedback-paragraph {
  max-width: 786px;
  width: 100%;
  font: normal normal medium 16px/25px Poppins;
  padding-bottom: 45px;
  margin: 0;
}

.feedback .feedback-paragraph .active-green {
  color: #01E9A1;
  text-decoration: none;
}

.feedback .custom-feedback-label {
  margin-right: 53px;
}

.feedback .type-feedback-input {
  max-width: 617px;
  width: 100%;
  height: 116px;
  box-shadow: 0px 0px 6px #0000001C;
  border: 1px solid #8593A1;
  border-radius: 5px;
  background: transparent;
  color: #ffffff;
  padding: 17px 25px;
  resize: none;
  margin-bottom: 0px;
}

.feedback .pick-job-poster {
  max-width: 579px;
  width: 100%;
  height: 45px;
  box-shadow: 0px 0px 6px #0000001C;
  border: 1px solid #8593A1;
  border-radius: 5px;
  background: transparent;
  color: #ffffff;
  padding: 0 20px;
  margin-bottom: 45px;
}

.feedback .pick-job-poster option {
  background: #363F4B 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 10px;
}

.feedback .type-feedback-input::placeholder {
  color: #8593A1;
}

.feedback .type-feedback-input:focus {
  outline: none;
}

.feedback .feedback-submit-btn {
  width: 156px;
  height: 41px;
  background: transparent linear-gradient(102deg, #FFF9F1 0%, #9CF3E5 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 29px;
  border: none;
  font: normal normal medium 14px/21px Poppins;
  color: #202941;
  text-shadow: 0px 3px 6px #00000029;
  margin-right: auto;
  margin-top: 25px;
  position: relative;
  overflow: hidden;
}
.feedback .feedback-submit-btn span {
  position: relative;
}
.feedback .feedback-submit-btn:before {
  --size: 0;
  content: '';
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--size);
  height: var(--size);
  background: radial-gradient(circle closest-side, #5ce0d4, transparent);
  transform: translate(-50%, -50%);
  transition: width 0.2s ease, height 0.2s ease;
}
.feedback .feedback-submit-btn:hover:before {
  --size: 156px;
}


.settings .notification-preferences .title {
  font: normal normal normal 24px/35px Poppins;
  color: #01E9A1;
  padding-bottom: 21px;
}

.settings .notification-preferences .notification-preferences-settings {
  position: relative;
  justify-content: space-between;
  margin-bottom: 28px;
}


.settings .main-image {
  width: 100%;
  display: flex;
}

.settings .main-image img {
  margin-left: auto;
  margin-top: -100px;
}

/* .settings .settings-notification-checkboxes {
  margin-right: 235px;
} */

.share-shift-modal .share-shift-modal-dialog {
  max-width: 552px !important;
}

.share-shift-modal .share-shift-modal-dialog .share-shift-modal-content {
  height: 331px auto;
  background: transparent linear-gradient(180deg, #272F36 0%, #181E39 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 20px #121B20;
  border: 1px solid #5A6D7E;
  border-radius: 10px;
  padding: 25px 16px;
}

.share-shift-modal .share-shift-modal-dialog .share-shift-modal-content .share-shift-modal-header,
.express-interest-modal .express-interest-modal-dialog .express-interest-modal-content .express-interest-modal-header {
  /*border-bottom: 1px solid #5A6D7E !important;*/
}

.share-shift-modal .share-shift-modal-dialog .share-shift-modal-content .share-shift-modal-header .share-shift-modal-title {
  text-align: center;
  font: normal normal 600 29px/43px Poppins;
  color: #FFFFFF;
  padding: 0 140px;
}

.share-shift-modal .share-shift-modal-dialog .share-shift-modal-content .share-shift-modal-header .share-shift-modal-close,
.employee-detailed-view .employee-detailed-view-dialog .employee-detailed-view-content .employee-detailed-view-header .close,
.express-interest-modal .express-interest-modal-dialog .express-interest-modal-content .express-interest-modal-header .close {
  background: url("../img/images/modal-close-icon.svg") no-repeat center !important;
  opacity: 1 !important;
}

.share-shift-modal .share-shift-modal-dialog .share-shift-modal-content .share-shift-modal-header .share-shift-modal-close:focus,
.share-shift-modal .share-shift-modal-dialog .share-shift-modal-content .copy-link-part input:focus,
.employee-detailed-view .employee-detailed-view-dialog .employee-detailed-view-content .employee-detailed-view-header .close:focus,
.express-interest-modal .express-interest-modal-dialog .express-interest-modal-content .express-interest-modal-header .close:focus {

  outline: none;
}

.share-shift-modal .share-shift-modal-dialog .share-shift-modal-content .copy-link-part {
  position: relative;
  margin-top: 51px;
}

.share-shift-modal .share-shift-modal-dialog .share-shift-modal-content .copy-link-part input {
  max-width: 523px;
  width: 100%;
  height: 44px;
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #FFFFFF;
  border-radius: 22px;
  background: transparent;
  color: #FFFFFF;
  padding: 0 19px;
}

.share-shift-modal .share-shift-modal-dialog .share-shift-modal-content .copy-link-part .copy-link {
  position: absolute;
  right: -0.8%;
  top: 0%;
  font: normal normal normal 14px/21px Poppins;
  color: #000;
  text-decoration: none;
  background: #6ceaa2;
  padding: 12px;
  border-bottom-right-radius: 18px;
  border-top-right-radius: 18px;
}
.share-shift-modal .share-shift-modal-dialog .share-shift-modal-content .copy-link-part .copy-link:hover {
  color: #000;
}

.share-shift-modal .share-shift-modal-dialog .share-shift-modal-content .social-icons {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 41px;
}

.share-shift-modal .share-shift-modal-dialog .share-shift-modal-content .social-icons a {
  max-width: 44px;
  max-height: 44px;
  margin-right: 18px;
  display: flex;
}

.share-shift-modal .share-shift-modal-dialog .share-shift-modal-content .social-icons a img {
  margin: auto;
}

.shift-history .shift-history-table {
  max-width: 1396px;
  width: 100%;
  margin: auto;
  color: #FFFFFF;
  text-align: center;
  border-radius: 10px;
  font: normal normal normal 16px/25px Poppins;
}

.shift-history .shift-history-table thead th {
  border: none !important;
  font: normal normal medium 16px/25px Poppins;
  color: #01E9A1;
  font-weight: 400;
}

.shift-history .shift-history-table tbody {
  background: #101E25;
  box-shadow: 0px 3px 6px #00000033;
  border-radius: 10px;
}

.shift-history .shift-history-table tbody tr {
  height: 95px;
  transition: 1s;
}
.shift-history .shift-history-table tbody tr:hover {
  background: #334652;
}

.shift-history .shift-history-table tbody tr:nth-child(1) th, .shift-history .shift-history-table tbody tr:nth-child(1) td {
  border-top: none !important;
}

.shift-history .shift-history-table tbody tr .date {
  font-weight: 400;
}

.shift-history .shift-history-table tbody tr .shift-role-dentist {
  color: #98E4FF;
}

.shift-history .shift-history-table tbody tr .shift-role-front-office {
  color: #8394E5;
}

.shift-history .shift-history-table tbody tr .shift-role-specialist {
  color: #FFDE07;
}

.shift-history .shift-history-table tbody tr .shift-role-associate {
  color: #D44FBE;
}

.shift-history .shift-history-table tbody tr .shift-role-assistant {
  color: #39C3F5;
}

.shift-history .shift-history-table tbody tr .status-completed {
  color: #E58686;
}

.shift-history .shift-history-table tbody tr .status-active {
  color: #FCC562;
}

.shift-history .shift-history-table td, .shift-history .shift-history-table th {
  vertical-align: middle !important;
  border-top: 1px solid #334652 !important;
}

.shift-history .shift-history-total {
  max-width: 1396px;
  width: 100%;
  margin: auto;
  display: flex;
  flex-direction: column;
  margin-top: 96px;
}

.shift-history .shift-history-total .total-fee {
  margin-left: auto;
  font: normal normal normal 24px/35px Poppins;
  color: #FFFFFF;
}

.shift-history .shift-history-total .total-fee span {
  color: #01E9A1;
  margin-left: 36px;
}

.shift-history .shift-history-total .export-data {
  margin: 17px 0 0 auto;
}

.shift-history .shift-history-total .export-data a {
  text-decoration: none;
  font: normal normal normal 16px/25px Poppins;
  color: #01E9A1;
  margin-right: 130px;
}
.shift-history .shift-history-total .export-data a:hover {
  color: #fff;
}
.shift-history .shift-history-total .export-data a:hover .a_export {
  fill: #01e9a1;
}

.shift-history .shift-history-total .export-data a img,
.shift-history .shift-history-total .export-data a svg {
  padding-right: 9px;
}
.shift-history .shift-history-total .export-data a svg {
  width: 30px;
}

.custom-months-selection .dropdown-toggle {
  background: transparent;
  color: #ffffff;
  border: none;
}

.custom-months-selection .custom-dropdown-menu {
  top: 10px !important;
  left: -55px !important;
  padding-top: 25px;
}

.custom-months-selection .custom-dropdown-menu .custom-dropdown-menu-input {
  background-image: url("../img/images/calendar-white.svg");
  background-repeat: no-repeat;
  background-position: 90%;
  background-color: transparent;
  box-shadow: 0 3px 6px #00000029;
  border: 1px solid #FFFFFF;
  border-radius: 10px;
  padding: 0 15px;
  width: 205px;
  height: 40px;
  color: #FFFFFF !important;
  margin: 10px auto;
  display: flex;
}

.custom-months-selection .custom-dropdown-menu .custom-dropdown-menu-input::placeholder {
  color: #FFFFFF !important;
}

.custom-months-selection .custom-dropdown-menu .custom-dropdown-menu-input::-webkit-inner-spin-button,
.custom-months-selection .custom-dropdown-menu .custom-dropdown-menu-input::-webkit-calendar-picker-indicator {
  background: none;
}


.custom-months-selection .custom-dropdown-menu .custom-dropdown-menu-input::-webkit-datetime-edit,
.custom-months-selection .custom-dropdown-menu .custom-dropdown-menu-input:focus::-webkit-datetime-edit {
  color: #FFFFFF;
}

/*post a shift modal css*/
.post-shift-modal .post-shift-modal-dialog {
  max-width: 733px !important;
}

.post-shift-modal .post-shift-modal-dialog .post-shift-modal-content {
  /*height: 708px;*/
  background: transparent linear-gradient(180deg, #272F36 0%, #181E39 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 20px #121B20;
  border: 1px solid #5A6D7E;
  border-radius: 10px;
  padding: 25px 21.5px 23px 21.5px;
}

.post-shift-modal .post-shift-modal-dialog .post-shift-modal-content .post-shift-modal-close,
.accept-modal .accept-modal-dialog .accept-modal-content .accept-modal-close {
  background: url("../img/images/modal-close-icon.svg") no-repeat center;
  background-size: 60%;
  opacity: 1;
  margin-top: -22px !important;
}

.post-shift-modal .post-shift-modal-dialog .post-shift-modal-content .post-shift-modal-close:focus {
  outline: none;
}

.post-shift-modal .post-shift-modal-dialog .post-shift-modal-content .post-shift-modal-close:hover {
  opacity: 1;
}

.post-shift-modal .post-shift-modal-dialog .post-shift-modal-content .post-shift-modal-header {
  border-bottom: 1px solid #5A6D7E !important;
  height: 70px;
}

.post-shift-modal .post-shift-modal-dialog .post-shift-modal-content .post-shift-modal-header .post-shift-modal-title {
  font: normal normal 600 29px/43px Poppins;
  color: #FFFFFF;
}
.modal-body .form-item .professions option:hover,
.modal-body .form-item .professions option:checked:hover {
  background-color: transparent !important;
  color: #0D262F !important;
}
.modal-body .form-item select:focus>option:hover {
  background-color: red !important;
  color: #0D262F !important;
}

.post-shift-modal .post-shift-modal-dialog .post-shift-modal-content .post-shift-modal-body {
  /*display: flex;*/
}

.post-shift-modal .post-shift-modal-dialog .post-shift-modal-content .post-shift-modal-body .left-side,
.post-shift-modal .post-shift-modal-dialog .post-shift-modal-content .post-shift-modal-body .right-side {
  width: 50%;
}

.post-shift-modal .post-shift-modal-dialog .post-shift-modal-content .post-shift-modal-body .form-item{
  display: flex;
  flex-direction: column;
  margin-bottom: 26px;
}

.post-shift-modal .post-shift-modal-dialog .post-shift-modal-content .post-shift-modal-body .form-item label {
  font: normal normal medium 16px/25px Poppins;
  color: #01E9A1;
}

.post-shift-modal .post-shift-modal-dialog .post-shift-modal-content .post-shift-modal-body .left-side .form-item.custom-form-item .small-input {
  display: flex;
}

.post-shift-modal .post-shift-modal-dialog .post-shift-modal-content .post-shift-modal-body .form-item input,
.post-shift-modal .post-shift-modal-dialog .post-shift-modal-content .post-shift-modal-body .form-item input,
.post-shift-modal .post-shift-modal-dialog .post-shift-modal-content .post-shift-modal-body .form-item select,
.post-shift-modal .post-shift-modal-dialog .post-shift-modal-content .post-shift-modal-body .form-item select,
.make-offer-modal .make-offer-modal-dialog .make-offer-modal-content .make-offer-modal-body select,
.counter-modal .counter-modal-dialog .counter-modal-content .modal-body select,
.express-interest-modal .express-interest-modal-dialog .express-interest-modal-content .modal-body select
 {
  width: 314px;
  height: 44px;
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #FFFFFF;
  border-radius: 10px;
  background: transparent;
  color: #ffffff;
  padding: 8px 20px;
}

.post-shift-modal .post-shift-modal-dialog .post-shift-modal-content .post-shift-modal-body .left-side .form-item select,
.post-shift-modal .post-shift-modal-dialog .post-shift-modal-content .post-shift-modal-body .right-side .form-item select {
  padding: 9px 20px 12px 20px;
}

.post-shift-modal .post-shift-modal-dialog .post-shift-modal-content .post-shift-modal-body .left-side .form-item select option,
.post-shift-modal .post-shift-modal-dialog .post-shift-modal-content .post-shift-modal-body .right-side .form-item select option {
  background: #363F4B 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 10px;
}

.post-shift-modal .post-shift-modal-dialog .post-shift-modal-content .post-shift-modal-body .left-side .form-item input:focus,
.post-shift-modal .post-shift-modal-dialog .post-shift-modal-content .post-shift-modal-body .right-side .form-item input:focus,
.post-shift-modal .post-shift-modal-dialog .post-shift-modal-content .post-shift-modal-body .left-side .form-item select:focus,
.post-shift-modal .post-shift-modal-dialog .post-shift-modal-content .post-shift-modal-body .right-side .form-item select:focus {
  outline: none;
}

.post-shift-modal .post-shift-modal-dialog .post-shift-modal-content .post-shift-modal-body .left-side .form-item.custom-form-item .small-input input {
  width: 151px;
  height: 44px;
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #FFFFFF;
  border-radius: 10px;
  background: transparent;
  color: #ffffff;
}

.post-shift-modal .post-shift-modal-dialog .post-shift-modal-content .post-shift-modal-body .form-item.custom-form-item .small-input input[type="date"],
.post-shift-modal .post-shift-modal-dialog .post-shift-modal-content .post-shift-modal-body .form-item .date,
.post-shift-modal .post-shift-modal-dialog .post-shift-modal-content .post-shift-modal-body .form-item.custom-form-item .small-input .start-end-date {
  background: url("../img/images/calendar-white.svg") no-repeat right;
  background-position: 95%;
}

.post-shift-modal .post-shift-modal-body input[type="date"]::-webkit-inner-spin-button,
.post-shift-modal .post-shift-modal-body input[type="date"]::-webkit-calendar-picker-indicator,
.counter-modal .counter-modal-dialog .counter-modal-content .modal-body .counter-shift-timings .counter-shift-timings-inputs input[type="date"]::-webkit-calendar-picker-indicator,
.counter-modal .counter-modal-dialog .counter-modal-content .modal-body .counter-shift-timings .counter-shift-timings-inputs input[type="date"]::-webkit-inner-spin-button {
  background: none;
}


.post-shift-modal .post-shift-modal-dialog .post-shift-modal-content .post-shift-modal-body .left-side .form-item.custom-form-item .small-input input:nth-child(1) {
  margin-right: 12px;
}

.post-shift-modal .post-shift-modal-dialog .post-shift-modal-content .post-shift-modal-body .left-side .form-item input::placeholder,
.post-shift-modal .post-shift-modal-dialog .post-shift-modal-content .post-shift-modal-body .right-side .form-item input::placeholder,
.post-shift-modal .post-shift-modal-dialog .post-shift-modal-content .post-shift-modal-body .left-side .form-item.custom-form-item .small-input input::placeholder {
  color: #5A6D7E;
}

.post-shift-modal .post-shift-modal-dialog .post-shift-modal-content .cost-total {
  display: flex;
  justify-content: space-between;
  padding-right: 15px;
  padding-top: 16px;
}

.post-shift-modal .post-shift-modal-dialog .post-shift-modal-content .cost-total .text {
  color: #ffffff;
  font: normal normal normal 16px/25px Poppins;
}

.post-shift-modal .post-shift-modal-dialog .post-shift-modal-content .cost-total .text span {
  color: #ffffff;
}

.post-shift-modal .post-shift-modal-dialog .post-shift-modal-content .post-shift-btn {
  width: 180px;
  height: 48px;
  background: transparent linear-gradient(102deg, #FFEC6E 0%, #FCBD60 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000061;
  border-radius: 24px;
  font: normal normal 600 16px/25px Poppins;
  color: #223242;
  margin: 29px 0;
  border: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.post-shift-modal .post-shift-modal-dialog .post-shift-modal-content .post-shift-btn span {
  position: relative;
}

.post-shift-modal .post-shift-modal-dialog .post-shift-modal-content .post-shift-btn:before {
  --size: 0;
  content: '';
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--size);
  height: var(--size);
  background: radial-gradient(circle closest-side, #FCBD60, transparent);
  transform: translate(-50%, -50%);
  transition: width 0.2s ease, height 0.2s ease;
}

.post-shift-modal .post-shift-modal-dialog .post-shift-modal-content .post-shift-btn:hover:before {
  --size: 180px;
}

.post-shift-modal .post-shift-modal-dialog .post-shift-modal-content .post-shift-btn:focus {
  outline: none;
}

.post-shift-modal .post-shift-modal-dialog .post-shift-modal-content .shift-note {
  font: normal normal 300 14px/21px Poppins;
  color: #FFFFFF;
}

.post-shift-modal .post-shift-modal-dialog .post-shift-modal-content .post-shift-modal-body .right-side .form-item input[type="number"]::-webkit-outer-spin-button,
.post-shift-modal .post-shift-modal-dialog .post-shift-modal-content .post-shift-modal-body .right-side .form-item input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* login start*/
:focus {
  outline: none !important;
}

.main-container {
  position: relative;
  display: flex;
  height: 100vh;
}

.main-container.signup {
  height: 1100px;
}

.main-container .left-side {
  position: relative;
  width: 50%;
  background: #0F2A33 0% 0% no-repeat padding-box;
}

.main-container .left-side .content {
  padding: 120px 0 0 267px;
}

.main-container .right-side {
  position: relative;
  width: 50%;
  background: transparent radial-gradient(closest-side at 45% 50%, #102D37 34%, #000000 100%) 80% 36% no-repeat padding-box;
}

.main-container .right-side.signup {
  background: transparent radial-gradient(closest-side at 45% 45%, #102D37 10%, #000000 150%) 0 0 no-repeat padding-box;
}

.main-container .left-side .logo {
  width: 179px;
  height: 74px;
  background: url(../img/main_logo.svg) no-repeat center;
  margin: 28px 0 0 45px;
  padding: 41px;
  text-align:center;
}
.main-container .login_page .logo, .main-container .register_page .logo {
  background: none !important;
  margin: 28px 0 0 0 !important;
  padding: 0px !important;
}
.main-container .left-side .left-side-content {
  display: flex;
  flex-direction: column;
  padding: 120px 125px 0 267px;
}

.main-container .left-side .title {
  font: normal normal 600 35px/53px Poppins;
  color: #FFFFFF;
}

.main-container .left-side .small-title {
  max-width: 422px;
  font: normal normal 600 18px/27px Poppins;
  color: #919DAA
}

.main-container .left-side .small-title a {
  color: #04BBFD;
  text-decoration: none;
}

.main-container .left-side .app-benefits {
  display: flex;
  flex-direction: column;
  padding-top: 35.44px;
}

.main-container .left-side .app-benefits .item {
  display: flex;
  padding-bottom: 32.48px;
}

.main-container .left-side .app-benefits .item img {
  max-width: 55px;
  max-height: 55px;
  width: 100%;
  height: 100%;
}

.main-container .left-side .app-benefits .item .item-content {
  color: #FFFFFF;
  padding-left: 34px;
}

.main-container .left-side .app-benefits .item .item-content .title {
  font: normal normal normal 18px/27px Poppins;
  padding-bottom: 6px;
}

.main-container .left-side .app-benefits .item .item-content .description {
  width: 422px;
  font: normal normal normal 18px/27px Poppins;
}

.main-container .left-side .QR-code {
  width: 145px;
  height: 145px;
  display: block;
  margin: 0 auto;
}

.main-container .left-side .QR-code {
  width: 100%;
  height: 100%;
  margin: 16.27px auto;
  max-width: 145px;
  max-height: 145px;
}

.main-container .right-side .register-title {
  font: normal normal 600 18px/27px Poppins;
  padding: 51px 135px 145.04px 480px;
  color: #FFFFFF;
  z-index: 111111;
}

.main-container .right-side .register-title.signup {
  padding: 51px 30px 28px 255px;
  text-align: right;
}

.main-container .right-side .register-title a {
  text-decoration: none;
  color: #01E9A1;
  border-bottom: 1px solid #01E9A1;
}

.main-container .right-side .register-title a:hover {
  color: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}

.main-container .right-side .login-form {
  position: absolute;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  padding: 0 200px 0 186px;
}
.main-container .right-side .login-form .back-btn:hover .a_back {
  fill: #01e9a1;
  stroke: #01e9a1;
}


.main-container .right-side .login-form.signup {
  padding: 0 174px;
}

.main-container .right-side .login-form .login-form-title {
  width: 100%;
  font: normal normal 800 35px/53px Poppins;
  padding-bottom: 79px;
}

.main-container .right-side .login-form .login-form-title.reset-password {
  padding: 21px 0;
  background: url("../img/images/lock.svg") no-repeat 72%;
}

.main-container .right-side .login-form .login-form-title.verification {
  padding: 21px 0;
  background: url("../img/images/protected.svg") no-repeat 72%;
  max-width: 350px;

}

.main-container .right-side .login-form .login-form-title.signup {
  padding-bottom: 25px;
}

.main-container .right-side .login-form .login-form-title span {
  color: #04BBFD;
}

.main-container .right-side .login-form form {
  position: relative;
}

.main-container .right-side .login-form .email, .main-container .right-side .login-form .firstname, .main-container .right-side .login-form .lastname {
  width: 500px;
  background: transparent;
  border-bottom: 1px solid #DEDBDB;
  outline: none;
  margin-bottom: 47.5px;
  padding: 11.5px;
  font: normal normal normal 16px/25px Poppins;
  color: #DEDBDB;
  border-top: 0;
  border-right: 0;
  border-left: 0;
}

.main-container .right-side .login-form .email.verification-code {
  width: 67px;
  text-align: center;
  margin-right: 21px;
}


.main-container .right-side .login-form .email.signup, .main-container .right-side .login-form .firstname.signup,
.main-container .right-side .login-form .lastname.signup, .main-container .right-side .login-form .password.signup {
  margin-bottom: 36.5px;
}


.main-container .right-side .login-form .password {
  width: 500px;
  background: transparent;
  border-bottom: 1px solid #DEDBDB;
  outline: none;
  padding: 11.5px;
  font: normal normal normal 16px/25px Poppins;
  color: #DEDBDB;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  cursor: pointer;
}

.main-container .right-side .login-form .email::placeholder, .main-container .right-side .login-form .password::placeholder,
.main-container .right-side .login-form .firstname::placeholder, .main-container .right-side .login-form .lastname::placeholder {
  color: #DEDBDB;
}

.main-container .right-side .login-form .email:focus, .main-container .right-side .login-form .password:focus,
.main-container .right-side .login-form .firstname:focus, .main-container .right-side .login-form .lastname:focus {
  border-bottom: 1px solid #02E6A9;
}

.main-container .right-side .login-form .password-input {
  position: relative;
  width: 500px;
}

.main-container .right-side .login-form .show-password, .main-container .right-side .login-form .show-confirmed-password {
  position: absolute;
  right: 0;
  top: 6px;
  cursor: pointer;
}

.main-container .right-side .login-form .remember-checkbox {
  display: flex;
  align-items: center;
  padding-top: 23.67px;
  padding-bottom: 15px;;
}

.main-container .right-side .login-form .remember-me {
  font: normal normal normal 14px/21px Poppins;
  color: #FFFFFF;
  padding-left: 15.77px;
}

.main-container .right-side .login-form .remember-checkbox .checkbox {
  display: flex;
  align-items: center;
  padding-top: 27.67px;
}

.main-container .right-side .login-form .remember-me.signup {
  padding-top: 0;
}

.main-container .right-side .login-form .password-forget {
  text-decoration: none;
  color: #ffffff;
  font: normal normal normal 14px/21px Poppins;
  margin-right: 16px;
}

.main-container .right-side .login-form .not-a-robot {
  padding: 41.63px 0 31.97px 0;
}

.main-container .right-side .login-form .not-a-robot.signup {
  padding: 23px 0;
}


.main-container .right-side .login-form .login-btn {
  width: 149px;
  height: 48px;
  background: transparent linear-gradient(
      104deg, #02E6A9 0%, #04BBFD 100%) 0% 0% no-repeat padding-box;
  border-radius: 24px;
  border: none;
  font: normal normal 600 16px/25px Poppins;
  color: #091B8F;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.main-container .right-side .login-form .login-btn span,
.login-form.signup .login-btn span {
  position: relative;
}

.main-container .right-side .login-form .login-btn:before,
.login-form .login-btn.verify_btn:before,
.main-container .right-side .login-form .login-btn.next-btn:before {
  --size: 0;
  content: '';
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--size);
  height: var(--size);
  transform: translate(-50%, -50%);
  transition: width 0.2s ease, height 0.2s ease;
}
.main-container .right-side .login-form .login-btn.reset-password-btn:hover:before {
  --size: 215px
}
.login-form .login-btn.verify_btn span {
  position: relative;
}
.main-container .right-side .login-form .login-btn.next-btn div {
  position: relative;
}
.login-form .login-btn.verify_btn:hover:before,
.main-container .right-side .login-form .login-btn.next-btn:hover:before,
.main-container .right-side .login-form .login-btn:hover:before {
  --size: 150px;
}

.main-container .right-side .login-form .login-btn.reset-password-btn:before,
.login-form .login-btn.verify_btn:before,
.main-container .right-side .login-form .login-btn.next-btn:before,
.login-form.signup .login-btn:before,
.main-container .right-side .login-form .login-btn:before {
  background: radial-gradient(circle closest-side, #01a6de, transparent) !important;
}
.main-container .right-side .login-form .login-btn.reset-password-btn {
  width: 216px;
}

.main-container .right-side .login-form .login-btn.next-btn div {
  background: url(../img/images/next-btn-arrow.svg) no-repeat;
  background-position: 70% 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 25px;
}

.main-container .right-side .login-form .or-option {
  font: normal normal 14px/14px Poppins;
  color: #FFFFFF;
}

.main-container .right-side .login-form .another-login-methods {
  display: flex;
  justify-content: center;
  width: 500px;
}

.main-container .right-side .login-form .another-login-methods img {
  width: 232px;
  height: 48px;
}

.main-container .right-side .login-form .another-login-methods a {
  display: flex;
  border: 1px solid #ffffff;
  border-radius: 29px;
  width: 235px;
  height: 48px;
  color: #ffffff;
  align-items: center;
  justify-content: center;
}

.main-container .right-side .login-form .another-login-methods a:nth-child(1) {
  margin-right: 32px;
}

.main-container .right-side .login-form .another-login-methods a:hover {
  text-decoration: none;
  background: #ffffff;
  color: #091B8F;
}

.main-container .right-side .login-form .another-login-methods a img {
  width: 24px;
  height: 24px;
  margin-right: 11px;
}

.main-container .right-side .login-form .another-login-methods a span {
  font: normal normal 600 13px/20px Poppins;
}

.or-line {
  width: 219px;;
}

/*signup page css*/
.main-container .signup-left-side {
  position: relative;
  width: 50%;
  background: #000000 0% 0% no-repeat padding-box;
}

.main-container .signup-left-side .logo {
  width: 100%;
  height: 100%;
  max-height: 75px;
  background: url(../img/main_logo.svg) no-repeat center;
  /*margin: 28px 0 0 0;*/
  padding: 41px;
  text-align:center;
}

.main-container .signup-left-side .image-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 50px;
}

.main-container .signup-left-side .image-container img {
  width: 700px;
}

.main-container .right-side .login-form .dental-info {
  text-align: center;
}

.main-container .right-side .login-form .dental-info label {
  padding-right: 30px;
  font: normal normal 16px/25px Poppins;
  color: #FFFFFF;
}

.sign-up-radio-item {
  display: inline-block;
  position: relative;
  padding: 0 6px;
  margin: 10px 0 0;
}

.sign-up-radio-item input[type='radio'] {
  display: none;
}

.sign-up-radio-item label {
  color: #666;
  font-weight: normal;
}

.sign-up-radio-item label:before {
  content: " ";
  display: inline-block;
  position: relative;
  top: 5px;
  margin: 0 5px 0 0;
  width: 18px;
  height: 18px;
  border-radius: 11px;
  border: 1px solid #04BBFD;
  background-color: transparent;
}

.sign-up-radio-item input[type=radio]:checked + label:after {
  border-radius: 11px;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 9px;
  left: 10px;
  content: " ";
  display: block;
  background: #04BBFD;
}

.patent{
  padding: 25px;
}

/*robot*/

.robot .input-container {
  font-family: Roboto, sans-serif;
  display: inline-block;
  background: #0F2A33 0% 0% no-repeat padding-box;
  border: 0.4776589870452881px solid #5A6D7E;
  border-radius: 5px;
  width: 282px;
  height: 72px;
  padding-left: 15px;
  margin-top: 41px;
}

.robot.signup .input-container {
  margin-top: 23px;
}

.robot .input-container input {
  margin-top: 28px;
}

.robot img {
  width: 26px;
  display: inline;
  margin-left: -60px;
  margin-top: -30px;
}

.robot .checkbox-text {
  font: normal normal normal 14px/21px Poppins;
  color: #FFFFFF;
  padding-left: 13px;
}

.robot a {
  color: #8C9196;
}

.robot .recaptcha {
  font-size: 11px;
  margin-left: -48px;
  position: relative;
  bottom: -10px;
  color: #8C9196;
}

.robot a, .robot .dash {
  font-size: 9px;
  text-decoration: none;
  display: inline;
  position: relative;
  top: -33px;
  right: -208px;
}

.robot a:hover {
  text-decoration: none;
  color: #8C9196;
}

.robot .triangle {
  width: 0px;
  height: 0px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgb(204, 204, 204);
  border-top: 7px solid transparent;
  position: relative;
  left: 10px;
  top: -55px;
}

.robot .not-human {
  width: 340px;
  height: 200px;
  background-color: white;
  border: 1px solid rgb(204, 204, 204);
  padding: 15px;
  position: relative;
  top: -55px;
  left: 3px;
}

.robot .not-human .captcha-code {
  padding: 15px 0;
  border: none;
  border-bottom: 1px solid rgb(204, 204, 204);
  font-size: 18px;
  width: 90%;
  margin-left: 50%;
  transform: translateX(-50%);
}

.robot .not-human .captcha-code:focus {
  outline: none;
  border-bottom: 1px solid rgb(74, 144, 226);
}

.robot .line {
  width: 370px;
  height: 1px;
  background-color: rgb(204, 204, 204);
  margin-top: 90px;
  margin-left: 50%;
  transform: translateX(-50%);
}

.robot .controls .img {
  width: 24px;
  height: 24px;
  position: relative;
  top: -36px;
  margin: 0 4px 75px 4px;
  display: inline-block;
  cursor: pointer;
  background-size: 24px 24px;
  opacity: 0.55;
}

.robot .controls .img.replay {
  background: url(https://www.gstatic.com/recaptcha/api2/refresh.png);
}

.robot .controls .img.audio {
  background: url(https://www.gstatic.com/recaptcha/api2/audio.png);
}

.robot .controls .img.info {
  background: url(https://www.gstatic.com/recaptcha/api2/info.png)
}

.robot .controls .img:hover {
  opacity: 1.0;
}

.robot .controls .img .verify {
  float: right;
  position: relative;
  top: -42px;
  margin-right: 5px;
  background-color: rgb(74, 144, 226);
  border: none;
  color: white;
  padding: 10px 20px;
  border-radius: 2px;
  cursor: pointer;
}

.disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}

.back-btn {
  background: url("../img/images/arrow-right.svg") no-repeat left;
  font: normal normal normal 16px/25px Poppins;
  color: #8593A1;
  text-decoration: none;
  padding-left: 25px;
}

.back-btn:hover {
  color: #01E9A1;
  text-decoration: none;
}
.back-btn:hover .a_back {
  fill: #01e9a1 !important;
}

.main-container .right-side .login-form .reset-password-info {
  max-width: 524px;
  width: 100%;
  height: 48px;
  font: normal normal normal 16px/25px Poppins;
  letter-spacing: -0.32px;
  color: #01E9A1;
  margin-bottom: 45px;
}

/* login end*/

/*employee detailed view modal*/
.employee-detailed-view .employee-detailed-view-dialog {
  max-width: 805px !important;
}

.employee-detailed-view .employee-detailed-view-dialog .employee-detailed-view-content {
  height: 800px;
  background: transparent linear-gradient(180deg, #1D2134 0%, #233743 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 20px #121B20;
  border: 1px solid #5A6D7E;
}

.employee-detailed-view .employee-detailed-view-dialog .employee-detailed-view-content .employee-detailed-view-header,
.employee-detailed-view .employee-detailed-view-dialog .employee-detailed-view-content .employee-detailed-view-footer {
  height: 50px;
  border: none !important;
}

.employee-detailed-view .employee-detailed-view-dialog .employee-detailed-view-content .employee-detailed-view-footer .share {
  background: url("../img/images/share.svg") no-repeat;
  width: 24px;
  height: 24px;
  background-size: 24px;
}

.employee-detailed-view .employee-detailed-view-dialog .employee-detailed-view-content .employee-detailed-view-body {
  padding: 0 66px 0 74px;
}

.employee-detailed-view .employee-detailed-view-dialog .employee-detailed-view-content .employee-detailed-view-body .employee-details {
  display: flex;
  color: #FFFFFF;
}

.employee-detailed-view .employee-detailed-view-dialog .employee-detailed-view-content .employee-detailed-view-body .employee-details .employee-img img {
  max-width: 180px;
  max-height: 181px;
  width: 100%;
  height: 100%;
  box-shadow: 0px 0px 6px #00000029;
  border-radius: 10px;
}

.employee-detailed-view .employee-detailed-view-dialog .employee-detailed-view-content .employee-detailed-view-body .employee-details .employee-name {
  font: normal normal 600 29px/43px Poppins;
  margin-bottom: 7px;
}

.employee-detailed-view .employee-detailed-view-dialog .employee-detailed-view-content .employee-detailed-view-body .employee-details .employee-info {
  margin-left: 27px;
}

.employee-detailed-view .employee-detailed-view-dialog .employee-detailed-view-content .employee-detailed-view-body .employee-details .employee-name .like_heart {
  margin-left: 27px;
}

.tooltip > .tooltip-inner {
  width: 100px;
  height: 45px;
  background: #233743 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  display: flex;
  align-items: center;
  justify-content: center;
  font: normal normal normal 14px/21px Poppins;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #233743 !important;
  margin-top: 10%;
}

.employee-detailed-view .employee-detailed-view-dialog .employee-detailed-view-content .employee-detailed-view-body .employee-details .employee-membership-date {
  font: normal normal normal 16px/25px Poppins;
  padding-bottom: 16px;
}

.employee-detailed-view .employee-detailed-view-dialog .employee-detailed-view-content .employee-detailed-view-body .employee-details .employee-membership-date span {
  color: #01E9A1;
}

.employee-detailed-view .employee-detailed-view-dialog .employee-detailed-view-content .employee-detailed-view-body .employee-details .employee-specialist.dentist {
  background: url("../img/dentist.svg") no-repeat left;
  padding-left: 35px;
  margin-bottom: 16px;
  font: normal normal normal 24px/35px Poppins;
  color: #39C3F5;
}

.employee-detailed-view .employee-detailed-view-dialog .employee-detailed-view-content .employee-detailed-view-body .employee-details .employee-likes {
  font: normal normal 20px/24px Poppins;
  color: #FBB930;
  display: flex;
  align-items: center;
}

.employee-detailed-view .employee-detailed-view-dialog .employee-detailed-view-content .employee-detailed-view-body .employee-details .employee-likes img {
  /* padding-left: 6px; */
}

.employee-detailed-view .employee-detailed-view-dialog .employee-detailed-view-content .employee-detailed-view-body .hourly-rate,
.employee-detailed-view .employee-detailed-view-dialog .employee-detailed-view-content .employee-detailed-view-body .shift-number,
.employee-detailed-view .employee-detailed-view-dialog .employee-detailed-view-content .employee-detailed-view-body .experienced-years,
.employee-detailed-view .employee-detailed-view-dialog .employee-detailed-view-content .employee-detailed-view-body .certifications,
.employee-detailed-view .employee-detailed-view-dialog .employee-detailed-view-content .employee-detailed-view-body .software-experiences {
  font: normal normal normal 20px/30px Poppins;
  color: #FFFFFF;
  max-width: 604px;
  padding: 18px 0;
}

.employee-detailed-view .employee-detailed-view-dialog .employee-detailed-view-content .employee-detailed-view-body .hourly-rate span,
.employee-detailed-view .employee-detailed-view-dialog .employee-detailed-view-content .employee-detailed-view-body .shift-number span,
.employee-detailed-view .employee-detailed-view-dialog .employee-detailed-view-content .employee-detailed-view-body .experienced-years span {
  font: normal normal normal 21px/31px Poppins;
  color: #01E9A1;
}

.employee-detailed-view .employee-detailed-view-dialog .employee-detailed-view-content .employee-detailed-view-body .certifications .certificate-name,
.employee-detailed-view .employee-detailed-view-dialog .employee-detailed-view-content .employee-detailed-view-body .software-experiences .software-experiences-description {
  font: italic normal 300 16px/25px Poppins;
  font-style: italic;
  color: #01E9A1;
}

.employee-detailed-view .employee-detailed-view-dialog .employee-detailed-view-content .employee-detailed-view-body .make-offer {
  width: 243px;
  height: 57px;
  background: transparent linear-gradient(100deg, #04BBFD 0%, #8394E5 100%) 0% 0% no-repeat padding-box;
  border-radius: 29px;
  color: #202941;
  border: none;
  cursor: pointer;
  margin-top: 15px;
  position: relative;
  overflow: hidden;
}
.employee-detailed-view .employee-detailed-view-dialog .employee-detailed-view-content .employee-detailed-view-body .make-offer span {
  position: relative;
}
.employee-detailed-view .employee-detailed-view-dialog .employee-detailed-view-content .employee-detailed-view-body .make-offer:before {
  --size: 0;
  content: '';
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--size);
  height: var(--size);
  background: radial-gradient(circle closest-side, #7688e3, transparent);
  transform: translate(-50%, -50%);
  transition: width 0.2s ease, height 0.2s ease;
}

.employee-detailed-view .employee-detailed-view-dialog .employee-detailed-view-content .employee-detailed-view-body .make-offer:hover:before {
  --size: 156px;
}

.employee-detailed-view .employee-detailed-view-dialog .employee-detailed-view-content .employee-detailed-view-body .employee-details .achievement-icon {
  margin-left: auto;
  height: 80px;
}
.employee-detailed-view .employee-detailed-view-dialog .employee-detailed-view-content .employee-detailed-view-body .employee-details .achievement-icon:hover .b{
  fill: #39C3F5;
}

  /*employee detailed view modal end*/

/*filter toggle*/
.filter-part {
  position: fixed;
  display: flex;
  align-items: center;
  width: 7%;
  height: 55px;
  padding: 8px 17.5px;
  z-index: 11;
}

.filter-part .filter-toggle {
  z-index: 1;
  cursor: pointer;
}

.filter-part .filter-menu {
  display: none;
  width: 100%;
  z-index: 1;
  align-items: center;
  justify-content: flex-start;
}

.filter-part .background.background-color {
  position: absolute;
  background: #202541 0% 0% no-repeat padding-box;
  opacity: 0.84;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.top_menu_dropdowns {
  align-items: center;
  justify-content: flex-start;
  padding: 0 20px 0 5px;
}

.custom_job_checks {
  align-items: center;
  padding-bottom: 10px;
}

.custom_job_checks .pending-action.greyed {
  color: grey;
}

.custom_job_checks .pending-action.greyed .custom-checkbox {
  pointer-events: none;
}

.pending-action.greyed .custom-checkbox .custom-control-input + .custom-control-label:before {
  border: 1px solid grey !important;
}

.pending-action {
  margin-left: 1rem;
  margin-top: .5rem;
}

.shift-activity-carousel .owl-nav [class*=owl-]:hover, .shift-activity-card-carousel .owl-nav [class*=owl-]:hover,
.find-match-carousel .owl-nav [class*=owl-]:hover, .seeker-map-img-container .owl-nav [class*=owl-]:hover,
.seeker-pending-container .owl-nav [class*=owl-]:hover {
  background: transparent !important;
}

.shift-activity-carousel .owl-nav button.owl-prev {
  position: absolute !important;
  left: -35px !important;
  top: 50% !important;
}

.seeker-map-img-container .owl-nav button.owl-prev, .seeker-pending-container .owl-nav button.owl-prev {
  position: absolute !important;
  left: 0px !important;
  top: 35% !important;
}

.shift-activity-carousel .owl-nav button.owl-next {
  position: absolute !important;
  right: -35px !important;
  top: 50% !important;
}

.seeker-map-img-container .owl-nav button.owl-next, .seeker-pending-container .owl-nav button.owl-next {
  position: absolute !important;
  right: 0px !important;
  top: 35% !important;
}

.find-match-carousel .owl-nav button.owl-prev {
  position: absolute !important;
  left: -50px !important;
  top: 36% !important;
}

.find-match-carousel .owl-nav button.owl-next {
  position: absolute !important;
  right: -50px !important;
  top: 36% !important;
}

.shift-activity-carousel .owl-nav button.owl-prev span, .shift-activity-carousel .owl-nav button.owl-next span,
.shift-activity-card-carousel .owl-nav button.owl-prev span, .shift-activity-card-carousel .owl-nav button.owl-next span,
.find-match-carousel .owl-nav button.owl-prev span, .find-match-carousel .owl-nav button.owl-next span,
.seeker-map-img-container .owl-nav button.owl-prev span, .seeker-map-img-container .owl-nav button.owl-next span,
.seeker-pending-container .owl-nav button.owl-prev span, .seeker-pending-container .owl-nav button.owl-next span {
  font-size: 70px;
  color: #01E9A1 !important;
}

.shift-activity-card-carousel .owl-stage-outer {
  height: auto !important;
}

.shift-activity-card-carousel .owl-nav button.owl-prev {
  position: absolute !important;
  left: -10px !important;
  top: 50% !important;
}

.shift-activity-card-carousel .owl-nav button.owl-next {
  position: absolute !important;
  right: -10px !important;
  top: 50% !important;
}

.shift-activity-card-carousel .item .right_cards {
  max-width: 360px;
}
.main_block .calendar_block .calender-card {
  max-width: 100%;
  height: auto;
  margin: 14px auto !important;
}


.main_block .calendar_block .shift-activity-card-carousel .owl-nav button.owl-prev {
  position: absolute !important;
  left: -10px !important;
  top: 35% !important;
}

.main_block .calendar_block .shift-activity-card-carousel .owl-nav button.owl-next {
  position: absolute !important;
  right: -10px !important;
  top: 35% !important;
}

.main_block .shift-activity .card-carousel .shift-activity-card-carousel .right_cards .spec_card.shift-card {
  max-width: 360px;
  height: auto;
  /* padding: 10px; */
  margin: 14px auto !important;
}

.main_block .shift-activity .card-carousel .shift-activity-card-carousel .right_cards .spec_card.shift-card .spec_info,
.main_block .calendar_block .card-carousel .shift-activity-card-carousel .right_cards .spec_card.shift-card .spec_info {
  /* padding: 15px 0 15px 50px; */
  width: 100%;
}
.main_block .calendar_block .close-right-side-calender {
  display: flex;
  z-index: 111;
  cursor: pointer;
  padding: 15px 34px;
}
/*.main_block .calendar_block .close-right-side-calender img {*/
/*  margin: 12px 35px 0 35px;*/
/*}*/

.custom_right_cards .spec_card .spec_info {
  width: 50%;
}
.counter-modal .counter-modal-dialog, .accept-modal .accept-modal-dialog {
  max-width: 604px !important;
}

.counter-modal .counter-modal-dialog .counter-modal-content, .accept-modal .accept-modal-dialog .accept-modal-content {
  background: transparent linear-gradient(180deg, #272F36 0%, #181E39 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 20px #121B20;
  border: 1px solid #5A6D7E;
  border-radius: 10px;
  padding: 5px 17.5px 5px 18.5px;
}

.counter-modal .counter-modal-dialog .counter-modal-content .counter-modal-header {
  border-bottom: 1px solid #5A6D7E !important;
  height: 70px;
}

.counter-modal .counter-modal-dialog .counter-modal-content .counter-modal-header .counter-modal-title {
  font: normal normal 600 24px/35px Poppins;
  color: #FFFFFF;
}

.counter-modal .counter-modal-dialog .counter-modal-content .modal-body .hourly-rate,
.counter-modal .counter-modal-dialog .counter-modal-content .modal-body .shift-timings,
.counter-modal .counter-modal-dialog .counter-modal-content .modal-body .estimated-shift-cost,
.counter-modal .counter-modal-dialog .counter-modal-content .modal-body .counter-hourly-rate label,
.counter-modal .counter-modal-dialog .counter-modal-content .modal-body .counter-shift-timings label {
  width: 100%;
  font: normal normal normal 16px/25px Poppins;
  color: #01E9A1;
  padding: 0 23px;
}

.counter-modal .counter-modal-dialog .counter-modal-content .modal-body .hourly-rate span,
.counter-modal .counter-modal-dialog .counter-modal-content .modal-body .shift-timings span,
.counter-modal .counter-modal-dialog .counter-modal-content .modal-body .estimated-shift-cost span {
  color: #FFFFFF;
}

.counter-modal .counter-modal-dialog .counter-modal-content .modal-body .dashed-line,
.express-interest-modal .express-interest-modal-dialog .express-interest-modal-content .dashed-line {
  max-width: 604px;
  height: 1px;
  padding-bottom: 11.5px;
  background: url("../img/images/dashed-line.png") no-repeat;
  background-size: contain;
  margin: 14.5px 0;
}

.counter-modal .counter-modal-dialog .counter-modal-content .modal-body .counter-hourly-rate input,
.express-interest-modal .express-interest-modal-dialog .express-interest-modal-content .expected-hourly-rate input {
  max-width: 485px;
  width: 100%;
  height: 44px;
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #FFFFFF;
  border-radius: 10px;
  background: transparent;
  padding: 12px 17px;
  color: #ffffff;
  margin: 0 20px 20px 20px;
}

.express-interest-modal .express-interest-modal-dialog .express-interest-modal-content .expected-hourly-rate input {
  max-width: 100%;
  margin: 0;
}


.counter-modal .counter-modal-dialog .counter-modal-content .modal-body .counter-hourly-rate input::placeholder,
.counter-modal .counter-modal-dialog .counter-modal-content .modal-body .counter-shift-timings .counter-shift-timings-inputs input::placeholder,
.express-interest-modal .express-interest-modal-dialog .express-interest-modal-content .shift-timings .shift-timings-inputs input::placeholder {
  color: #8593A1;
}

.counter-modal .counter-modal-dialog .counter-modal-content .modal-body .counter-shift-timings .counter-shift-timings-inputs {
  justify-content: space-between;
  margin: 0 20px;
}

.express-interest-modal .express-interest-modal-dialog .express-interest-modal-content .shift-timings .shift-timings-inputs {
  justify-content: space-between;
}

.counter-modal .counter-modal-dialog .counter-modal-content .modal-body .counter-shift-timings .counter-shift-timings-inputs input,
.express-interest-modal .express-interest-modal-dialog .express-interest-modal-content .shift-timings .shift-timings-inputs input {
  max-width: 227px;
  width: 100%;
  height: 44px;
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #FFFFFF;
  border-radius: 10px;
  background: transparent;
  padding: 12px 17px;
  background: url("../img/images/calendar-white.svg") no-repeat right;
  background-position: 92%;
  color: #ffffff;
}

.express-interest-modal .express-interest-modal-dialog .express-interest-modal-content .shift-timings .shift-timings-inputs input {
  max-width: 242px;
}

.counter-modal .counter-modal-dialog .counter-modal-content .modal-body .counter-btn {
  width: 126px;
  height: 41px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent linear-gradient(110deg, #C3E1ED 0%, #99A6DF 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 29px;
  font: normal normal 14px/21px Poppins;
  color: #202941;
  text-shadow: 0px 3px 6px #00000029;
  border: none;
 /* margin: 31px 0 20px 20px;*/
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.counter-modal .counter-modal-dialog .counter-modal-content .modal-body .counter-btn span {
  position: relative;
}

.counter-modal .counter-modal-dialog .counter-modal-content .modal-body .counter-btn:before {
  --size: 0;
  content: '';
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--size);
  height: var(--size);
  background: radial-gradient(circle closest-side, #8394E5, transparent);
  transform: translate(-50%, -50%);
  transition: width 0.2s ease, height 0.2s ease;
}
.counter-modal .counter-modal-dialog .counter-modal-content .modal-body .counter-btn:hover:before {
  --size: 125px
}

.accept-modal .accept-modal-dialog .accept-modal-content .accept-modal-header {
  border: none !important;
}

.accept-modal .accept-modal-dialog .accept-modal-content .accept-modal-body {
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font: normal normal normal 25px/38px Poppins;
}

.accept-modal .accept-modal-dialog .accept-modal-content .accept-modal-body .acceptation-title {
  margin-bottom: 37px;
}

.accept-modal .accept-modal-dialog .accept-modal-content .accept-modal-body .acceptation-buttons {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}

.accept-modal .accept-modal-dialog .accept-modal-content .accept-modal-body .acceptation-buttons button {
  width: 90px;
  height: 41px;
  border-radius: 29px;
  font: normal normal 14px/21px Poppins;
  letter-spacing: 0px;
  color: #202941;
  text-shadow: 0px 3px 6px #00000029;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent linear-gradient(117deg, #E9E9E9 0%, #B3B9D1 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.accept-modal .accept-modal-dialog .accept-modal-content .accept-modal-body .acceptation-buttons button span {
  position: relative;
}
.accept-modal .accept-modal-dialog .accept-modal-content .accept-modal-body .acceptation-buttons button:before {
  --size: 0;
  content: '';
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--size);
  height: var(--size);
  transform: translate(-50%, -50%);
  transition: width 0.2s ease, height 0.2s ease;
}
.accept-modal .accept-modal-dialog .accept-modal-content .accept-modal-body .acceptation-buttons button.yes:before {
  background: radial-gradient(circle closest-side, #FC94D2, transparent);
}
.accept-modal .accept-modal-dialog .accept-modal-content .accept-modal-body .acceptation-buttons button.no:before {
  background: radial-gradient(circle closest-side, #B3B9D1, transparent);
}
.accept-modal .accept-modal-dialog .accept-modal-content .accept-modal-body .acceptation-buttons button:hover:before {
  --size: 125px
}


.accept-modal .accept-modal-dialog .accept-modal-content .accept-modal-body .acceptation-buttons .yes {
  background: transparent linear-gradient(108deg, #E4F1F6 0%, #FC94D2 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  margin-right: 19px;
}
.modal-body .social-icons a:hover .b_grey,
.soc_items a:hover .b_grey {
  fill: #01e9a1;
}

.main_block .shift-activity .card-carousel .no-negotiations {
  height: 520px;
  display: flex;
  align-items: center;
  justify-content: center;
  font: normal normal normal 25px/38px Poppins;
  color: #8593A1;
  text-align: center;
  width: 100%;
}

.main_block .calender_block .status {
  align-items: center;
  font: normal normal normal 10px/16px Poppins;
}

#calendar {
  height: 925px;
}

.custom-spec_check img {
  width: 30px !important;
}

.content .notification .mark-as-read:hover {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}

.content .notification .load-more:hover {
  color: #ffffff;
}

.main-container .right-side .login-form .password-forget:hover, .back-btn:hover {
  color: #01E9A1;
}

.main-container .right-side .login-form .show-password .closed-eye, .main-container .right-side .login-form .show-confirmed-password .hide {
  display: none;
}

.back-btn:hover .a_back {
  fill: #01E9A1;
}

.profile-completion-modal.display {
  display: block !important;
  background-color: rgba(0, 0, 0, .5);
  transition: opacity .2s ease;
}

.profile-completion-modal .modal-dialog {
  max-width: 654px !important;
}

.profile-completion-modal .modal-content {
  height: 283px;
  background: transparent linear-gradient(180deg, #272F36 0%, #181E39 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 20px #121B20;
  border: 1px solid #5A6D7E;
  border-radius: 10px;
}

.profile-completion-modal .modal-content .modal-header {
  border: none !important;
  height: 65px !important;
  padding: 35px !important;
}

.profile-completion-modal .modal-content .modal-header .close {
  background: url("../img/images/modal-close-icon.svg") no-repeat center;
  background-size: 60%;
  opacity: 1;
}

.profile-completion-modal .modal-content .modal-body {
  display: flex;
  align-items: center;
  color: #ffffff;
  flex-direction: column;
}

.profile-completion-modal .modal-content .modal-body .title {
  max-width: 488px;
  text-align: center;
  font: normal normal normal 25px/38px Poppins;
  padding-bottom: 37px;
}

.profile-completion-modal .modal-content .modal-body .continue-btn {
  max-width: 146px;
  width: 100%;
  height: 41px;
  background: transparent linear-gradient(102deg, #C1C5DC 0%, #DF99D1 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 29px;
  display: flex;
  align-items: center;
  justify-content: center;
  font: normal normal 14px/21px Poppins;
  color: #202941;
  text-shadow: 0px 3px 6px #00000029;
  border: none;
  cursor: pointer;
}

.left_nav.greyed .active_menu_item {
  background: rgb(6, 1, 45);
  border-right: 4px solid grey;
  color: grey !important;
}

.left_nav.greyed .menu_items .item {
  color: grey;
  pointer-events: none;
}

.left_nav.greyed .menu_items .item .icon .a, .left_nav.greyed .menu_items .item:hover .icon .a {
  fill: grey;
}

.left_nav.greyed .button_container .post_btn, .left_nav.greyed .button_container .post_btn_greyed:hover {
  width: 180px;
  height: 50px;
  box-shadow: rgb(0 0 0 / 38%) 0px 3px 6px;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  background: grey;
  color: #404040;
  font-weight: 600;
  pointer-events: none;
}

.left_nav.greyed .button_container .post_btn_small {
  background: url("../img/plus_btn_grey.png") center center no-repeat;
  pointer-events: none;
}

.main_block .shift-activity .no-active-shifts {
  width: 100%;
  height: 800px;
  display: flex;
  justify-content: center;
  font: normal normal normal 25px/38px Poppins;
  color: #8593A1;
  text-align: center;
}

/*pending verification*/
.main-container .pending-verification-left-side {
  position: relative;
  width: 50%;
  background: #0C2027 0% 0% no-repeat padding-box;
}

.main-container .pending-verification-left-side .image-container {
  padding-top: 200px;
}

.main-container .pending-verification-left-side .image-container img {
  width: 100%;
  height: 100%;
  max-width: 447px;
  max-height: 410px;
}

.pending-verification-text-part {
  position: absolute;
  top: 35%;
  padding: 0 120px;
  width: 100%;
}

.pending-verification-text-part .almost-done {
  font: normal normal bold 35px/53px Poppins;
  color: #FFFFFF;
  padding-bottom: 22px;
}

.pending-verification-text-part .paragraph {
  max-width: 596px;
  font: normal normal 600 18px/27px Poppins;
  color: #919DAA;
  padding-bottom: 31px;
}

.pending-verification-text-part .email, .pending-verification-text-part .link {
  color: #01E9A1;
}

.pending-verification-text-part .email:hover, .pending-verification-text-part .link:hover {
  color: #ffffff;
}

.pending-verification-text-part .link {
  text-decoration: none;
  border-bottom: 1px solid #01E9A1;
}


.pending-verification-text-part .link:hover {
  border-bottom: 1px solid #ffffff;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.g-recaptcha{
  padding-bottom:15px;
}

.help-block{
  color: red !important;
}
.fc-event-main{
	cursor:pointer !important;
}
.cb_day_grid{
 background-color: #223442 !important;
}
.make-offer-modal .make-offer-modal-dialog .make-offer-modal-content .make-offer-modal-body .modal-body-first-line .right-side .specialist-name.assistant {
  margin-left: 15px;
  font: normal normal normal 16px/25px Poppins;
  padding-left: 35px;
  background: url(../img/assistant.svg) no-repeat left;
  color: #FF0000;
  text-transform: capitalize;
  float: right;
}
.show_filter_info{
	cursor:pointer;
	
}
.filters_info{
	background: #2B4351 0% 0% no-repeat padding-box;
	width: 35%;
	height: 20% auto;
	position: absolute;
	top: 120px;
	left: 100px;
	z-index: 10;
	color: white;
	border-radius: 18px;

}
.filters_info div {
	padding:10px;
	font-size:16px;
}
.datepicker-months .table-condensed,.datepicker-years .table-condensed, .datepicker-decades .table-condensed,.datepicker-centuries .table-condensed {
	width: 182px;
	color:white;
}
.datepicker-months .table-condensed td, .datepicker-years .table-condensed td,.datepicker-decades .table-condensed td,.datepicker-centuries .table-condensed td{
	border:none;
}
.datepicker-months .table-condensed span.active,.datepicker-centuries .table-condensed span.active{
	color:#01E9A1;
	background-color:transparent !important;
	background-image: none !important;
}
.datepicker-months .table-condensed span:hover, .datepicker-centuries .table-condensed span:hover {
	color:#01E9A1;
	background-color:transparent !important;
	background-image: none !important;
}
.datepicker-decades .table-condensed span:hover{
	color:#01E9A1;
	background-color:transparent !important;
	background-image: none !important;
}
.datepicker-years .table-condensed span.active,.datepicker-years .table-condensed span.focused, .datepicker-centuries .table-condensed span.focused,.datepicker-months .table-condensed span.focused{
	color:white;
	background-color:transparent !important;
	background-image: none !important;
}
datepicker-decades .table-condensed span.active,.datepicker-decades .table-condensed span.focused{
	color:#01E9A1;
	background-color:transparent !important;
	background-image: none !important;
}
.datepicker-years .table-condensed span:hover{
	color:#01E9A1;
	background-color:transparent !important;
	background-image: none !important;
}
.top_menu_dropdowns .practice_dropdown .practice_btn {
	width:118px;
	text-overflow:ellipsis;
    white-space:nowrap;
}
.b_dropdown{
    width: 640px !important;
}
#seeker-grab-shift .fc-daygrid-event-harness {
	margin-top:50% !important;
}
.fc-daygrid-block-event .fc-event-title {
    padding: 5px 10px 0px 15px !important;
    font-size: 20px !important;
    font-weight: 600 !important;
}
.expired_color {
  color: grey;
}
.expired_color::before {
  background: grey;
}
.radio-item3 label::before {
  content: " ";
  display: inline-block;
  position: relative;
  top: 11px;
  margin: 0 5px 0 0;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #01E9A1;
  background-color: transparent;
}
.radio-item3 input[type="radio"]:checked + label::after {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 14px;
  left: 9px;
  content: " ";
  display: block;
  background: #01E9A1;
}
.radio-item3 label {
  display: flex;
}
.radio-item3 {
  display: flex;
  position: relative;
  padding: 0 6px;
}
.radio-item3 input[type="radio"] {
  display: none;
}
.custom-checkbox2 input[type="checkbox"] {
  display: none;
}
.custom-checkbox2 .custom-control-input2 + .custom-control-label2::before {
  content: "\2714";
  border: 1px solid #01E9A1 !important;
  border-radius: 3px !important;
  display: inline;
  width: 18px;
  height: 18px;
  font-size: small;
  font-weight: 700;
  padding-left: 2px;
  margin-right: 15px;
  color: transparent;
  background: transparent !important;
  padding: 0px 4px;
}
.custom-checkbox2 .custom-control-label2::before, .custom-checkbox2 .custom-control-label2::after {
  top: 0.23rem !important;
}
.custom-checkbox2 .custom-control-input2:checked + .custom-control-label2::before {
  background-color: #01E9A1 !important;
  color: #233743 !important;
}
.custom-control-label2::after {
  position: absolute;
  top: .25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: no-repeat 50%/50% 50%;
}