@font-face {
  font-family: "Font-Awesome";
  src:
    url("../webfonts/fa-brands-400.eot") format("woff2"),
    url("../webfonts/fa-brands-400.woff") format("woff"),
    url("../webfonts/fa-brands-400.woff2") format("truetype");
}

@font-face {
  font-family: "Font-Awesome";
  src:
    url("../webfonts/fa-duotone-900.eot") format("woff2"),
    url("../webfonts/fa-duotone-900.woff") format("woff"),
    url("../webfonts/fa-duotone-900.woff2") format("truetype");
}
@font-face {
  font-family: "Font-Awesome";
  src:
    url("../webfonts/fa-light-300.eot") format("woff2"),
    url("../webfonts/fa-light-300.woff") format("woff"),
    url("../webfonts/fa-light-300.woff2") format("truetype");
}
@font-face {
  font-family: "Font-Awesome";
  src:
    url("../webfonts/fa-regular-400.eot") format("woff2"),
    url("../webfonts/fa-regular-400.woff") format("woff"),
    url("../webfonts/fa-regular-400.woff2") format("truetype");
}
@font-face {
  font-family: "Font-Awesome";
  src:
    url("../webfonts/fa-solid-900.eot") format("woff2"),
    url("../webfonts/fa-solid-900.woff") format("woff"),
    url("../webfonts/fa-solid-900.woff2") format("truetype");
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/Inter/UcCm3FwrK3iLTcvnUwkT9nA2.woff2) format("woff2");
  unicode-range:
    U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/Inter/UcCm3FwrK3iLTcvnUwAT9nA2.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/Inter/UcCm3FwrK3iLTcvnUwgT9nA2.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/Inter/UcCm3FwrK3iLTcvnUwgT9nA2.woff2) format("woff2");
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCm3FwrK3iLTcvnUwcT9nA2.woff2)
    format("woff2");
  unicode-range:
    U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/Inter/UcCm3FwrK3iLTcvnUwsT9nA2.woff2) format("woff2");
  unicode-range:
    U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/Inter/UcCm3FwrK3iLTcvnUwoT9nA2.woff2) format("woff2");
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
    U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/Inter/UcCm3FwrK3iLTcvnUwQT9g.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/Inter/UcCo3FwrK3iLTcvvYwYL8g.woff2) format("woff2");
  unicode-range:
    U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/Inter/UcCo3FwrK3iLTcvmYwYL8g.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/Inter/UcCo3FwrK3iLTcvuYwYL8g.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/Inter/UcCo3FwrK3iLTcvhYwYL8g.woff2) format("woff2");
  unicode-range:
    U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/Inter/UcCo3FwrK3iLTcvtYwYL8g.woff2) format("woff2");
  unicode-range:
    U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/Inter/UcCo3FwrK3iLTcvsYwYL8g.woff2) format("woff2");
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
    U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/Inter/UcCo3FwrK3iLTcviYwY.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}

body {
  background: #fff;
  font-family: "Inter", sans-serif;
  overflow-x: hidden;
  overflow-y: auto;
}
html {
  scroll-behavior: smooth;
}
.dashboard-page,
.dashboard-candidate {
  background: #fff;
}
header nav.navbar {
  padding: 0;
  align-items: center;
}
p {
  margin-bottom: 0px;
}
header nav.navbar .navbar-brand {
  padding: 0;
  margin: 0 30px 0 0;
  display: flex;
  height: 25px;
}
header .right-div ul.navbar-nav .prfile-login {
  display: flex;
  align-items: center;
}
header .container-fluid {
  padding: 0 24px;
}
header nav.navbar ul.navbar-nav a.nav-link {
  padding: 24px 0;
  color: #a2a2a2;
  font-size: 15px;
  position: relative;
  font-weight: 500;
  transition: all 0.3s;
}
header nav.navbar ul.navbar-nav li.nav-item + li.nav-item {
  margin-left: 15px;
}
header .right-div ul.navbar-nav {
  align-items: center;
}
header .right-div ul.navbar-nav li.nav-item {
  margin-left: 15px !important;
}
header .right-div ul.navbar-nav li a.logout-btn {
  color: #011c4b;
}
header nav.navbar ul.navbar-nav a.nav-link i {
  margin: 0 10px 0 0;
}
.gap-4 {
  gap: 4px;
}
.gap-12 {
  gap: 12px;
}
.gap-16 {
  gap: 16px;
}
.btn-primary {
  color: #000;
  background-color: #f9ea65;
  border-color: #f9ea65;
  transition: 0.5s ease;
}
.note-popover .popover-content .dropdown-menu.note-check li a i,
.panel-heading.note-toolbar .dropdown-menu.note-check li a i {
  visibility: visible !important;
  padding: 0px 10px !important;
  color: #000 !important;
}
.note-icon-menu-check:before {
  display: none !important;
}
.note-icon-menu-check span {
  font-size: 12px;
}
.note-popover .popover-content .dropdown-menu li,
.panel-heading.note-toolbar .dropdown-menu li {
  font-size: 12px !important;
  color: #000 !important;
  padding-left: 3px;
}
.panel-heading.note-toolbar .dropdown-menu li a {
  color: #000 !important;
}
/* .panel-heading.note-toolbar .dropdown-menu li a h1{
font-size:24px !important;
} */
.note-popover .popover-content .dropdown-menu,
.panel-heading.note-toolbar .dropdown-menu {
  min-width: 150px !important;
}
.note-editable p,
.note-editable span,
.note-editable {
  font-family: "Times New Roman" !important;
}
.note-editor .modal-header h4 {
  display: contents !important;
}
.note-editor .modal-header {
  display: inline-block;
}
header nav.navbar ul.navbar-nav a.nav-link:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: #f9ea65;
  width: 0;
  transition: all 0.3s;
}
header nav.navbar ul.navbar-nav a.nav-link:hover,
header nav.navbar ul.navbar-nav a.nav-link.active {
  color: #101828 !important;
  transition: all 0.3s;
}
header nav.navbar ul.navbar-nav a.nav-link:hover:after,
header nav.navbar ul.navbar-nav a.nav-link.active:after {
  width: 100%;
  transition: all 0.3s;
}
header .right-div ul.navbar-nav a.nav-link:after {
  display: none;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}
/* header nav.navbar ul.navbar-nav a.nav-link.upgrade-btn {
background: #101828;
color: #fff;
padding: 8px 15px;
border-radius: 6px;
font-weight: 400;
} */
header .right-div ul.navbar-nav .prfile-login .profle-image {
  width: 40px;
  height: 40px;
  box-shadow: 0 0 15px 0 rgb(0 0 0 / 0.3);
  overflow: hidden;
  border-radius: 6px;
  margin: 0 10px 0px 0;
}
header .right-div ul.navbar-nav .prfile-login .profle-image img {
  width: 40px;
  /*height: 40px;*/
}
header .right-div ul.navbar-nav .prfile-login {
  font-size: 13px;
  font-weight: 600;
  color: #011c4b;
}
section.page-content {
  padding: 50px 0;
}
section.timesheet-page-content {
  padding: 0px;
}
section.timesheet-page-content .timesheet-page-container {
  padding-top: 24px;
  top: 70px;
}
/*============================================== login-section ====================================== */
.login_right_slider {
  height: 100%;
  display: flex;
  align-items: center;
  background: linear-gradient(
    180deg,
    rgba(231, 235, 239, 0.3) 0%,
    rgba(200, 209, 218, 0.3) 100%
  );
  overflow: hidden;
}
.login_right_slider.register_bg {
  background: #f9fafb;
}
.cursor-pointer {
  cursor: pointer;
}
.login_right_slider.register_bg .owl-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.login_right_slider.register_bg button.owl-dot {
  background: #eaecf0 !important;
  width: 10px;
  height: 10px;
  padding: 5px;
  border-radius: 50%;
  cursor: pointer;
}
.register-login-po {
  position: absolute;
  top: 10px;
}
.register-power-group-aps {
  position: absolute;
  bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 92%;
  overflow: visible;
  margin-left: 25px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #475467;
}
.register-login-po .login_logo {
  width: 150px;
  margin-left: 25px;
  margin-top: 0.5rem;
}
.login_right_slider.register_bg .owl-carousel .owl-dots.disabled,
.login_right_slider.register_bg .owl-carousel .owl-nav.disabled {
  display: block;
  pointer-events: all;
}
.login_right_slider.register_bg button.owl-dot.active {
  background: #344054 !important;
}
.login_right_slider.register_bg button.owl-prev {
  position: absolute;
  left: 20pc;
  bottom: 5px;
}
.login_right_slider.register_bg button.owl-next {
  position: absolute;
  right: 20pc;
  bottom: 5px;
}
.login_right_slider.register_bg button.owl-next span,
.login_right_slider.register_bg button.owl-prev span {
  display: none;
}
.login_right_slider.register_bg button.owl-next::before {
  content: "";
  background-image: url("../images/password-reset/right.svg");
  background-position: center;
  background-size: cover;
  width: 5px;
  height: 10px;
  display: block;
  background-repeat: no-repeat;
}
.login_right_slider.register_bg button.owl-prev::before {
  content: "";
  background-image: url("../images/password-reset/left.svg");
  background-position: center;
  background-size: cover;
  width: 5px;
  height: 10px;
  display: block;
  background-repeat: no-repeat;
}
.login_right_slider .carousel-control-next,
.login_right_slider .carousel-control-prev {
  opacity: 1;
  z-index: 1;
  top: unset;
  width: 16px;
  height: 16px;
  bottom: -40px;
  color: #101828;
  font-size: 30px;
  width: fit-content;
  line-height: normal;
  bottom: 7rem;
}
.login_right_slider .carousel-control-next::after {
  content: ">";
}
.login_right_slider .carousel-control-prev::after {
  content: "<";
}
.login_right_slider .carousel-control-prev {
  left: 30%;
  transform: translateX(-50%);
}
.carousel-control-next {
  right: 28%;
  transform: translateX(-50%);
}
.login_right_slider .carousel-indicators {
  z-index: 0;
  bottom: 7rem;
  margin-bottom: 6px;
}
.login_right_slider .carousel-indicators li {
  width: 42px;
  height: 6px;
  border-radius: 3px;
  background-color: #a2abbc;
}
.login_right_slider .carousel-indicators li.active {
  background-color: #101828 !important;
}
.login_right_slider .slider_text {
  position: absolute;
  bottom: 10rem;
  text-align: center;
  width: 100%;
  padding: 0px 16rem;
}
.login_right_slider .slider_text h2 {
  color: #182230;
  font-weight: 600;
  line-height: 38px;
  font-size: 28px;
  text-align: center;
  margin-bottom: 8px;
}
.login-form .form-group-email {
  margin-bottom: 20px;
}
.login-form .checkbox-login.form-group-email {
  margin-bottom: 0px;
}
a.fp-link:hover {
  color: #101828 !important;
}
.form-group-form-check-login {
  margin-bottom: 32px;
  margin-top: 32px;
}
.form-group-form-check-login.form-froup-check-reregister {
  margin-top: 24px;
  margin-bottom: 24px;
}
.login_right_slider .slider_text p {
  font-size: 14px;
  color: #475467;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
}
.label-8chara {
  color: #475467;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-top: 6px;
}
.register_left_slider_inner {
  width: 100%;
}
.back-icon_reset {
  width: 20px;
  height: 20px;
}
.back_to_message-reset a {
  color: #475467;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
}
.back_to_message-reset {
  margin-top: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.back_to_message-reset a:hover {
  color: #101828 !important;
}
.back_to_message-reset a:hover .back-icon_reset {
  filter: brightness(0.5);
}
.register-owl-theme.owl-carousel .owl-item .trustpilot {
  display: block;
  width: 64px;
  height: 64px;
  object-fit: cover;
  border-radius: 50%;
  /*     border: 2px #E0E0E0 solid; */
  box-shadow: 0px 1px 2px -2px #10182808;
  box-shadow: 0px 4px 8px -2px #10182814;
  position: relative;
}
.register-owl-theme.owl-carousel .owl-item .image-avtar {
  position: relative;
}
.register-owl-theme.owl-carousel .owl-item .avatar-postion {
  border: 4px #fff solid;
  border-radius: 50%;
  width: 46px;
  height: 46px;
  background: #f9fafb;
  position: absolute;
  bottom: -13px;
  right: -16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.register-owl-theme.owl-carousel .owl-item .avatar-postion .trustpilot-logo {
  width: 40px !important;
  height: 40px;
  object-fit: cover;
}
.register-owl-theme .item-text {
  text-align: center;
  display: flex;
  align-items: center;
  gap: 32px;
  justify-content: center;
  flex-direction: column;
  padding-top: 32px;
  padding-bottom: 32px;
}
.register-owl-theme .item-text .description {
  font-size: 28px;
  font-weight: 500;
  line-height: 38px;
  text-align: center;
  color: #101828;
  margin-bottom: 0px;
  width: 590px;
}
.register-owl-theme .item-text .description p {
  margin-bottom: 0px;
}
.register-owl-theme .item-text .name-description .name {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  color: #101828;
  margin-bottom: 4px;
}
.register-owl-theme .item-text .name-description .description-d {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  color: #475467;
  margin-bottom: 0px;
}
/* =========================================== login-section-end=============================================================  */
/*============================================== password reset start by anil joshi ================================================================= */
.password_reset_email {
  position: relative;
  z-index: 0;
}
.password_reset_bg {
  position: absolute;
  top: -30%;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  max-width: 768px;
  width: 100%;
}
.password_reset_bg img {
  width: 100%;
}
.password_reset_email .form_logo {
  margin-bottom: 24px;
}
.password_reset_email .form_logo img {
  width: 64px;
  height: 64px !important;
}
.password_reset_form > h2,
.create-password-onboarding > h2 {
  color: #101828;
  text-align: center;
  font-size: 28px;
  font-weight: 600;
  line-height: 38px;
  margin-bottom: 12px;
}
.password_reset_form > p,
.create-password-onboarding > p {
  color: #475467;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 32px;
  margin-top: 0px;
}
.video-onboarding {
  margin-bottom: 32px;
}
.video-onboarding video {
  border-radius: 24px;
}
.video-onboarding .video-on {
  border-radius: 24px;
}
.onboarding-video-section .continue-onboarding {
  width: 360px;
  margin: auto;
}
.continue-onboarding #next-dashboard {
  color: #182230 !important;
  font-size: 16px !important;
  font-weight: 500;
  line-height: 24px;
}
.onboarding-video-section {
  width: 800px;
}
.onboarding-password-forgot {
  width: 360px;
}
.password_reset_form form label {
  color: #344054;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 6px;
}
.password_reset_form form input {
  height: 44px !important;
  padding: 10px 14px;
  border-radius: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.password_reset_form form .form-group {
  margin-bottom: 20px;
}
.open-email-app {
  margin-bottom: 32px;
}
.click-resend {
  margin-bottom: 0px !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
.click-resend a {
  color: #175cd3;
}
.click-resend a:hover {
  color: #182230 !important;
}
.password_reset_form form button,
.open-email-app {
  padding: 10px 16px;
  height: 44px;
  color: #182230;
  font-size: 16px !important;
  font-weight: 500;
  line-height: 24px;
  display: flex;
  gap: 6px;
  align-items: center;
  justify-content: center;
}
.password_reset_form form .back_to_login {
  margin-top: 32px;
  display: flex;
  justify-content: center;
}
.password_reset_form form .back_to_login a {
  display: flex;
  gap: 6px;
  color: #475467;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.password_reset_form form .back_to_login a:hover {
  color: #475467 !important;
}
.password_reset_form form .back_to_login a img {
  width: 20px;
  height: 20px !important;
}
/* =============================================  password reset end =========================================== */
.page-titlediv {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 0 24px 0;
  align-items: center;
}
.page-meetings .page-titlediv.meeting-connect {
  z-index: 9;
  position: relative;
}
.dashboard_pages {
  margin: 0;
}
.page-title {
  display: flex;
  align-items: center;
}
.icon-box {
  display: flex;
  align-items: center;
  width: 42px;
  height: 42px;
  justify-content: center;
  background: #f9ea65;
  border-radius: 6px;
  font-size: 22px;
  color: #fff;
  box-shadow: 0 5px 6px 0 #f9ea6545;
  margin-right: 0.5rem;
}
.dashboard_pages .page-title .text {
  margin-left: 0px;
}
.page-title .text h5 {
  font-size: 13px;
  margin: 0;
  line-height: 13px;
  color: #364458;
  font-weight: 500;
}
.page-title .text h2 {
  font-size: 24px;
  color: #101828;
  font-weight: 500;
  line-height: 32px;
  margin: 0;
  position: relative;
}
.page-title .text p {
  font-size: 14px;
  font-weight: 400;
  color: #475467;
  line-height: 20px;
  margin-top: 4px;
  margin-bottom: 0;
}
.page-title .text h2 small {
  font-size: 11px;
  color: #364458;
}
.border-box {
  display: flex;
  align-items: center;
  width: 34px;
  height: 34px;
  justify-content: center;
  border-radius: 6px;
  font-size: 16px;
  color: #a3afbb;
  /* border: 1px solid #a3afbb; */
}
.font-14 {
  font-size: 14px;
}
/* #dt-all-checkbox{
min-height: 100vh;
} */
.page-titlediv .right-div {
  display: flex;
  align-items: center;
}
.page-titlediv .right-div a.blue-btn {
  margin-left: 15px;
}
.blue-btn {
  display: inline-block;
  line-height: 32px;
  background: #f9ea65;
  color: #fff;
  border-radius: 6px;
  padding: 0 9px;
  font-size: 12px;
  font-weight: 500;
}
.blue-btn i {
  font-size: 15px;
  vertical-align: middle;
  margin: 0 10px 0 0;
}
.blue-btn:hover {
  text-decoration: none;
  background: #364458;
  color: #fff !important;
}
.time-tracker {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 23px 15px 23px 25px;
  background: linear-gradient(to right, #0089fe 0%, #0474d3 60%);
  border-radius: 8px;
  color: #fff;
  flex-wrap: wrap;
  box-shadow: 0 6px 29px 0 rgb(165 190 208 / 0.8);
  position: sticky;
  top: 0;
  z-index: 99;
}
.time-tracker .right {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.time-tracker .right ul {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-right: 15px;
}
.time-tracker .left h4 {
  font-size: 20px;
  font-weight: 300;
  margin: 0;
}
.time-tracker h5.tags {
  font-size: 14px;
  color: #fff;
  margin: 0;
  font-weight: 300;
}
.time-tracker .category {
  padding: 0 15px;
  border: 1px solid #62a7e1;
  line-height: 32px;
  border-radius: 6px;
  font-size: 12px;
  color: #fff;
  font-weight: 300;
}
.time-tracker .category strong {
  font-weight: 700;
}
.time-tracker .category img {
  margin-left: 25px;
}
.time-tracker i.far.fa-dollar-sign {
  padding: 0 20px;
  color: #6daee5;
  border-left: 1px dashed #fff;
  border-right: 1px dashed #fff;
  line-height: 32px;
}
.time-tracker li.timer h4 {
  font-size: 20px;
  font-weight: 300;
  margin: 0;
}
.btn-red {
  background: #f25767;
  padding: 0 0;
  line-height: 32px;
  padding: 0 15px;
  border-radius: 6px;
  font-size: 12px;
  color: #fff !important;
  font-weight: 500;
  min-width: 118px;
}
a.close {
  font-size: 18px;
  text-shadow: none;
  color: #fff !important;
  opacity: 1;
}
.time-tracker .right ul li + li {
  margin-left: 15px;
}
.project-detail .gray-box {
  background: #a3afbb;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 5px 38px 0 rgb(217 224 230 / 0.29);
  height: 100%;
}
.project-detail .gray-box .page-title .icon-box {
  background: #fff;
  color: #a3afbb;
  box-shadow: 0 0 8px 0 rgb(255 255 255 / 0.3);
}
.project-detail .gray-box .page-title h5 {
  font-size: 12px;
  color: rgb(245 248 251 / 0.43);
}
.project-detail .gray-box .page-title h2 {
  font-size: 22px;
  color: #fff;
  line-height: 22px;
  top: 3px;
}
.project-detail .gray-box .page-title {
  margin: 0 0 20px 0;
}
.project-detail .gray-box p {
  margin: 0;
  font-size: 11px;
  color: #fff;
  font-weight: 300;
}
.project-detail .gray-box p strong {
  font-weight: 600;
}
.project-detail .gray-box ul {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 11px;
  color: #fff;
  font-weight: 300;
}
.project-detail .gray-box ul li strong {
  font-weight: 600;
}
.project-detail .gray-box a {
  font-size: 11px;
  color: #fff;
  font-weight: 600;
  border-bottom: 2px solid #bdc5cd;
  text-decoration: none !important;
}
.project-detail .white-box {
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 5px 38px 0 rgb(217 224 230 / 0.29);
  height: 100%;
}
.project-detail .white-box .page-title h5 {
  font-size: 12px;
  color: rgb(163 175 187 / 0.43);
}
.project-detail .white-box .page-title h2 {
  font-size: 22px;
  color: #a3afbb;
  line-height: 22px;
  top: 3px;
}
.project-detail .white-box .page-title {
  margin: 0 0 20px 0;
}
.project-detail .white-box p {
  margin: 0;
  font-size: 11px;
  color: #a3afbb;
  font-weight: 300;
}
.project-detail .white-box p strong {
  font-weight: 600;
  color: #101828;
}
.data-table tr td .name > a {
  text-decoration: none;
  color: #757f8a !important;
}
.project-detail .white-box ul {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 11px;
  color: #a3afbb;
  font-weight: 300;
}
/* .page-standalone-billing.modal-backdrop-show.modal-open .modal-backdrop.show {
  opacity: 0;
} */
.project-detail .white-box ul li strong {
  font-weight: 600;
}
.project-detail .white-box a {
  font-size: 11px;
  color: #a3afbb;
  font-weight: 600;
  border-bottom: 2px solid #bdc5cd;
  text-decoration: none !important;
}
.project-detail .col-md-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 30%;
  max-width: 30%;
}
.project-detail .col-md-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 40%;
  max-width: 40%;
}
.project-detail .gray-box ul li + li {
  border-left: 1px solid #fff;
  padding-left: 15px;
  margin-left: 15px;
}
.project-detail .white-box ul li + li {
  border-left: 1px solid #a3afbb;
  padding-left: 15px;
  margin-left: 15px;
}
.project-detail .white-box.blue-box .page-title .icon-box {
  background: #011c4b;
}
.project-detail {
  margin-top: 16px;
}
.project-detail ul.chart-detail li + li {
  border-left: 0;
  padding-left: 0;
}
span.dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 100px;
  background: #f9ea65;
  vertical-align: middle;
  margin: 0 8px 0 0;
}
span.blue.dot {
  background: #011c4b;
}
span.red.dot {
  background: #f54337;
}
.project-detail ul.chart-detail {
  margin: 6px 0 0 0;
}
.timetracker_options {
  display: flex;
  align-items: center;
  margin: 30px 0 15px;
}
.selected_date {
  font-size: 11px;
  color: #a3afbb;
  font-weight: 500;
}
.select_date_from {
  display: flex;
  align-items: center;
  margin: 0 20px;
}
.boder_arrow {
  display: flex;
  width: 18px;
  height: 18px;
  align-items: center;
  justify-content: center;
  border: 1px solid #a3afbb;
  border-radius: 4px;
  font-size: 10px;
  color: #a3afbb;
  text-decoration: none !important;
}
.boder_arrow:hover {
  background: #a3afbb;
  color: #fff;
}
.select_date_from .select_date_slider {
  padding: 0 20px;
  font-size: 11px;
  color: #a3afbb;
  font-weight: 500;
}
.week_total {
  font-size: 13px;
  color: #a3afbb;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.week_total span {
  font-size: 18px;
  color: #66707b;
  font-weight: 300;
  margin-left: 10px;
}
.quaterly_tab ul.nav-tabs {
  border: 1px solid #a3afbb;
  margin: 0;
  border-radius: 4px;
  overflow: hidden;
}
.quaterly_tab ul.nav-tabs li.nav-item {
  margin: 0;
}
.quaterly_tab ul.nav-tabs li.nav-item a.nav-link {
  padding: 0;
  font-size: 10px;
  padding: 0 25px;
  line-height: 34px;
  background: transparent;
  border: 0;
  font-weight: 500;
  border-radius: 0;
  color: #a3afbb !important;
}
.quaterly_tab ul.nav-tabs li.nav-item a.nav-link.active {
  background: #a3afbb;
  color: #fff !important;
}
.quaterly_tab ul.nav-tabs li + li {
  border-left: 1px solid #a3afbb;
}
.timetracker_options .quaterly_tab {
  margin-right: 20px;
}
.commoon_dropdown .dropdown .dropdown-toggle {
  padding: 10px 12px;
  background: transparent;
  border: 0;
  color: #66707b;
  font-size: 11px;
  border-radius: 8px;
  font-weight: 300;
}
.commoon_dropdown .dropdown .dropdown-toggle strong {
  font-weight: 500;
  margin-left: 5px;
}
.commoon_dropdown .dropdown.show button {
  background: #fff;
  box-shadow: 0 3px 18px 0 rgb(217 224 230 / 0.59);
}
.commoon_dropdown .dropdown.show button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.commoon_dropdown .dropdown.show .dropdown-menu {
  top: 100% !important;
  transform: none !important;
  border: 0;
  margin: 0;
  border-radius: 8px;
  padding: 0;
  min-width: 200px;
  box-shadow: 0 3px 18px 0 rgb(217 224 230 / 0.59);
}
.commoon_dropdown .dropdown.show .dropdown-menu .dropdown-item {
  padding: 0;
  padding: 8px 12px;
  background: transparent;
  border: 0;
  color: #66707b;
  font-size: 12px;
}
.commoon_dropdown
  .dropdown.show
  .dropdown-menu
  .dropdown-item
  + a.dropdown-item {
  border-top: 1px solid #edf3f7;
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: none !important;
}
.bg-wrap-shadow {
  box-shadow: 0 3px 38px 0 rgb(217 224 230 / 0.3);
  background: #fff;
  border-radius: 4px;
}
.theme-table thead th {
  padding: 20px 8px;
  font-size: 13px;
  color: #757f8a;
  font-weight: 600;
  border: 0;
  vertical-align: middle;
}
.theme-table tbody td {
  padding: 15px 8px;
  font-size: 13px;
  color: #a3afbb;
  font-weight: 500;
  vertical-align: middle;
}
.theme-table tbody td p {
  margin: 0;
}
.t-user {
  display: flex;
  align-items: center;
}
.t-user img {
  width: 13px;
  margin: 0 10px 0 0;
}
table.table.theme-table {
  margin: 0;
}
.w-20 {
  width: 20%;
}
.w-60 {
  width: 60%;
}
.acc-td .acc-arrow {
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  background: #a3afbb;
  text-align: center;
  color: #fff !important;
  border-radius: 4px;
  font-size: 10px;
  margin: 0 auto;
}
p.time {
  font-size: 14px;
  font-weight: 300;
  color: #66707b;
}
.f-500 {
  font-weight: 500 !important;
}
.theme-table tbody td .doller-sign {
  font-size: 16px;
}
.theme-table tbody td .doller-sign.active {
  color: #037ce3;
}
.action-td a {
  padding: 0 4px;
  font-size: 15px;
}
a {
  cursor: pointer;
  color: #475467;
}
a:hover {
  color: #182230;
}
table.table.theme-table tr.acc-body-tr td {
  border: 0;
}
table.table.theme-table tr.acc-header-tr td {
  border-bottom: 1px solid #ebeff3;
}
.table td,
.table th {
  border-color: #ebeff3;
}
td.acc-td-flow {
  min-width: 36px;
  position: relative;
}
tr.acc-body-tr td.acc-td-flow:after {
  content: "";
  position: absolute;
  width: 1px;
  top: 0;
  bottom: 0;
  background: #ebeff3;
  left: 50%;
  margin-left: -1px;
}
tr.acc-body-tr td.acc-td-flow:before {
  content: "";
  position: absolute;
  width: 22px;
  height: 1px;
  top: 50%;
  background: #ebeff3;
  left: 50%;
}
table.table tr .open-accordion .acc-arrow {
  background: #027ee8;
}
table.table tr.open-accordion p.m-0 {
  color: #027ee8;
}
.timetracker-details + .timetracker_options {
  margin: 15px 0;
}
table.table.theme-table tr:last-child td {
  border-bottom: 0;
}
.d-enterprise-feature {
  display: flex;
  align-items: center;
  padding: 10px 22px;
  background: linear-gradient(to right, #0089fe 0%, #0474d3 60%);
  border-radius: 8px;
  color: #fff;
  flex-wrap: wrap;
  box-shadow: 0 6px 29px 0 rgb(165 190 208 / 0.8);
}
.d-enterprise-feature h4 {
  font-size: 12px;
  color: #ffffff;
  margin: 0 25px 0 0;
  font-weight: 500;
}
.d-enterprise-feature span.tag {
  display: inline-block;
  padding: 0 20px;
  line-height: 28px;
  background: #fff;
  font-size: 12px;
  color: #f9ea65;
  font-weight: 600;
  border-radius: 4px;
}
.d-enterprise-feature a.close {
  margin-left: auto;
}
.d-enterprise-feature + .btns-wrap {
  margin: 22px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.btns-wrap a + a {
  margin-left: 15px;
}
.border-btn {
  border-radius: 6px;
  padding: 0 15px;
  font-size: 13px;
  font-weight: 600;
  display: inline-block;
  line-height: 40px;
  border: 1px solid #f9ea65;
}
.btns-wrap .border-btn {
  min-width: 130px;
  text-align: center;
  line-height: 30px;
}
.btns-wrap a.blue-btn {
  min-width: 130px;
  line-height: 32px;
  box-shadow: none !important;
}
.border-btn:hover {
  background: #f9ea65;
  color: #fff !important;
  text-decoration: none;
}
.title-text {
  font-size: 24px;
  color: #364458;
  font-weight: 600;
  margin: 10px 0px 10px 0;
}
.subtitle-ext {
  font-size: 13px;
  color: #364458;
  font-weight: 500;
  margin: 0;
}
.close:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.plan-tabs ul.nav.nav-tabs {
  width: auto;
  justify-content: center;
  max-width: 400px;
  margin: 0 auto;
  border: 1px solid #f9ea65;
  overflow: hidden;
  border-radius: 4px;
  flex-wrap: nowrap;
}
.plan-tabs ul.nav.nav-tabs li.nav-item {
  width: 100%;
  text-align: center;
  margin: 0;
  border: 0;
}
.plan-tabs ul.nav.nav-tabs li.nav-item a.nav-link {
  border: 0;
  background: transparent;
  color: #f9ea65;
  font-size: 12px;
  font-weight: 500;
  border-radius: 4px;
  padding: 10px 10px;
}
.plan-tabs ul.nav.nav-tabs li.nav-item a.nav-link.active {
  background: #f9ea65;
  color: #fff !important;
}
.plan-tabs ul.nav.nav-tabs li.nav-item a.nav-link span {
  font-size: 8px;
  background: #f9ea65;
  color: #fff;
  border-radius: 4px;
  line-height: 12px;
  padding: 0 10px;
}
.plan-tabs ul.nav.nav-tabs li.nav-item a.nav-link span {
  font-size: 8px;
  background: #f9ea65;
  color: #fff;
  border-radius: 4px;
  line-height: 15px;
  padding: 0 10px;
  display: inline-block;
  margin-left: 5px;
}
.plan-tabs ul.nav.nav-tabs li.nav-item a.nav-link.active span {
  background: #fff;
  color: #f9ea65;
}
.plan-tab-content {
  max-width: 900px;
  margin: 80px auto 90px;
}
.plans-div {
  box-shadow: 0 0 38px 0 rgb(129 180 223 / 0.39);
  border-radius: 12px;
  padding: 25px;
  height: 100%;
  color: #fff;
}
.plans-div.gray-bg {
  background: #81b4df;
}
.plans-div.blue-bg {
  background: #f9ea65;
}
.plans-div.dark-blue-bg {
  background: #011c4b;
}
.plans-div h5 {
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  margin: 0 0 0 0;
}
.plans-div h4 span:first-child {
  font-size: 18px;
  font-weight: 600;
  margin: 0 5px 0 0;
  line-height: 18px;
}
.plans-div h4 {
  display: flex;
  font-size: 40px;
  line-height: 40px;
  margin: 0;
  margin: 0 0 15px 0;
}
.plans-div h4 span:last-child {
  font-size: 12px;
  vertical-align: bottom;
  display: flex;
  align-self: flex-end;
  line-height: 12px;
  margin-left: 8px;
}
.plans-div p {
  font-size: 10px;
  margin: 0 0 25px 0;
  font-weight: 500;
}
.plans-div ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
  margin: 0 0 20px 0;
}
.plans-div ul li i.fal.fa-check {
  margin: 0 8px 0 0;
}
.plans-div ul li i.fal.fa-info-circle {
  margin: 0 0 0 8px;
  font-size: 10px;
}
.plans-div a.activate-btn {
  background: #fff;
  color: #f9ea65;
  font-size: 12px;
  padding: 0 20px;
  line-height: 32px;
  display: inline-block;
  border-radius: 4px;
  text-decoration: none;
}
.plans-div.blue-bg {
  margin-top: -30px;
}
p.trustby.text-center {
  margin: 0;
  font-size: 13px;
  color: #a2aec0;
  font-weight: 500;
}
ul.logo-section {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
}
ul.logo-section li {
  padding: 10px;
}
hr {
  margin: 50px 0;
  border-top: 1px solid #ebeff3;
}
.que-ans-div h4 {
  font-size: 17px;
  color: #364458;
  line-height: 18px;
  margin: 0 0 15px 0;
  font-weight: 600;
}
.que-ans-div p {
  font-size: 13px;
  color: #a2aec0;
  font-weight: 500;
  margin: 0 0 20px 0;
}
a.link {
  color: #f9ea65;
  font-size: 13px;
  font-weight: 500;
}
.border-div {
  color: #475467;
  /* border: 1px solid #a3afbb; */
  line-height: 20px;
  /* padding: 0 15px; */
  font-size: 14px;
  font-size: 14px;
  font-weight: 500;
  min-width: 180px;
  text-align: center;
}
.custom-dropdown .dropdown-btn {
  background-color: transparent;
  background: transparent;
  border: 1px solid #a3afbb;
  border-radius: 6px;
  padding: 6px 27px 6px 6px;
  font-weight: 500;
  color: #757f8a !important;
  font-size: 12px;
  height: 34px !important;
  min-width: 90px;
  display: inline-block;
  line-height: 21px;
  position: relative;
  text-decoration: none;
  overflow: hidden;
  width: 115px;
}
.custom-dropdown .dropdown-btn i {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
}
.custom-dropdown .dropdown-btn.bg-gray {
  background: #a3afbb !important;
  color: #fff !important;
}
.custom-dropdown-popup {
  position: absolute;
  z-index: 1050;
  width: 100%;
  max-width: 370px;
}
.custom-dropdown-popup .bg-wrap {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 5px 38px 0 rgb(217 224 230 / 0.66);
  overflow: hidden;
}
.custom-dropdown-popup .bg-wrap .dropdown-header {
  padding: 15px;
  border-bottom: 1px solid #ebeff3;
}
.custom-dropdown-popup .bg-wrap .form-control {
  min-height: auto;
  height: auto;
}
.custom-dropdown-popup .dropdown button.dropdown-toggle {
  width: 100%;
  border: 0;
  background: #fff;
  text-align: left;
  padding: 15px 15px;
  box-shadow: 0 5px 38px 0 rgb(217 224 230 / 0.66);
  /*font-size: 10px;*/
  font-size: 13px;
  /*color: #757f8a;*/
  color: #343a40;
  font-weight: 500;
  height: auto;
  position: relative;
}
.custom-dropdown-popup .dropdown button.dropdown-toggle::after {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.custom-dropdown-popup .dropdown button.dropdown-toggle span {
  display: inline-block;
  float: right;
  margin-right: 15px;
}
.custom-dropdown-popup .dropdown-menu {
  position: initial !important;
  width: 100%;
  margin: 0;
  border: 0;
  background: #fff;
  float: none !important;
  padding: 15px 15px;
  transform: none !important;
}
label.custom-checkbox {
  font-size: 12px;
  color: #757f8a;
  font-weight: 500;
}
label.custom-checkbox input[type="checkbox"] {
  vertical-align: middle;
  margin: 0 5px 0 0;
}
.custom-dropdown-popup .dropdown-menu label.custom-checkbox {
  display: block;
}
.custom-dropdown-popup
  .dropdown-menu
  label.custom-checkbox
  + label.custom-checkbox {
  margin-top: 10px;
}
.custom-dropdown-popup .dropdown button.dropdown-toggle:focus {
  outline: 0;
}
.chart-wrap {
  background: #fff;
  border-radius: 0 0px 8px 8px;
  padding: 15px;
  box-shadow: 0 5px 38px 0 rgb(217 224 230 / 0.29);
}
.project-reports-wrap {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 5px 38px 0 rgb(217 224 230 / 0.29);
  margin-bottom: 15px;
}
.project-reports-sorting {
  padding: 12px 30px;
  box-shadow: 0 5px 38px 0 rgb(217 224 230 / 0.29);
}
.project-reports-sorting ul {
  margin: 0;
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0;
}
.project-reports-sorting ul {
  margin: 0;
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0;
}
.project-reports-sorting ul li {
  font-size: 10px;
  font-weight: 500;
  color: #757f8a;
  left: 12px;
}
.project-reports-sorting ul li a {
  font-size: 10px;
  font-weight: 500;
  color: #757f8a;
  left: 12px;
  padding: 0 15px;
  border-left: 1px dotted #969696;
  border-right: 1px dotted #969696;
  line-height: 30px;
  display: inline-block;
}
.project-reports-sorting ul li a i {
  margin: 0 0 0 10px;
}
.project-reports-sorting ul li:first-child {
  margin: 0 15px 0 0;
}
.project-report-info table.table.theme-table {
  margin: 0;
  border-top: 1px solid #ebeff3;
}
.project-report-info table.table.theme-table .acc-td {
  width: 50px;
}
a.acc-arrow.bg-blue {
  background: #027ee8;
}
.data-table th.w-50,
.data-table th.w-50 {
  width: 50% !important;
}
.amount-wrapper {
  display: flex;
  white-space: nowrap;
  align-items: center;
}
.add-tags {
  display: inline-block;
  font-size: 9px;
  color: #757f8a;
  font-weight: 500;
  border: 1px solid #757f8a;
  border-radius: 6px;
  padding: 4px 12px;
  line-height: 12px;
}
.amount-wrapper .tags {
  margin: 0 15px 0 0;
}
.amount-wrapper .amount {
  min-width: 105px;
  text-align: right;
  padding: 0 16px;
  border-left: 1px dashed #c7c7c7;
  border-right: 1px dashed #c7c7c7;
}
.amount-wrapper .doller {
  padding: 0 15px;
  color: #28a745;
  font-size: 18px;
}
.amount-wrapper .doller {
  padding: 0 20px;
  color: #28a745;
  font-size: 18px;
  border-right: 1px dashed #c7c7c7;
}
.data-table tr td .user {
  min-width: 60px;
}
.range-div {
  padding: 0 20px;
  border-right: 1px dashed #c7c7c7;
  border-left: 1px dashed #c7c7c7;
}
.range-div p {
  font-size: 12px;
  line-height: 14px;
}
span.darkblueblue.dot {
  background: #011c4b;
}
.dark-blue {
  color: #011c4b;
}
a.add-tags.bg-blue {
  background: #f9ea65;
  color: #fff;
  border-color: #f9ea65;
}
.checkbox-login input[type="checkbox"] {
  border: 1px solid #d0d5dd;
  border-radius: 4px;
  background: none;
  cursor: pointer;
  outline: 0;
  height: 20px;
  width: 20px;
  margin-right: 8px;
  -webkit-appearance: none;
}
input[type="checkbox"],
input[type="radio"] {
  vertical-align: middle;
}
.checkbox-login input[type="checkbox"]:checked {
  background-color: #175cd3;
  border: 1px solid #175cd3;
  opacity: 1;
  position: relative;
}
.checkbox-login input[type="checkbox"]::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  background-image: url("../images/applicants/check.svg");
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
  z-index: 2;
  opacity: 0;
}
.checkbox-login input[type="checkbox"]:checked::before {
  opacity: 1;
}
/* .modal-dialog {
max-width: 650px;
}
.modal-header {
background: #F9EA65;
color: #fff;
} */
.toaster {
  text-align: center !important;
  font-size: 14px;
  bottom: 20px !important;
  top: inherit !important;
  right: 0% !important;
  justify-content: center;
  width: fit-content !important;
  margin: auto;
  display: flex;
  gap: 6px;
  z-index: 0;
  left: 0%;
  flex-direction: column;
}
.toaster .alert .close span {
  display: none;
}
.alert-dismissible {
  position: relative;
}
.alert-dismissible .message {
  max-width: 300px;
}
.alert-dismissible.alert-danger .message::after {
  content: "";
  background-image: url("../images/timesheet/alert-danger.svg");
  position: absolute;
  left: 5px;
  top: 6px;
  margin-right: 0.5rem;
  background-size: 16px;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  z-index: 9999;
}
.page-applicants-list .toaster button.close,
.page-companies-details .toaster button.close {
  display: none;
}
.form-control.company-reject-hours {
  height: 40px !important;
  color: #101828;
  border-radius: 6px !important;
}
.rolldate-container .rolldate-panel {
  box-shadow: 0 -10px 20px -5px rgba(115, 115, 115, 0.75) !important;
}
.rolldate-container .rolldate-btn {
  top: 15px !important;
}
.rolldate-container .rolldate-wrapper li {
  height: 40px !important;
}
/* .rolldate-container .rolldate-panel {
height: 240px !important;
} */
.rolldate-container .rolldate-mask {
  background-color: transparent !important;
}
.rolldate-container .rolldate-wrapper > div {
  z-index: 999;
}
.rolldate-container .rolldate-mask {
  z-index: 0 !important;
}
.wheel-scroll .wheel-item {
  color: #667085;
}
.rolldate-hour .wheel-scroll .wheel-item.active {
  color: #182230;
}
.alert-dismissible.alert-success .message::after {
  content: "";
  background-image: url("../images/timesheet/toaster_img.svg");
  position: absolute;
  left: 5px;
  top: 6px;
  margin-right: 0.5rem;
  background-size: 16px;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  z-index: 9999;
}
.alert-success {
  color: #fff !important;
  background-color: #000 !important;
  border-color: #000 !important;
  padding: 4px 8px;
  border-radius: 4px;
  width: fit-content;
  padding-left: 25px;
}
.alert-danger {
  color: #fff !important;
  background-color: #000 !important;
  border-color: #000 !important;
  padding: 4px 8px;
  border-radius: 4px;
  padding-left: 25px;
  width: fit-content;
}
.modal-header h4 {
  font-size: 22px;
  line-height: 24px;
}
.modal-header button.close i {
  font-weight: 200;
  opacity: 1;
  color: #fff;
}
.modal-header button.close {
  opacity: 1;
}
.modal-footer button.btn.blue-btn {
  line-height: 34px;
}
.close:not(:disabled):not(.disabled) {
  outline: 0;
}
.timesheet-content .bg-wrap {
  background: #fff;
  border-radius: 8px;
  border: 1px #eaecf0 solid;
}
.timesheet-content .timesheet-row-table .timesheet-table-head .row {
  margin: 0;
  white-space: nowrap;
}
.timesheet-content .timesheet-row-table .timesheet-table-head .row h5 {
  font-size: 12px;
  color: #475467;
  font-weight: 500;
  margin: 0;
  line-height: 18px;
}
.timesheet-content .timesheet-row-table .timesheet-table-head .row .col-md-1,
.timesheet-content .timesheet-row-table .timesheet-table-head .row .col-md-2 {
  padding: 12px 24px;
  text-align: center;
}
.timesheet-content .timesheet-row-table .timesheet-table-head .row .col-md-3 {
  padding: 12px 24px;
  text-align: left;
}
.timesheet-content .timesheet-row-table .timesheet-table-body .row {
  margin: 0;
  align-items: center;
  white-space: nowrap;
}
.milege_loction-day {
  display: flex;
  align-items: center;
}
.milege_loction-day .form-control {
  border: none;
}
.page-recruiter-candidate-hours-review.timesheet-page-candidate
  .timesheet-earning,
.page-recruiter-candidate-hours-review
  .timesheet-candidate-body
  .timesheet-entry-form
  .border-left-radius.hour-warning_icon
  .manual_time {
  color: #475467;
  font-weight: 400;
}
.timesheet-page-candidate .timesheet-earning {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #101828;
}
.border-left-radius .car_number {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #101828;
}
.border-left-radius .car_number::placeholder {
  color: #101828;
}
.border-left-radius .car_number::-ms-input-placeholder {
  color: #101828;
}
.timesheet-content .timesheet-row-table .timesheet-table-body .row .col-md-3 {
  padding: 16px 24px;
}
.timesheet-content .timesheet-row-table .timesheet-table-body .row .col-md-1,
.timesheet-content .timesheet-row-table .timesheet-table-body .row .col-md-2 {
  padding: 16px 24px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  /*     pointer-events: none; */
}
/* .timesheet-content .timesheet-row-table .timesheet-table-body.timesheet-candidate-body  .row .col-md-1,
.timesheet-content .timesheet-row-table .timesheet-table-body.timesheet-company-table-body  .row .col-md-1,
.timesheet-content .timesheet-row-table .timesheet-table-body.timesheet-candidate-body  .row .col-md-2,
.timesheet-content .timesheet-row-table .timesheet-table-body.timesheet-company-table-body  .row .col-md-2 {
pointer-events: auto;
} */
.timesheet-earning,
.timesheet-company_info {
  margin-bottom: 0px;
  pointer-events: auto;
  white-space: nowrap;
}
.timesheet_action_view a {
  padding: 8px 12px;
  gap: 4px;
  border-radius: 8px;
  border: 1px solid #d0d5dd;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #344054 !important;
  text-decoration: none;
}
.timesheet_action_view a:hover {
  transition: 0.5s ease;
  background: #daca60;
  border-color: #daca60;
}
.timesheet_action_view a:hover {
  text-decoration: none;
}
.timesheet-content
  .timesheet-row-table
  .timesheet-table-body
  .row
  .border-left-radius.bg-green
  h5 {
  border-color: #abefc6;
  background: #f6fef9;
  color: #067647;
  pointer-events: auto;
}
.text-linethrough {
  text-decoration: line-through;
  border: 1px solid #fecdca !important;
  background: #fffbfa !important;
  color: #b42318 !important;
  border-radius: 6px;
  padding: 2px 8px;
}
.suggested-hours {
  padding: 2px 8px;
  border-radius: 6px;
  background: #f5faff !important;
  border: 1px solid #b2ddff !important;
  color: #175cd3 !important;
  font-size: 14px;
  font-weight: 500;
}
.rejected {
  color: #b42318;
  padding: 2px 8px;
  border-radius: 16px;
  background: #fef3f2;
  border: 1px solid #fecdca;
  font-size: 14px;
  font-weight: 500;
  margin-left: 8px !important;
}
.approved {
  color: #067647;
  padding: 2px 8px;
  border-radius: 16px;
  background: #ecfdf3;
  border: 1px solid #abefc6;
  font-size: 14px;
  font-weight: 500;
}
.pending {
  color: #344054;
  padding: 2px 8px;
  border-radius: 16px;
  background: #fcfcfd;
  border: 1px solid #eaecf0;
  font-size: 14px;
  font-weight: 500;
}
.error-class {
  background: #fee4e2 !important;
  border-color: #fee4e2;
}
.time-f-hours {
  color: #101828 !important;
  padding: 2px 8px;
  height: auto !important;
  font-size: 14px;
  font-weight: 500;
}
.class-error,
.error-class {
  border-color: #fee4e2 !important;
}
.wrap-error {
  border-color: #e09fa1 !important;
}
.class-error:focus {
  box-shadow: 0px 0px 0px 4px #f044383d !important;
}
.applicant_hover_descri_textrare.class-error {
  border-color: #fee4e2;
}
.section_empty_body.meeting-section-empty {
  width: 100vw;
  height: 100%;
  background-color: #ffffffd6;
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.approve_img {
  width: 48px;
}
.approve_tooltip {
  width: 22px;
}
/* .approve_tooltip{
position: relative;
} */
.timesheet-tooltip:hover .tooltip-inner-text {
  display: block;
  pointer-events: auto;
}
.twin-spans {
  padding: 16px 0px !important;
}
.timesheet-tooltip {
  pointer-events: auto;
  position: relative;
}
.tooltip-inner-text {
  width: max-content;
  padding: 12px;
  background: #101828;
  position: absolute;
  top: -7rem;
  left: -1rem;
  z-index: 99;
  border-radius: 12px;
  display: none;
  max-width: 334px;
}
.tooltip-inner-text::before {
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  border-bottom: solid 10px transparent;
  border-top: solid 10px #101828;
  height: 0;
  width: 0;
  content: "";
  position: absolute;
  left: 20px;
  bottom: -18px;
}
.tooltip-inner-text h6 {
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  text-align: left;
}
.tooltip-inner-text p {
  color: #d0d5dd;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  margin-bottom: 0;
  text-align: left;
  white-space: break-spaces;
}
.approve-reject .modal-dialog {
  max-width: 400px;
}
.approve-reject .modal-body .title {
  color: #101828;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  text-align: left;
  margin-bottom: 4px;
}
.approve-reject .modal-body .sub-title span {
  color: #182230;
  font-weight: 500;
}
.approve-reject .modal-body .sub-title span {
  color: #182230;
  font-weight: 500;
}
.approve-reject .modal-header .close {
  padding: 0rem;
  margin: 0rem 0rem -1rem auto;
}
.modal-footer > :not(:first-child) {
  margin-left: 6px !important;
}
.modal-footer > :not(:last-child) {
  margin-right: 6px !important;
}
.timesheet-page-admin .form-control:disabled,
.timesheet-page-admin .form-control[readonly] {
  background-color: #f9fafb;
  opacity: 1;
}
.timesheet-page-admin .modal-footer > :not(:first-child) {
  margin-left: 4px !important;
}
.timesheet-page-admin .modal-footer > :not(:last-child) {
  margin-right: 4px !important;
}
#action_btn_add .approve-reject .modal-content {
  padding: 8px;
}
.approve-reject .modal-content {
  border-radius: 12px;
  padding: 8px;
}
.approve-reject .modal-body .sub-title {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  color: #475467;
  margin-bottom: 0px;
}
.approve-reject .modal-footer.add_hours .btn {
  padding: 10px 16px;
}
.approve-reject .modal-footer.add_hours .btn:hover {
  background: #daca60;
  border-color: #daca60;
  transition: 0.5s ease;
  color: #182230;
}
#suggestionModalMileage .modal-footer,
#suggestionModal .modal-footer {
  border-top: 0px;
}
.suggestionhours .modal-dialog {
  width: 420px;
}
#add_hours .select-day-type-outer .dropdown-menu.day-view.show {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}
.modal-footer.add_hours .btn.btn-approve.btn-disable:hover {
  border: 1px solid #f8e965;
  background: #f8e965;
}
.modal-footer.add_hours .btn.btn-approve {
  border: 1px solid #f8e965;
  background: #f8e965;
  color: #182230;
  position: relative;
}
.modal-footer.add_hours .btn.btn-reject {
  border: 1px solid #d92d20;
  background: #d92d20;
  color: #fff;
  position: relative;
}
.modal-footer.add_hours .btn.btn-reject:hover {
  color: #d92d20;
  border-color: #d92d20;
  background: #fff;
}
.select-company-hours label {
  color: #344054;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  margin-bottom: 0.3rem;
}
.select-company-hours .ui-timepicker-input {
  max-width: 100%;
  height: 40px !important;
  color: #101828;
}
.select-company-hours .ui-timepicker-input::placeholder {
  color: #101828;
}
.select-company-hours .ui-timepicker-input::-ms-input-placeholder {
  color: #101828;
}
.approve-reject .modal-header {
  border-bottom: 0px;
  padding-top: 1rem !important;
  padding-bottom: 0 !important;
}
.approve-reject .modal-footer {
  border-top: 0px;
}
#action_btn_add .modal-footer {
  padding-bottom: 0px;
}
.timesheet-content
  .timesheet-row-table
  .timesheet-table-body
  .row
  .border-left-radius
  .bg-blue.border-left-radius
  h5 {
  border-color: #b2ddff;
  background: #f5faff;
  color: #175cd3;
  margin-left: 4px;
}
.timesheet-content
  .timesheet-row-table
  .timesheet-table-body
  .row
  .border-left-radius.bg-red
  h5 {
  border-color: #fecdca;
  background: #fffbfa;
  color: #b42318;
}
.timesheet-content
  .timesheet-row-table
  .timesheet-table-body
  .row
  .border-left-radius.bg-gray
  h5 {
  border-color: #eaecf0;
  background: #fcfcfd;
  color: #344054;
}
.bg-green span {
  border: 1px solid #abefc6 !important;
  background: #f6fef9 !important;
  color: #067647 !important;
  padding: 2px 8px;
  border-radius: 6px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.bg-red span {
  border: 1px solid #fecdca !important;
  background: #fcfcfd !important;
  color: #b42318 !important;
  padding: 2px 8px;
  border-radius: 6px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.bg-gray span {
  border: 1px solid #eaecf0 !important;
  background: #fcfcfd !important;
  color: #344054 !important;
  padding: 2px 8px;
  border-radius: 6px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.timesheet-content
  .timesheet-row-table
  .timesheet-table-body
  .row
  .border-left-radius
  h5 {
  margin: 0;
  padding: 2px 8px;
  text-align: center;
  border-radius: 6px;
  cursor: pointer;
  border: 1px #eaecf0 solid;
  background: #fcfcfd;
  color: #344054;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  width: fit-content;
}
.timesheet-content .timesheet-row-table .timesheet-table-body .row h5 {
  font-size: 14px;
  color: #0280ea;
  margin: 0;
  font-weight: 500;
}
.bg-gray.border-left-radius {
  border-radius: 4px 0 0 4px;
}
.bg-gray.border-right-radius {
  border-radius: 0 4px 4px 0;
}
.timesheet-table-body .row {
  border-top: 1px solid #f0f4f7;
}
.timesheet-content .timesheet-row-table .timesheet-table-body .row a.close {
  color: #0280ea !important;
  float: none;
  margin-left: 20px;
  font-weight: bold;
  font-size: 20px;
  vertical-align: middle;
}
.timesheet-content
  .timesheet-row-table
  .timesheet-table-body
  .row
  .bg-gray
  h5
  a {
  float: right;
  font-size: 14px;
  margin-top: -2px;
  margin-right: 1px;
}
.timesheet-content .timesheet-row-table .timesheet-table-body .name {
  font-size: 12px;
  color: #757f8a;
  flex: 1;
  word-break: break-word;
  min-width: 0;
}
.timesheet-content .timesheet-row-table .timesheet-table-body .name span {
  color: #a3afbb;
}
.timesheet-row-table .timesheet-table-body + .timesheet-table-head {
  border-top: 1px solid #f0f4f7;
}
.template-action {
  margin: 20px 0;
}
.width-time-11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 11% !important;
  flex: 0 0 11% !important;
  max-width: 11% !important;
}
.width-time-15 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 15% !important;
  flex: 0 0 15% !important;
  max-width: 15% !important;
}
.mr-2-po {
  position: relative;
  left: 2.5%;
}
.mr-2-po1 {
  position: relative;
  left: 3%;
}
.timesheet-content
  .timesheet-row-table
  .timesheet-table-head
  .row
  .width-time-15 {
  padding: 12px 0px;
}
.template-action .btn-default {
  display: inline-block;
  line-height: 42px;
  background: #f9ea65;
  color: #fff;
  border-radius: 6px;
  padding: 0 20px;
  font-size: 14px;
  font-weight: 600;
}
.week_present {
  display: flex;
  margin-bottom: 10px;
}
.week_present .datepicker_present {
  padding-left: 10px;
}
.week_present .btn_email {
  cursor: pointer;
  margin-left: 10px;
  color: #fff;
}
.week_present .fa.fa-plus {
  font-size: 11px !important;
  font-weight: 500;
  border-radius: 4px;
  background: #2c9884;
  padding: 5px;
}
.week_present .fa.fa-times {
  font-size: 11px !important;
  font-weight: 500;
  background: #d43f3a;
  border-radius: 4px;
  padding: 5px;
}
.week_present .remove {
  margin-left: 10px;
  cursor: pointer;
  color: #fff;
}
.week_present .datepicker_present input {
  box-shadow: 0 3px 18px 0 rgb(217 224 230 / 59%);
  background: #fff;
  border: 1px solid #a3afbb;
  border-radius: 6px;
  color: #757f8a !important;
}
.template-action i {
  font-size: 22px;
  vertical-align: middle;
  margin: 0 8px 0 0;
}
.template-action a + a {
  margin-left: 10px;
}
.template-action .btn.border-btn {
  color: #a3afbb;
  border-color: #a3afbb;
  padding: 0 20px;
  font-size: 14px;
  line-height: 42px;
}
.template-action .btn-default:hover {
  color: #fff !important;
  opacity: 0.9;
}
.email-list .table-responsive {
  overflow-x: inherit;
}
#approvalHourPopup .timesheet-table-head h5,
#approvalHourPopup .timesheet-table-body h5 {
  font-size: 11px;
  font-weight: 400;
}
#approvalHourPopup .timesheet-table-body .font-weight-bold {
  font-weight: 500 !important;
  font-size: 12px;
}
.auto-load.text-center,
.auto-load-client.text-center {
  padding: 20px;
  font-size: 14px;
  width: 100%;
}
/* pratik */
li[data-type="custom"] .custom_date-outer .cust-date-range {
  padding: 0;
  padding-right: 30px;
}
li[data-type="custom"] .custom_date-outer .fa-chevron-down {
  position: absolute;
  right: 10px;
  margin: 0;
}
.card-body-graph li[data-type="custom"] input {
  cursor: pointer;
}
.card-body-graph li[data-type="custom"] {
  padding-right: 0;
}
@media (max-width: 1350px) {
  header nav.navbar ul.navbar-nav a.nav-link {
    padding: 15px 0;
  }
  header nav.navbar ul.navbar-nav a.nav-link {
    padding: 20px 0;
    font-size: 14px;
  }
  header nav.navbar ul.navbar-nav a.nav-link i {
    margin: 0 8px 0 0;
    font-size: 13px;
  }
  header nav.navbar .navbar-brand img {
    max-width: 100px;
  }
  header nav.navbar ul.navbar-nav li.nav-item + li.nav-item {
    margin-left: 15px;
  }
}
@media (max-width: 1170px) {
  .container-fluid,
  .container {
    max-width: 100%;
  }
  header .right-div ul.navbar-nav a.nav-link {
    font-size: 0 !important;
  }
  body header .right-div ul.navbar-nav a.nav-link i {
    margin: 0;
  }
  header nav.navbar ul.navbar-nav a.nav-link.upgrade-btn {
    width: 40px;
    height: 40px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .table-responsive {
    white-space: nowrap;
  }
}
@media (max-width: 1024px) {
  .timesheet-page-candidate .dash-header .add-new-company-dropdown {
    display: none;
  }
  .nav-item-desktop {
    display: none !important;
  }
  .nav-item-mobile {
    display: block;
  }
  .all-info-wrap .top-info-wrap .equal-block h2 {
    font-size: 16px;
  }
  body.no-scroll {
    overflow: hidden;
  }
  .data-table .members_list td,
  .data-table .client_list td,
  .client-table.data-table th,
  .candidate-table.data-table th {
    min-width: 380px !important;
    max-width: 380px !important;
  }
  .right-div {
    display: none;
  }
  .search_bar_mobile {
    display: block;
  }
  .dropdown.dash-h-item.add-new-company {
    position: fixed;
    bottom: 4.5rem;
    right: 16px;
    transition: all 0.5s ease-in-out;
    min-height: 0;
  }
  .timesheet-page-admin .dropdown.dash-h-item.add-new-company,
  .timesheet-page-candidate .dropdown.dash-h-item.add-new-company {
    bottom: 90px;
  }
  .dropdown.dash-h-item.add-new-company .dash-head-link {
    padding: 10px;
    margin: 0px;
  }
  .add-new-company .close_fixed,
  .add-new-company.show .plus_fixed,
  .add-new-company .fa-light {
    display: none;
  }
  .desktop_settings {
    display: none !important;
  }
  .dropdown_login_profile.mobile_dropdown_login_profile {
    border-bottom: 1px solid #eaecf0;
    padding: 24px 20px;
    /* bottom: 0%;
position: absolute;  */
    background: #fff;
    display: flex;
    border-top: 1px #ddd solid;
    left: 0;
    justify-content: space-between;
    margin-bottom: 0;
    /* margin-left: 8px;
margin-right: 8px; */
  }
  .dropdown_login_profile .profle-image img {
    margin-right: 12px !important;
  }
  .dropdown_login_profile.mobile_dropdown_login_profile .profle-image {
    display: -webkit-inline-box;
  }
  .dropdown_login_profile.mobile_dropdown_login_profile .dropdown-item {
    width: fit-content;
    padding-right: 0;
  }
  .dropdown_login_profile.mobile_dropdown_login_profile .email_id p {
    margin-bottom: 0;
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .dropdown_login_profile.mobile_dropdown_login_profile .mail-id {
    color: #475467;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
  }
  .btn-logout img {
    width: 20px;
    height: 20px;
  }
  .add-new-company.show .close_fixed,
  .add-new-company .plus_fixed {
    display: block;
  }
  /* .dash-header .dash-head-link.active, .dash-header .dash-head-link:focus, .dash-header .dash-head-link:hover {
background: #f9ea65 !important;
} */
  .header-wrapper .dropdown-menu.show {
    left: 0rem !important;
    right: 5rem;
  }
  .upgrade-btn.dropdown-item.active,
  .upgrade-btn.dropdown-item:active {
    background-color: transparent !important;
  }
  .project-list {
    overflow-x: auto;
  }
  header div#collapsibleNavbar ul.navbar-nav li i {
    display: none;
  }
  .header-cntrl-wrapper {
    flex-wrap: wrap;
  }
  .header-cntrl-wrapper .option-wrapper.ml-3 {
    margin-left: 0 !important;
  }
  .header-cntrl-wrapper .option-wrapper {
    margin: 0 10px 10px 0;
  }
  .header-filterdiv {
    align-items: flex-start !important;
  }
  .navbar-expand-md .navbar-toggler {
    display: block;
    background: #f9ea65;
    width: 40px;
    height: 40px;
    padding: 10px;
    position: absolute;
    right: 15px;
    z-index: 1;
    color: #fff;
  }
  .navbar-expand-md .navbar-collapse {
    display: none !important;
  }
  .navbar-expand-md .navbar-collapse.show {
    display: block !important;
  }
  .navbar-expand-md .navbar-toggler span.navbar-toggler-icon {
    width: auto;
  }
  header .right-div ul.navbar-nav {
    flex-direction: row;
  }
  .project-list-control-wrap .col-md-5 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .project-list-control .d-flex {
    justify-content: flex-end;
  }
  div#collapsibleNavbar {
    justify-content: space-between;
    width: 100%;
    flex-direction: column;
    background: #fff;
    top: 100%;
    left: 0;
    z-index: 100;
    box-shadow: none;
    z-index: 100;
    height: 100%;
    display: flex;
    justify-content: space-between;
  }
  div#collapsibleNavbar ul.navbar-nav li.nav-item {
    width: 100%;
  }
  header nav.navbar div#collapsibleNavbar li.nav-item + li.nav-item {
    margin: 0;
  }
  header nav.navbar div#collapsibleNavbar li.nav-item a {
    padding: 15px;
  }
  header nav.navbar div#collapsibleNavbar li.nav-item a i {
    display: inline-block;
    margin: 0 10px 0 0;
  }
  header nav.navbar div#collapsibleNavbar li.nav-item a.active {
    background: #f9ea65;
    color: #fff !important;
  }
  header nav.navbar ul.navbar-nav a.nav-link i {
    font-size: 22px;
  }
  .project-detail .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .project-detail .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 15px;
  }
  body .tab-wrapper .nav-tabs .nav-link {
    min-width: auto;
    padding: 10px 20px;
    height: auto;
  }
  .tab-data {
    overflow-y: scroll;
    white-space: nowrap;
  }
  .project-setting-left {
    white-space: normal;
  }
  .project-setting-tab-data .project-setting-right {
    white-space: normal;
  }
  header nav.navbar {
    position: initial;
  }
  header {
    position: relative;
  }
  div#collapsibleNavbar ul.navbar-nav {
    height: 100%;
    overflow-y: auto;
    /* padding-bottom: 10rem; */
    overflow-x: hidden;
  }
  div#collapsibleNavbar ul.navbar-nav {
    height: auto%;
    width: 100%;
  }
  .timesheet-content .bg-wrap .timesheet-row-table {
    min-width: 1200px;
  }
  .timesheet-content .bg-wrap {
    overflow-x: auto;
  }
  .timesheet-content .timesheet-row-table .row {
    flex-wrap: nowrap;
    white-space: nowrap;
  }
  .dashboard_navbar.nav-tabs {
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    overflow: scroll;
  }
  .dashboard_navbar.nav-tabs .nav-link {
    padding: 0px 40px;
  }
}
.timesheet-titlediv {
  align-items: center;
}
.timesheet-titlediv-right-outer {
  align-items: flex-end;
}
@media (max-width: 991px) {
  .page-meetings
    .form_select_container
    .select2-container
    .select2-selection--single
    .select2-selection__rendered {
    color: #101828 !important;
  }
  .login-bg #login_form {
    padding: 20px 50px 50px;
  }
  .moblie-company .btn {
    font-size: 12px !important;
    text-align: center;
    padding: 4px 5px !important;
  }
  .project-list-main-info .row .col-md-2 {
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
  .login-bg .form-pg-left {
    padding: 50px 0;
    background-color: #edf1f4;
    height: auto;
  }
  .time-tracker {
    flex-wrap: wrap;
    padding: 15px;
  }
  .time-tracker .left {
    width: 100%;
    text-align: center;
    margin: 0 0 20px 0;
  }
  .time-tracker .right ul {
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
  }
  .time-tracker .right a.close {
    position: absolute;
    top: 15px;
    right: 15px;
  }
  .timetracker_options {
    flex-wrap: wrap;
    margin: 15px 0;
    justify-content: center;
  }
  .page-titlediv .right-div {
    flex-wrap: wrap;
  }
  header.second-header ul.navbar-nav {
    flex-wrap: wrap;
  }
  header.second-header div#collapsibleNavbar {
    margin-top: 30px;
  }
  .link-wrap-div .bg-wrap-shadow {
    padding: 30px 30px;
  }
  footer .top-footer img.footer-logo {
    max-width: 100px;
  }
  /* header {
padding: 10px 0;
} */
  header {
    position: relative;
  }
  .page-title .text h2 {
    font-size: 18px;
    line-height: 18px;
    padding-bottom: 4px;
  }
  .project-detail .white-box ul {
    font-size: 9px;
  }
  .project-detail .white-box ul li + li {
    margin-left: 8px;
  }
}
@media (max-width: 921px) {
  .description-textarea .description-text-form:focus-visible {
    outline: none;
  }
  section.timesheet-page-content .timesheet-page-container {
    padding-top: 24px;
    top: 26px;
  }
  .modal-footer.add_hours .btn.btn-reject {
    margin-left: 0px !important;
  }
  .timesheet-page-container .page-title .text {
    padding-bottom: 8px;
  }
  .rolldate-container header {
    z-index: 999;
  }
  .rolldate-container .rolldate-confirm {
    color: #101828 !important;
  }
  .rolldate-container .rolldate-content {
    top: 80px !important;
    padding-bottom: 2px;
  }
  .rolldate-container .rolldate-btn {
    height: auto !important;
    font-size: 16px;
    padding: 8px 12px !important;
    border-radius: 8px;
  }
  .rolldate-container .rolldate-btn.rolldate-cancel {
    left: 8px !important;
    background: #f2f4f7;
    color: #344054 !important;
  }
  .rolldate-container .rolldate-btn.rolldate-confirm {
    color: #182230 !important;
    background: #f8e965;
    right: 8px;
  }
  .candidate-filter-form-rangebar,
  .company-filter-form {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    border-right: 0 !important;
    margin-right: 0;
    padding-right: 0 !important;
  }
  .ml-21-modal {
    margin-left: 10px;
  }
  .import-csv-form-company.candidate-filter-form,
  .btn-csv-export {
    margin-left: 10px;
  }
  .filter-dropdown-sort {
    margin-left: 1rem;
  }
  .moblie-company .btn {
    padding: 7px 5px !important;
  }
  .moblie-company {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    margin-top: 2.5rem;
    padding-right: 15px !important;
  }
  .candidate-moblie-company {
    margin-left: 5px;
    padding-right: 30px !important;
  }
  .right.col-2.tab-2.d-flex.flex-column.align-items-baseline.pr-0.moblie-company {
    padding-left: 0;
  }
  .dropdown-adresse {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 768px) {
  .login-bg .form-pg-left h1 {
    font-size: 30px;
  }
  .page-meetings .tab-wrapper .tab-content {
    margin-top: 70px;
  }
  .dashboard_navbar.nav-tabs {
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    overflow: scroll;
  }
  /* .page-titlediv {
margin: 0 0 50px 0;
} */
  .dashboard-page .page-titlediv {
    margin: 0px;
  }
  .recent_jobs_table .recent_jobs_table_header a {
    white-space: nowrap;
  }
  .dash-sidebar {
    left: -300px;
    width: 340px;
  }
  span.icon-search-input-menu {
    display: block;
  }
  .search-bar {
    display: none;
  }
  div#collapsibleNavbar ul.navbar-nav li.nav-item {
    display: block;
  }
  .file-preview .file-name {
    width: 200px;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .all-info-wrap {
    margin-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .login-bg #login_form {
    padding: 0px;
  }
  .page-meetings .tab-wrapper .tab-content {
    margin-top: 50px;
  }
  .all-info-wrap .top-info-wrap {
    flex-wrap: wrap;
  }
  .all-info-wrap .top-info-wrap .equal-block {
    width: 100%;
    min-height: 80px;
  }
  .all-info-wrap .top-info-wrap .project-info {
    border-top: 1px solid #ebeff3;
    border-bottom: 1px solid #ebeff3;
    border-left: none;
    border-right: none;
  }
  header .right-div ul.navbar-nav .prfile-login {
    font-size: 0;
  }
  header .right-div ul.navbar-nav .prfile-login .profle-image {
    margin: 0;
  }
  .login-bg .form-pg-left p {
    max-width: 100%;
    font-size: 13px;
  }
  .login-bg .form-pg-left h1 {
    font-size: 26px;
  }
  header {
    padding: 0;
  }
  header nav.navbar .navbar-brand img {
    max-width: 120px;
  }
  .project-list-main-info .row .col-md-2 {
    -ms-flex: 0 0 33.33%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
  }
  .project-list-main-info .total-time,
  .project-list-main-info .total-billable-time {
    justify-content: center;
    margin: 0 0 8px 0;
  }
  .project-list-control .d-flex {
    flex-wrap: wrap;
  }
  .page-titlediv .right-div a.blue-btn {
    width: 100%;
    margin: 10px 0 0 0;
    text-align: center;
  }
  .timetracker_options .select_date_from {
    width: 100%;
    margin: 15px 0;
    justify-content: space-between;
  }
  .timetracker_options .selected_date {
    text-align: center;
    width: 100%;
  }
  .timetracker_options .quaterly_tab {
    margin: 0 auto;
  }
  .week_total {
    width: 100%;
    text-align: center;
    justify-content: center;
  }
  .header-filterdiv .page-title {
    flex-wrap: wrap;
  }
  .header-filterdiv .page-title label.mr-3 {
    width: 100%;
    margin: 0 0 15px 0;
  }
  .plan-tabs ul.nav.nav-tabs {
    flex-wrap: wrap;
  }
  .tab-wrapper ul.nav-tabs li {
    width: 100%;
    margin: 0;
  }
  body .tab-wrapper .nav-tabs .nav-link {
    border-radius: 10px 10px 10px 10px !important;
  }
  .tab-wrapper ul.nav-tabs li + li {
    margin-top: 10px;
  }
  body .tab-wrapper ul.nav-tabs li {
    border-radius: 10px !important;
    margin-right: 0;
  }
  .tab-wrapper .tab-content {
    margin-top: 15px;
  }
  .tab-wrapper .tab-content .tab-header .left {
    width: 100%;
    margin: 0 0 15px 0;
  }
  .tab-wrapper .tab-content .tab-header {
    flex-wrap: wrap;
  }
  body
    .project-setting-tab-data
    .project-setting-right
    .project-setting-inner
    .d-flex {
    flex-wrap: wrap;
  }
  body
    .project-setting-tab-data
    .project-setting-right
    .project-setting-inner
    .form-check {
    width: 100%;
    margin: 0 !important;
  }
  body
    .project-setting-tab-data
    .project-setting-right
    .project-setting-inner
    .form-check
    + .form-check {
    margin-top: 15px !important;
  }
  body
    .project-setting-tab-data
    .project-setting-right
    .project-setting-inner
    label.check-box-container.mr-3 {
    width: 100%;
  }
  .template-action a {
    width: 100%;
    margin: 0 !important;
  }
  .template-action a + a {
    margin-top: 15px !important;
  }
}
/*-----other-css-------*/
.h100vh {
  height: 100vh;
}
h2.login-title {
  font-size: 24px;
  text-align: center;
  color: #364458;
  margin-bottom: 50px;
}
.login-form {
  border-radius: 8px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-clip: padding-box;
  outline: 0;
  max-width: 360px;
  margin: auto;
}
#login_form {
  padding: 80px 0px 0px;
}
.login-form .login-or {
  position: relative;
  color: #aaa;
  padding: 10px 0;
}
.login-form .login-or .span-or {
  display: block;
  position: absolute;
  left: 50%;
  top: 33px;
  margin-left: -25px;
  background-color: #fff;
  width: 48px;
  text-align: center;
  font-size: 12px;
  color: #cfcfcf;
}
.login-form .login_ind_r {
  margin: 0;
  color: #101828;
  line-height: 38px;
  font-size: 28px;
  font-weight: 600;
  padding-bottom: 12px;
}
.login_logo {
  width: 180px;
  /* margin-left: 50px; */
}
.login_logo_mini {
  display: none;
}
.login-form p.note {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  color: #475467;
  margin-bottom: 32px;
  text-align: center;
}
.login-form p.do-not-account {
  margin-bottom: 0px;
  margin-top: 32px;
}
.do-not-account {
  width: 100% !important;
  text-align: center;
}
.do-not-account span {
  color: #475467;
  font-weight: 400;
}
#login_form a.fp-link .fa-question-circle {
  margin-right: 8px;
}
.login-form .form-check {
  font-size: 12px;
  display: flex;
  align-items: center;
  color: #364458;
  font-weight: 500;
  margin: 0;
  display: none;
}
a.fp-link {
  color: #175cd3;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
}
.login-form .form-check input.form-check-input {
  height: 16px;
  width: 16px;
  line-height: 16px;
  margin-top: 0;
}
.form-control {
  font-size: 13px;
  line-height: 30px;
  height: 50px;
  border-radius: 6px;
}
.form-control:-internal-autofill-selected {
  background-color: #fff !important;
}
button.btn-block {
  padding: 11px 12px;
  font-size: 12px;
  border-radius: 8px;
  background-color: #f9ea65;
  border-color: #f9ea65;
}
.login-form .google-btn {
  width: 100%;
  color: #cfcfcf;
  border: 1px solid #d9e2ec;
  font-size: 12px;
  padding: 14px 12px;
  width: 100%;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-weight: 500;
  transition: all ease 0.3s;
}
.login-form .google-btn img {
  position: absolute;
  left: 12px;
  top: 12px;
}
.login-form .google-btn:hover {
  text-decoration: none;
  color: #f9ea65;
  border: 1px solid #f9ea65;
}
.login-bg {
  background-image: url(../images/Login-bg.png);
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
/**Dashboard**/
.header-cntrl-wrapper {
  display: flex;
  align-items: center;
}
.responshive-datepicker {
  display: none !important;
}
.header-cntrl-wrapper select.form-control,
.search-area input {
  background-color: transparent;
  background: transparent;
  border-color: #a3afbb;
  border-radius: 6px;
  padding: 6px 12px 6px 8px;
  font-weight: 500;
  color: #757f8a;
  font-size: 12px;
  height: 34px !important;
}
.header-cntrl-wrapper select.form-control {
  cursor: pointer;
}
.header-cntrl-wrapper select.form-control:focus {
  box-shadow: none;
}
.header-cntrl-wrapper .next-pre-control {
  display: flex;
  align-items: center;
}
.header-cntrl-wrapper .next-pre-control .border-box {
  font-size: 14px;
  cursor: pointer;
}
.white-box {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 5px 38px 0 rgb(217 224 230 / 0.29);
  height: 100%;
}
.all-info-wrap .top-info-wrap {
  display: flex;
  border-bottom: 1px solid #ebeff3;
}
.all-info-wrap .top-info-wrap .equal-block {
  width: 33.33%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  min-height: 130px;
  padding: 15px;
  text-align: center;
}
.all-info-wrap .top-info-wrap .equal-block p {
  color: #a3afbb;
  font-size: 12px;
  margin-bottom: 0;
  font-weight: 600;
  width: 100%;
  text-align: center;
}
.all-info-wrap .top-info-wrap .equal-block h2 {
  color: #364458;
  font-size: 18px;
  font-weight: 600;
}
.all-info-wrap .top-info-wrap .project-info {
  border-left: 1px solid #ebeff3;
  border-right: 1px solid #ebeff3;
}
.all-info-wrap p.title {
  font-size: 10px;
  color: #757f8a;
  text-transform: uppercase;
  padding: 15px 20px;
  margin: 0;
}
.all-info-wrap .project-progress-wrap {
  box-shadow: 0 5px 38px 0 rgb(217 224 230 / 0.29);
}
.all-info-wrap .project-progress-wrap .row {
  padding: 20px 10px;
  border-top: 1px solid #ebeff3;
  margin: 0 !important;
}
.all-info-wrap .project-progress-wrap .row .name p {
  font-size: 12px;
  line-height: 12px;
}
.all-info-wrap .project-progress-wrap .row .name p span {
  color: #a3afbb;
}
.all-info-wrap .project-progress-wrap .row .progress {
  height: 24px;
}
.all-info-wrap .project-progress-wrap .row p {
  color: #757f8a;
  font-size: 12px;
}
.all-info-wrap .project-progress-wrap .row .progress-bar-wrap {
  /*display: flex;*/
  align-items: center;
  width: 100%;
}
.all-info-wrap .project-progress-wrap .row .progress .lightblue {
  background-color: #f9ea65;
}
.all-info-wrap .project-progress-wrap .row .progress .blue {
  background-color: #011c4b;
}
.all-info-wrap .project-progress-wrap .row .progress .red {
  background-color: #f54337;
}
.tracker-all-info .time-tracker {
  margin-top: 30px;
}
.all-info-wrap .bar-chart-wrap {
  padding: 20px;
}
.all-info-wrap .pie-chart-wrap .pie-chart-block {
  padding: 20px;
}
.more-activity-wrap .title {
  font-size: 10px;
  color: #757f8a;
  text-transform: uppercase;
  margin: 0;
  padding: 12px 15px;
}
.more-activity-wrap select.form-control {
  border: none;
  width: inherit;
  font-size: 10px;
  text-transform: uppercase;
  padding: 0 12px;
  height: 25px !important;
}
.more-activity-wrap select.form-control:focus {
  box-shadow: none;
}
.more-activity-wrap .trace-time {
  padding: 18px;
  font-size: 12px;
  font-weight: 500;
  border-top: 1px solid #ebeff3;
}
.more-activity-wrap .trace-time .name p,
.more-activity-wrap .trace-time .time {
  color: #757f8a;
}
.more-activity-wrap .trace-time .name p span {
  color: #a3afbb;
}
.more-activity-wrap .total {
  font-size: 12px;
  font-weight: 500;
  color: #757f8a;
  padding: 18px;
  background-color: #fbfbfb;
}
.more-activity-wrap .total .total-time {
  font-size: 16px;
  font-weight: 600;
  color: #f9ea65;
}
.tracker-all-info > .row {
  align-items: self-end;
}
.page-company-profile-edit.modal-open
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  line-height: 15px;
  padding-left: 0px;
}
.page-company-profile-edit.modal-open
  #remove-candidate
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  line-height: 28px;
}
.page-company-profile-edit.modal-open
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  left: 40%;
  margin-left: 0px;
  margin-top: 0;
  top: 56%;
}
.page-company-profile-edit.modal-open
  #remove-candidate
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  left: 36%;
  top: 60%;
}
.help-section {
  padding: 8px;
  border-radius: 10px;
  margin-top: 30px;
  font-size: 12px;
  color: #fff;
  background-color: #f9ea65;
}
.help-section .icon-box {
  background-color: #fff;
  color: #f9ea65;
  margin-right: 10px;
}
/**Projects**/
label {
  font-size: 10px;
  line-height: 10px;
  color: #757f8a;
  margin: 0;
}
.btn-primary {
  border-radius: 8px;
  padding: 8px 12px;
}
.light-blue {
  color: #101828 !important;
}
.blue {
  color: #011c4b;
}
.red {
  color: #f54337;
}
.active {
  color: #101828 !important;
}
.search-area {
  position: relative;
}
.search-area i {
  position: absolute;
  color: #b4bec9;
  left: 26px;
  top: 10px;
  font-size: 14px;
}
.search-area input {
  padding-left: 34px;
}
.btn-primary:hover {
  color: #000 !important;
  background-color: #daca60 !important;
  border-color: #daca60 !important;
  transition: 0.5s ease;
}
.header-filterdiv button {
  font-size: 12px;
  height: 34px;
}
.project-list {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 5px 38px 0 rgb(217 224 230 / 0.29);
  margin-bottom: 15px;
}
.project-list-main-info {
  padding: 12px;
  box-shadow: 0 18px 38px 0 rgb(217 224 230 / 0.49);
}
.project-list-main-info .total-time,
.project-list-main-info .total-billable-time {
  font-size: 16px;
  color: #66707b;
  display: flex;
  align-items: center;
}
.project-list-main-info .total-amount {
  color: #005cbf;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 600;
}
.custom-switch .switch {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 15px;
}
.custom-switch .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.custom-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #edf1f4;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.custom-switch .slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 1px;
  background-color: #f9ea65;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.custom-switch input:checked + .slider {
  background-color: #f9ea65;
}
.custom-switch input:focus + .slider {
  box-shadow: 0 0 1px #f9ea65;
}
.custom-switch input:checked + .slider:before {
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
  background-color: #fff;
}
.custom-switch .slider.round {
  border-radius: 50px;
}
.custom-switch .slider.round:before {
  border-radius: 50%;
}
.project-list-control {
  display: flex;
  align-items: center;
  padding: 8px;
  margin-bottom: 30px;
}
.project-list-control select.form-control {
  border: none;
  color: #757f8a;
  font-size: 10px;
  border-radius: 0;
  cursor: pointer;
}
.project-list-control select.form-control:focus {
  box-shadow: none;
}
.project-list-control a {
  font-size: 20px;
  color: #a3afbb;
}
.project-list-control a i {
  color: #a3afbb;
  transition: all ease 0.3s;
}
.project-list-control a:hover i {
  color: #0056b3;
}
.project-list-control select.form-control,
.project-list-control a,
.project-list-control .custom-switch {
  padding: 0 16px;
  height: 34px !important;
}
.project-list-control a,
.project-list-control .custom-switch {
  border-left: 1px dotted #969696;
}
.project-list-control .rounding {
  border-right: 1px dotted #969696;
}
.project-list-control .export {
  margin-right: 10px;
}
/**datatable**/
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
  display: none;
}
.data-table {
  margin: 0;
}
.data-table th {
  font-size: 12px;
  /*line-height: 10px;*/
  color: #757f8a;
  text-transform: capitalize;
  font-weight: 600;
  border-bottom: none !important;
  line-height: 20px;
}
.email-list-table th.th-sm.pl-4 {
  text-align: right;
}
.email-list-table tr td {
  width: 80%;
}
.data-table tr td {
  font-size: 12px;
  color: #757f8a;
  font-weight: 500;
  vertical-align: middle;
  border-top: 1px solid #ebeff3;
  line-height: 28px;
}
.data-table tr td.unpointed_td {
  padding-right: 0;
}
/* .project-list .data-table thead th {
width: 80%;
} */
.data-table tr td .name {
  text-decoration: none;
  /* pointer-events: none; */
}
.data-table tr td .name span {
  cursor: pointer;
}
.btn.focus,
.btn:focus {
  outline: 0;
  box-shadow: none;
}
.pipeline-container .card-body::-webkit-scrollbar,
.main-wrapper .navbar-collapse::-webkit-scrollbar,
.scroll-noter::-webkit-scrollbar,
#add_hours
  .select-day-type-outer
  .dropdown-menu.day-view.show::-webkit-scrollbar,
.active-candidates-count .div-active-candidates::-webkit-scrollbar,
.applicants_tabs_tab
  .todo_content
  .todo_item
  .todo_item_text::-webkit-scrollbar,
#subscriptionModal .modal-body::-webkit-scrollbar {
  width: 4px;
  height: 2px;
  opacity: 0;
}
.horizontal-scroll-cards::-webkit-scrollbar {
  height: 6px;
  opacity: 0;
}
.horizontal-scroll-cards::-webkit-scrollbar:hover,
.pipeline-container .card-body::-webkit-scrollbar:hover,
.main-wrapper .navbar-collapse::-webkit-scrollbar:hover,
#add_hours
  .select-day-type-outer
  .dropdown-menu.day-view.show::-webkit-scrollbar,
#subscriptionModal .modal-body::-webkit-scrollbar:hover {
  opacity: 1;
}
.horizontal-scroll-cards::-webkit-scrollbar-track,
.pipeline-container .card-body::-webkit-scrollbar-track,
.main-wrapper .navbar-collapse::-webkit-scrollbar-track,
#add_hours
  .select-day-type-outer
  .dropdown-menu.day-view.show::-webkit-scrollbar-track,
.active-candidates-count .div-active-candidates::-webkit-scrollbar-track,
.applicants_tabs_tab
  .todo_content
  .todo_item
  .todo_item_text::-webkit-scrollbar-track,
#subscriptionModal .modal-body::-webkit-scrollbar-track {
  background: transparent;
}
.horizontal-scroll-cards::-webkit-scrollbar-thumb,
.pipeline-container .card-body::-webkit-scrollbar-thumb,
.main-wrapper .navbar-collapse::-webkit-scrollbar-thumb,
#add_hours
  .select-day-type-outer
  .dropdown-menu.day-view.show::-webkit-scrollbar-thumb,
.active-candidates-count .div-active-candidates::-webkit-scrollbar-thumb,
.applicants_tabs_tab
  .todo_content
  .todo_item
  .todo_item_text::-webkit-scrollbar-thumb,
#subscriptionModal .modal-body::-webkit-scrollbar-thumb {
  background: #dcdaeb;
}
.horizontal-scroll-cards::-webkit-scrollbar-thumb:hover,
.main-wrapper .navbar-collapse::-webkit-scrollbar-thumb:hover,
.pipeline-container .card-body::-webkit-scrollbar-thumb:hover {
  background: #f9ea65;
}
.candidate-filter-form-rangebar-ty .col-lg-6.form-group,
.candidate-filter-form-rangebar-ty .range-value-track {
  padding-left: 0;
}
.data-table .email_list td .client {
  padding: 5px 0 5px 12px;
  text-align: center;
}
.data-table tr td .status {
  padding: 0 0 0 12px;
  border-left: 1px dotted #969696;
}
.data-table tr td .status .graph-icon i {
  font-size: 22px;
  color: #a3afbb;
}
.data-table tr td .status .hrs small {
  color: #c7c7c7;
  font-size: 12px;
  line-height: 8px;
}
.data-table tr td .status .hrs p {
  line-height: 12px;
}
.data-table tr td .access {
  padding: 5px 0 5px 12px;
  border-left: 1px dotted #969696;
}
.data-table tr td .action {
  font-size: 18px;
  line-height: 18px;
}
.data-table tr td .action .d-flex.align-items-center {
  justify-content: end;
}
.data-table tr td .action a:hover i {
  color: #f9ea65;
}
.data-table tr td .action i {
  margin: 0 12px;
  color: #a3afbb;
  transition: all ease 0.3s;
}
.data-table tr td .action .star,
.data-table tr td .action .move {
  border-left: 1px dotted #969696;
  padding: 5px 5px;
}
.data-table tr td .action a {
  border-right: 1px dotted #969696;
  padding: 5px 5px;
}
.data-table tr td .action .member_remove {
  border-right: 0px dotted #969696;
}
/* .tab-wrapper {
} */
.tab-wrapper ul.nav-tabs li,
.tab-wrapper .tab-content {
  background-color: #fff;
}
.tab-wrapper ul.nav-tabs li {
  font-size: 14px;
  margin-right: 10px;
  border-radius: 10px 10px 0px 0px !important;
}
.tab-wrapper .tab-content {
  box-shadow: 0px 5px 28px 0 rgb(217 224 230 / 56%);
  border-radius: 0px 10px 10px 10px;
}
.tab-wrapper .nav-tabs .nav-link,
.tab-wrapper .nav-tabs {
  border: none;
  color: #b7bdc2;
  font-weight: 500;
}
.tab-wrapper .nav-tabs .nav-link.active {
  color: #364458 !important;
  position: relative;
  z-index: 9;
  border-radius: 10px 10px !important;
}
.tab-wrapper .nav-tabs .nav-link {
  height: 55px;
  min-width: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tab-wrapper .tab-content .container {
  padding: 0 !important;
  box-shadow: -1px -4px 38px 0 rgb(217 224 230 / 0.49);
  position: relative;
}
.tab-wrapper .tab-content .tab-header {
  padding: 12px 20px;
  box-shadow: 0 18px 38px 0 rgb(217 224 230 / 0.49);
}
.tab-wrapper .tab-content .tab-header h5 {
  font-size: 18px;
  color: #364458;
}
.tab-wrapper .tab-content .tab-data {
  width: 100%;
  overflow: auto;
}
.form-control {
  height: 34px !important;
}
.data-table tr td .action p.time-estimate {
  border-left: 1px dotted #969696;
  padding: 5px 5px;
  font-size: 12px;
  width: 75px;
  padding: 5px 10px;
}
.data-table tr td .assignee,
.data-table tr td .side-border {
  padding: 5px 12px;
  border-left: 1px dotted #c7c7c7;
}
.data-table tr td .assignee select.form-control {
  background-color: #c6dbec !important;
  color: #fff;
  border: none;
  height: 22px !important;
  padding: 0 12px;
  width: auto !important;
}
.data-table tr td .assignee select.form-control:focus {
  box-shadow: none;
}
.data-table th span.lower-case {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.data-table tr td .action p.role {
  border-left: 1px dotted #969696;
  padding: 5px 5px;
  font-size: 12px;
  padding: 5px 10px;
}
.tab-wrapper .tab-content .tab-header h5 {
  font-size: 18px;
  color: #364458;
  margin-bottom: 0px;
  font-weight: 600;
}
.tab-wrapper .tab-content .tab-header p {
  font-size: 12px;
  color: #a2aec0;
  margin-bottom: 7px;
}
.tab-wrapper .tab-content .tab-header .tab-header-intro {
  margin-bottom: 10px;
}
.tab-wrapper .tab-content .tab-header .add-member-area {
  padding: 10px 20px 0 20px;
  margin: 0 -20px;
}
.tab-wrapper .tab-content .tab-header .add-member-area a {
  text-decoration: none;
  font-size: 12px;
  color: #f9ea65;
  font-weight: 500;
  transition: all ease 0.5s;
}
.tab-wrapper .tab-content .tab-header .add-member-area a:hover {
  color: #364458;
}
/*Radio Button*/
.radio-container {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 0px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-transform: capitalize;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.radio-container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #eee;
  border-radius: 50%;
}
.radio-container:hover input ~ .checkmark {
  background-color: #ccc;
}
.radio-container input:checked ~ .checkmark {
  background-color: #28a745;
}
.radio-container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.radio-container input:checked ~ .checkmark:after {
  display: block;
}
.radio-container .checkmark:after {
  top: 5px;
  left: 5px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}
.introjs-progress {
  display: none;
}
.introjs-bullets ul li {
  display: none;
}
.introjs-bullets {
  text-align: center;
  padding-top: 0 !important;
  padding-bottom: 0px !important;
}
.row.bording_high {
  padding-bottom: 20px;
}
/*Check-Box*/
.check-box-container {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 16px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.check-box-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.bording_high {
  padding-bottom: 12px;
  margin-left: 10px;
}
.job_matches .job_matches_header h3 {
  font-size: 18px;
  color: #182230;
  font-weight: 500;
  margin-bottom: 16px;
  line-height: 28px;
  margin-top: 0;
}
.job_matches .job_matches_item {
  padding: 16px;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  margin-bottom: 12px;
}
.job_matches .job_matches_item_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.job_matches .job_matches_item_header h4 {
  font-size: 14px;
  color: #475467;
  font-weight: 400;
  line-height: 20px;
  margin: 0px;
}
.job_matches_score {
  margin-top: 0px;
}
.dashboard-candidate .border-right-dashboard {
  border-right: 1px #eaecf0 solid;
  padding: 0px 24px 40px 8px;
}
.custom_date-outer .cust-date-range::placeholder,
.custom_date-outer .cust-date-range {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #182230;
  box-shadow: none;
  background: transparent;
}
.dashboard_candidate_col {
  padding: 0px 12px 40px;
}
.dashboard-page section.page-content {
  padding: 40px 0px;
}
/* .dashboard-candidate section.page-content {
padding: 0px;
} */
.job_matches .job_matches_score .percentage {
  font-weight: 400;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 18px;
  color: #067647;
  background-color: #ecfdf3;
  border: 1px solid #abefc6;
  border-radius: 16px;
  padding: 2px 8px;
  width: auto;
  text-align: center;
}
.job_matches .job_matches_score.orange .percentage {
  color: #b54708;
  background-color: #fffaeb;
  border: 1px solid #fedf89;
}
.job_matches .job_matches_item_content p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  margin: 8px 0;
  /*     width: 300px; */
}
.job_matches .job_matches_item_footer {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #eaecf0;
  padding-top: 8px;
}
.job_matches .job_matches_price .hours {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  color: #079455;
  font-weight: 500;
}
.job_matches .job_matches_link a,
.job_matches .job_matches_link a:hover {
  display: flex;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  text-decoration: none;
  gap: 6px;
  color: #175cd3;
}
.job_matches .job_matches_link:hover img {
  filter: invert(90%) sepia(100%) saturate(634%) hue-rotate(342deg)
    brightness(136%) contrast(97%);
}
.job_matches .job_matches_item:hover {
  border-color: #f9ea65;
}
.job_matches .job_matches_link a img {
  width: 20px;
  margin-right: 0px !important;
}
/* ====================== Modal slide animation css ==================== */
/* .show.leftToslide #editCandidateDetails,.show.leftToslide #editCompanyDetails{
animation-duration: 0.2s;
animation-fill-mode: both;
animation-name: leftToslide
}
.show.rightToleft #editCandidateDetails,.show.rightToleft #editCompanyDetails{
animation-duration: 0.2s;
animation-fill-mode: both;
animation-name: rightToleft
}
*/
#edit-candidate-modal button.prev-navigation,
#edit-candidate-modal button.next-navigation,
#edit-candidate-modal button.prev-navigation:focus,
#edit-candidate-modal button.next-navigation:focus,
#edit-company-modal button.prev-navigation,
#edit-company-modal button.next-navigation,
#edit-company-modal button.prev-navigation:focus,
#edit-company-modal button.next-navigation:focus {
  background: transparent;
  font-size: 45px !important;
  width: 50px;
  height: 50px;
  line-height: 0;
  padding: 0;
  box-shadow: none;
  color: #fff;
}
#edit-candidate-modal button.prev-navigation,
#edit-candidate-modal button.prev-navigation:focus,
#edit-company-modal button.prev-navigation,
#edit-company-modal button.prev-navigation:focus {
  position: absolute;
  left: 0;
  top: 50%;
}
#edit-candidate-modal button.next-navigation,
#edit-candidate-modal button.next-navigation:focus,
#edit-company-modal button.next-navigation,
#edit-company-modal button.next-navigation:focus {
  position: absolute;
  right: 0;
  top: 50%;
}
/* #edit-candidate-modal .modal-controll,#edit-company-modal .modal-controll {
position: sticky;
height: fit-content;
left: 0;
top: 0;
bottom: 50%;
right: 0;
margin: auto;
display: flex;
justify-content: space-between;
width: 95%;
z-index: -1;
} */
#edit-candidate-modal .modal-controll,
#edit-company-modal .modal-controll {
  position: inherit;
  height: fit-content;
  left: 0;
  top: 50%;
  right: 0;
  margin: auto;
  display: block;
  /* justify-content: space-between; */
  /*     width: auto; */
  z-index: 99;
}
.input-content-warp .avtar-upload-area .cv-link {
  background: #dddddd70;
  padding: 10px;
}
.avtar-upload-cv-second {
  margin-bottom: 1rem;
  position: relative;
}
div#avtar-upload-cv-second {
  background: #f6f6f6;
  border: 1px solid #e9e9e9;
  margin: 0px 0px 10px;
  padding: 10px 4rem 10px 1rem;
  position: relative;
}
.avtar-upload-cv-second .form-control {
  cursor: pointer;
}
.avtar-upload-cv-second-input {
  width: 100%;
}
.avtar-upload-cv-second-input {
  outline: 0;
}
.avtar-upload-cv-second:hover .close-avtar-upload-cv-second {
  display: block;
}
.close-avtar-upload-cv-second {
  border: none;
  background: transparent;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 20px;
  cursor: pointer;
  display: none;
}
.close-avtar-upload-cv-second:focus {
  outline: 0;
}
.input-content-warp .avtar-upload-area .cv-link:hover {
  background: transparent;
  color: #000 !important;
  font-weight: 600;
  text-decoration: underline;
}
#edit-candidate-modal button.next-navigation,
#edit-company-modal button.next-navigation {
  float: right;
}
@keyframes leftToslide {
  from {
    opacity: 0;
    transform: translateX(20%);
  }
  to {
    opacity: 1;
    /* transform: translateX(100%); */
  }
}
@keyframes rightToslide {
  from {
    opacity: 0;
    transform: translateX(-20%);
  }
  to {
    opacity: 1;
    /* transform: translateX(100%); */
  }
}
/*======================================== job-section ====================================*/
.pipeline-container.kanban-wrapper > .col {
  width: 330px;
  flex: 0 0 auto;
}
.kanban-wrapper {
  position: relative;
  flex-wrap: nowrap;
}
.horizontal-scroll-cards {
  overflow-x: auto;
  overflow-y: hidden;
}
.horizontal-scroll-cards.row {
  --bs-gutter-x: 0rem;
  --bs-gutter-y: 0;
  display: flex;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.pipeline-container {
  padding-top: 15px;
}
.pipeline-container .card-body {
  max-height: 570px;
  overflow-y: auto;
}
.pipeline-container .card-body .list-inline .fa {
  font-weight: 400;
  font-size: 14px;
}
.pipeline-container .card-body.kanban-box .card .card-body {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.pipeline-container .card-body .list-inline .list-inline-item {
  display: block;
  padding-bottom: 0.5rem;
  font-size: 14px;
  width: 230px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
.pipeline-container .card-header h4 {
  font-weight: 700;
  font-size: 14px;
  color: #101828;
}
.pipeline-container .card-header h5 a:hover {
  color: #000 !important;
}
.pipeline-container .dropdown-item:hover {
  color: #000 !important;
  text-decoration: none;
  background-color: #f9ea65;
  opacity: 1 !important;
}
.pipeline-container .card-header-right .dropdown-menu {
  padding: 10px 10px;
  left: -2rem !important;
}
.pipeline-container .card-header-right .dropdown-item {
  padding: 0px 4px;
  border-radius: 0.25rem;
  font-size: 15px;
  opacity: 0.7;
  background: transparent;
}
/* #reject-applicant .modal-header{
border-bottom:none;
} */
#reject-applicant .modal-footer {
  border-top: none;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-top: 16px;
}
.component-settings .nav > li > a {
  color: #000;
}
.conform-btn.text-right {
  margin-top: 1rem;
}
.list-inline-item:not(:last-child) {
  margin-right: 0;
}
.formio-component .list-group-striped .list-group-header .row {
  flex-wrap: nowrap;
}
/*#reject-applicant .modal-footer .btn {
padding: 6px 25px;
}*/
#reject-applicant .modal-footer .btn-secondary {
  background: none;
  border: 1px #000 solid;
  color: #000;
}
#reject-applicant .modal-footer .btn-primary {
}
#reject-applicant .modal-body P {
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 0;
}
.pipeline-container .card-header-right .dropdown-item i {
  font-size: 13px;
}
.pipeline-container.kanban-wrapper .card {
  position: relative;
}
.pipeline-container.kanban-wrapper .card {
  box-shadow: 0 6px 30px rgba(182, 186, 203, 0.3);
  margin-bottom: 24px;
  transition: box-shadow 0.2s ease-in-out;
}
.pipeline-container.kanban-wrapper .card .card-header {
  border-bottom: 1px solid #f1f1f1 !important;
}
.pipeline-container.kanban-wrapper .float-end {
  float: right !important;
}
.pipeline-container.kanban-wrapper .card-header {
  /*     padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); */
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
  padding-left: 1rem;
  padding-right: 1rem;
}
.pipeline-container.kanban-wrapper .card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius)
    var(--bs-card-inner-border-radius) 0 0;
}
.pipeline-container.kanban-wrapper .card .card-body .card {
  cursor: move;
}
.pipeline-container.kanban-wrapper .card {
  --bs-card-spacer-y: 25px;
  --bs-card-spacer-x: 25px;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-border-width: 0px;
  --bs-card-border-color: rgba(0, 0, 0, 0.125);
  --bs-card-border-radius: 10px;
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(10px - 0px);
  --bs-card-cap-padding-y: 25px;
  --bs-card-cap-padding-x: 25px;
  --bs-card-cap-bg: transparent;
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: #ffffff;
  --bs-card-img-overlay-padding: 1.25rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}
.card-header-right .fa {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}
.card .card-header .card-header-right .btn.dropdown-toggle {
  border: none;
  background: transparent;
  box-shadow: none;
  padding: 0;
  width: 20px;
  height: 20px;
  right: 0px;
  top: 3px;
}
.pipeline-container .card-header h5 a {
  font-size: 14px;
  width: 216px;
  display: block;
}
.card-header-right .dropdown-toggle::after {
  display: none;
}
.card-header-right .dropdown-menu {
  padding: 15px 0;
  box-shadow: 0 4px 24px 0 rgba(62, 57, 107, 0.18);
  border: none;
  right: 0;
  left: inherit !important;
}
.ms-2 {
  margin-left: 0.5rem !important;
}
.ms-3 {
  margin-right: 0.5rem !important;
}
.card .card-header .card-header-right {
  right: 10px;
  top: 10px;
  float: right;
  padding: 0;
  position: absolute;
}
.formbuilder {
  flex-direction: row-reverse;
}
.formbuilder .col-md-10 {
  flex: 0 0 74%;
  max-width: 74%;
}
.formbuilder .col-md-2 {
  flex: 0 0 26%;
  max-width: 26%;
}
#formio-builder .collapse {
  display: block !important;
  margin: 0px 0px 10px;
}
.formio .card .drag-copy {
  background: #ffffff;
  width: 48%;
  float: left;
  margin-right: 10px;
  padding: 10px;
  color: #524f4f;
  border: 1px #cdcdcd solid;
  border-radius: 7px;
  font-size: 15px;
  margin-bottom: 10px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.formio .card .drag-copy:nth-child(n) {
  margin-right: 5px;
}
.builder-sidebar_search {
  display: none;
}
#formio-builder .fa {
  font-family: "Font Awesome 5 Pro";
}
#formio-builder .formio .accordion .form-builder-panel:nth-child(1),
#formio-builder .formio .accordion .form-builder-panel:last-child {
  border-bottom: 0;
  position: relative;
  display: none;
}
#formio-builder .form-control {
  height: 42px !important;
  line-height: 0;
}
#formio-builder .form-control:focus {
  box-shadow: none;
}
#formio-builder .formio-component button,
.tab-content .btn.btn-primary.pull-left.mt-2 {
  padding: 8px 25px;
  border: 1px #f9ea65 solid;
  background: #f9ea65;
  color: #000;
  margin-top: 16px;
  font-weight: 600;
}
#formio-builder .formio-component button {
  background: #e6dd90;
  border: 1px #e6dd90 solid;
  font-size: 0 !important;
  /*      display: none; */
}
.tab-content .btn.btn-primary.pull-left.mt-2 {
  margin-bottom: 4rem !important;
}
#formio-builder .formio-component button:hover,
.tab-content .btn.btn-primary.pull-left.mt-2:hover {
  background: transparent !important;
  text-decoration: none;
  color: #000 !important;
  border-color: #000;
}
#formio-builder .card {
  border: none;
}
#formio-builder .card .card-header {
  background-color: transparent;
}
#formio-builder .card .card-header button {
  font-size: 15px !important;
  color: #364458;
  font-weight: 600;
  background-color: transparent;
  border-color: transparent;
}
#formio-builder .choices__list--multiple .choices__item {
  display: flex !important;
  background-color: #dddddd !important;
  border: 0px solid #00a5bb !important;
  color: #000 !important;
  line-height: 2 !important;
  height: 28px !important;
}
#formio-builder
  .formio-component
  .choices[data-type*="select-multiple"]
  button.choices__button,
#formio-builder
  .formio-component
  .choices[data-type*="text"]
  button.choices__button {
  display: flex !important;
  margin-top: -7px !important;
  margin-right: -4px !important;
  padding-left: 0px !important;
  width: 1px !important;
  border: none !important;
  background-color: #000;
  margin: 0 -4px -7px 8px;
}
#formio-builder
  .formio-component
  .choices[data-type*="select-multiple"]
  button.choices__button {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==) !important;
  background-repeat: no-repeat;
  background-size: 9px;
  background-position: 7px;
}
#formio-builder
  .formio-component
  .choices[data-type*="select-multiple"]
  button.choices__button:hover {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==) !important;
  background-repeat: no-repeat !important;
  background-size: 9px !important;
  background-position: 7px !important;
  background-color: #000 !important;
}
#formio-builder .choices__list--multiple {
  display: inline-flex !important;
}
/* #formio-builder #group-layout, div#heading-custom {
margin: 10px 0px;
display: none !important;
} */
.job-details-section .form-control,
.job-details-section .select2-container .select2-selection--single,
.job-details-section
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  height: 40px !important;
}
.job-details-section
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  line-height: 40px;
}
.job-details-section
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  top: 80%;
}
.page-job-create
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  top: 50%;
}
.job-details-section .form-group textarea {
  min-height: 250px;
  padding: 30px;
}
.job-details-section .form-control:focus {
  color: #495057;
  background: none;
  /*border-color:#050a30;*/
  outline: 0;
  box-shadow: none;
}
.job-details-section .note-editor.note-frame .note-statusbar .note-resizebar {
  display: none;
}
.job-details-section
  .note-editor.panel-default
  .modal-dialog
  .modal-footer
  .btn-primary.disabled {
  color: #fff;
  background-color: #f9ea65;
  border-color: #f9ea65;
  padding: 8px 25px;
  border: 1px #f9ea65 solid;
  background: #f9ea65;
  color: #000;
  font-weight: 600;
}
.job-details-section .note-editable.panel-body {
  height: 250px !important;
}
.job-details-section .note-editor .note-toolbar.panel-heading {
  background-color: rgba(0, 0, 0, 0.02);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.job-details-section label {
  font-size: 13px;
  line-height: 20px;
  color: #202124;
  font-weight: 500;
  margin-bottom: 10px;
  pointer-events: none;
}
/* ===================================================================== */
.check-box-container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #eee;
}
.check-box-container:hover input ~ .checkmark {
  background-color: #ccc;
}
.check-box-container input:checked ~ .checkmark {
  background-color: #28a745;
}
.check-box-container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.check-box-container input:checked ~ .checkmark:after {
  display: block;
}
.check-box-container .checkmark:after {
  left: 6px;
  top: 2px;
  width: 6px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*Avtar-upload-area*/
.avtar-upload-area {
  display: flex;
  align-items: center;
}
.avtar-upload-area .profile-pic {
  max-width: 200px;
  max-height: 200px;
  display: block;
}
.avtar-upload-area .file-upload {
  display: none;
}
.avtar-upload-area .circle {
  border-radius: 1000px !important;
  overflow: hidden;
  width: 100px;
  height: 100px;
  position: relative;
  background-color: #f1f5f9;
}
.avtar-upload-area .circle .text-img {
  font-size: 44px;
  font-weight: 700;
  color: #ced7df;
  text-transform: uppercase;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.avtar-upload-area img {
  width: 50%;
  height: auto;
  -webkit-filter: drop-shadow(5px 5px 5px #222);
  filter: drop-shadow(5px 5px 5px #222);
}
.avtar-upload-area .p-image {
  margin-left: 20px;
  position: relative;
}
.avtar-upload-area .p-image:hover {
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.bill-rate .input-group {
  width: 130px;
}
.bill-rate input:focus {
  box-shadow: none;
}
.input-group-append {
  height: 34px;
  background-color: #f9ea65;
  font-size: 10px;
  color: #fff;
  border-radius: 0 8px 8px 0;
}
.input-group-append span.input-group-text {
  font-size: 10px;
  color: #fff;
  border-radius: 0 8px 8px 0;
}
/*.status-tab-data {
background-color: #fff;
}*/
.status-tab-data .status-detail,
.project-setting-tab-data .project-setting-left {
  border-right: 1px solid #ebeff3;
}
.status-tab-data .status-detail .status-info-wrap {
  padding: 7px 20px;
  border: 1px solid #ebeff3;
  border-radius: 8px;
  margin-bottom: 15px;
}
.status-info-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.status-tab-data .status-detail .status-info-wrap p {
  font-size: 12px;
  font-weight: 500;
  color: #757f8a;
  text-transform: uppercase;
}
.status-tab-data .status-detail .status-info-wrap b {
  font-size: 14px;
  font-weight: 600;
}
.status-tab-data .status-detail-graph,
.status-tab-data .status-detail {
  padding: 20px;
}
.status-tab-data .status-detail-graph .status-progressbar {
}
.status-tab-data .status-detail-graph .status-piechart {
  display: flex;
  align-items: center;
  justify-content: center;
}
.project-setting-tab-data {
}
.project-setting-tab-data .project-setting-inner {
  padding: 15px 20px;
  border-bottom: 1px solid #ebeff3;
}
.project-setting-tab-data .project-setting-inner {
}
.project-setting-tab-data .project-setting-inner p {
  font-size: 14px;
  color: #364458;
  font-weight: 600;
}
.project-setting-tab-data .project-setting-inner span {
  color: #a2aec0;
  font-size: 12px;
}
.project-setting-tab-data .form-control {
  border-color: #ebeff3;
}
.project-setting-tab-data .custom-control.custom-switch {
  padding: 0;
}
.project-setting-tab-data .custom-control.custom-switch label {
  font-size: 12px;
}
.project-setting-tab-data .project-bill-rate {
  width: 170px;
}
.project-setting-tab-data .project-bill-rate .input-group-append span {
  background-color: #f9ea65 !important;
  font-size: 10px;
  color: #fff;
}
.project-setting-tab-data .project-bill-rate input,
.project-setting-tab-data .project-bill-rate .input-group-append {
  height: 28px !important;
}
.project-setting-tab-data .hr-field input {
  width: 70px !important;
  margin-right: 10px;
}
.color-picker-wrapper .color-wrapper {
  position: relative;
  width: 250px;
  margin: 20px auto;
}
.color-picker-wrapper .color-wrapper p {
  margin-bottom: 5px;
}
.color-picker-wrapper input.call-picker {
  border: 1px solid #aaa;
  color: #666;
  text-transform: uppercase;
  float: left;
  outline: none;
  padding: 10px;
  text-transform: uppercase;
  width: 85px;
}
.color-picker-wrapper .color-picker {
  width: 130px;
  background: #f3f3f3;
  height: 81px;
  padding: 5px;
  border: 5px solid #fff;
  box-shadow: 0px 0px 3px 1px #ddd;
  position: absolute;
  top: 61px;
  left: 2px;
}
.color-picker-wrapper .color-holder {
  background: #fff;
  cursor: pointer;
  border: 1px solid #aaa;
  width: 40px;
  height: 36px;
  float: left;
  margin-left: 5px;
}
.color-picker-wrapper .color-picker .color-item {
  cursor: pointer;
  width: 10px;
  height: 10px;
  list-style-type: none;
  float: left;
  margin: 2px;
  border: 1px solid #ddd;
}
.color-picker-wrapper .color-picker .color-item:hover {
  border: 1px solid #666;
  opacity: 0.8;
  -moz-opacity: 0.8;
  filter: alpha(opacity=8);
}
.project-setting-tab-data .enterprise-feature {
}
.project-setting-tab-data .enterprise-feature .enterprise-feature-blue,
.authentication-tab-data .enterprise-feature-blue {
  background-color: #f9ea65;
  color: #fff;
  font-size: 12px;
  padding: 8px 20px;
  border-radius: 10px;
  min-height: 46px;
  display: flex;
  align-items: center;
}
.project-setting-tab-data
  .enterprise-feature
  .enterprise-feature-blue
  .btn-primary,
.authentication-tab-data .enterprise-feature-blue .btn-primary {
  background-color: #fff;
  color: #f9ea65;
  height: 30px;
}
.feature-content {
  color: #a9a9a9 !important;
  opacity: 0.4;
}
.project-setting-tab-data .enterprise-feature .enterprise-feature-info p,
.project-setting-tab-data.settings-tab-data p.title {
  font-size: 18px;
  color: #364458;
  font-weight: 600;
}
.project-setting-tab-data .enterprise-feature .enterprise-feature-info span,
.project-setting-tab-data.settings-tab-data span.note {
  color: #a2aec0;
  font-size: 13px;
}
/*
.project-setting-tab-data .enterprise-feature .feature-content  select.form-control {
cursor: not-allowed;
opacity: 0.4;
}*/
.project-setting-tab-data .project-setting-right {
  padding: 20px 20px 20px 0;
}
.project-feature-total {
  box-shadow: -1px -4px 38px 0 rgb(217 224 230 / 0.49);
  position: relative;
  margin-top: 15px;
  background-color: #ffff;
  border-radius: 8px;
  padding: 0 !important;
}
.project-feature-total .tab-header {
  height: 60px;
  padding: 12px 20px;
  box-shadow: 0 18px 38px 0 rgb(217 224 230 / 0.49);
}
.project-feature-total span.date {
  font-size: 8px;
  color: #c7c7c7;
}
/*setting*/
.setting-tab-data .project-setting-tab-data {
  padding: 20px 20px 20px 20px;
}
.drop-area-wrap .drop-zone {
  max-width: 100%;
  height: 150px;
  padding: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: "Quicksand", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #fff;
  cursor: pointer;
  color: #cccccc;
  border: 1px dashed #fff;
  border-radius: 10px;
  cursor: pointer;
}
.drop-area-wrap span.drop-zone__prompt {
  color: #fff;
}
.drop-area-wrap .drop-zone--over {
  border-style: solid;
}
.drop-area-wrap .drop-zone__input {
  display: none;
}
.drop-area-wrap .drop-zone__thumb {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  background-color: #cccccc;
  background-size: cover;
  position: relative;
}
.drop-area-wrap .drop-zone__thumb::after {
  content: attr(data-label);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 5px 0;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.75);
  font-size: 14px;
  text-align: center;
}
.custom-field-wrapper .blue-area {
  border-radius: 10px;
  padding: 20px;
  background-color: #f9ea65;
}
.custom-field-wrapper .creat-area {
  background-color: #fff;
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  margin-bottom: 20px;
  box-shadow: 2px 10px 24px 0 rgb(86 86 86 / 49%);
}
.custom-field-wrapper .creat-area button {
  width: 230px;
  height: 42px;
}
.custom-field-wrapper .visible-invisible-area {
  height: 150px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 20px;
  padding: 20px 0;
}
.visible-invisible-area {
}
.visible-invisible-area h5 {
  font-size: 12px;
  margin-bottom: 0px;
  color: #fff;
}
.visible-invisible-area p {
  font-size: 12px;
  color: #fff;
}
.authentication-tab-data .enterprise-feature-info {
  padding: 20px;
  border-bottom: 1px solid #ebeff3;
}
.authentication-tab-data .enterprise-feature-blue {
  margin: 20px;
  display: inline-block;
  width: 100%;
}
.tab-data.authentication-tab-data.project-setting-tab-data,
.project-setting-tab-data.settings-tab-data {
  padding: 0;
}
button.ghost-btn {
  border: 1px solid #f9ea65;
  color: #f9ea65;
  font-size: 12px;
  background-color: transparent;
  border-radius: 6px;
  transition: all ease 0.3s;
}
button.ghost-btn:hover {
  background-color: #f9ea65;
  color: #fff;
}
.input-group-prepend .input-group-text {
  border-radius: 8px 0px 0px 8px;
}
.input-group-prepend .input-group-text,
.input-group-append .input-group-text {
  background-color: #f9ea65;
  font-size: 10px !important;
  color: #fff !important;
}
.subdomain-wrapper .input-group {
  width: 575px;
  max-width: 100%;
}
.settings-tab-data .project-setting-right {
  padding: 0;
  margin-left: -15px;
}
.project-setting-tab-data .project-setting-right .project-setting-inner {
  margin-left: -15px;
}
.project-setting-tab-data
  .project-setting-right
  .project-setting-inner
  .enterprise-feature-blue
  span {
  color: #fff;
}
.project-setting-tab-data
  .project-setting-right
  .project-setting-inner
  .date
  i {
  color: #a9a9a9;
}
.project-setting-tab-data .project-setting-right .project-setting-inner a {
  font-size: 13px;
}
.data-table tr td .access-wrap select.form-control {
  background-color: #c6dbec !important;
  color: #fff;
  border: none;
  height: 22px !important;
  padding: 0 12px;
  width: auto !important;
}
.data-table tr td .bill-rate .input-group-append .input-group-text {
  background-color: #a3afbb;
  color: #fff !important;
}
.data-table tr td .access-wrap select.form-control.access-dd-1 {
  background-color: #f9ea65 !important;
  font-size: 10px;
}
.data-table tr td .access-wrap select.form-control.access-dd-2 {
  background-color: #a9d8ff !important;
  font-size: 10px;
  color: #155891;
}
.tab-wrapper .tab-content .reminders-tab {
  padding: 12px 20px !important;
}
.tab-wrapper .tab-content .reminders-tab .add-row p {
  font-size: 12px;
  color: #757f8a;
}
.tab-wrapper .tab-content .reminders-tab .add-row p span {
  color: #28a745;
}
.range-div p.time-range {
  white-space: nowrap;
  font-size: 14px;
}
.range-div p.date-range {
  font-size: 9px;
  line-height: 12px;
  margin-top: 4px !important;
}
.popup_footer {
  text-align: right;
  border-top: 1px solid #ebeff3;
}
.popup_footer button {
  padding: 2px 8px;
  margin: 12px;
  padding: 0px 5px;
  font-size: 12px;
}
.pricing-top-title {
  font-size: 12px;
  text-align: center;
  background: #fff;
  color: #051c4b;
  margin-bottom: 15px;
  padding: 5px;
  border-radius: 5px;
}
.bg-darkblue {
  background: #011c4b;
}
.txt-darkblue {
  color: #011b4c;
}
/* Calendars */
.daterangepicker::before,
.daterangepicker::after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: "";
}
.daterangepicker::before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}
.daterangepicker::after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}
.daterangepicker.opensleft::before {
  right: 9px;
}
.daterangepicker.opensleft::after {
  right: 10px;
}
.daterangepicker.openscenter::before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}
.daterangepicker.openscenter::after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}
.daterangepicker.opensright::before {
  left: 9px;
}
.daterangepicker.opensright::after {
  left: 10px;
}
.daterangepicker.dropup {
  margin-top: -5px;
}
.daterangepicker.dropup::before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}
.daterangepicker.dropup::after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}
.daterangepicker.dropdown-menu {
  max-width: none;
  z-index: 3001;
}
.daterangepicker.single .ranges,
.daterangepicker.single .calendar {
  float: none;
}
.daterangepicker.show-calendar .calendar {
  display: block;
}
.daterangepicker .calendar {
  /* display: none; */
  max-width: 270px;
  margin: 4px;
}
.daterangepicker .calendar.single .calendar-table {
  border: none;
}
.daterangepicker .calendar th,
.daterangepicker .calendar td {
  white-space: nowrap;
  text-align: center;
  min-width: 32px;
}
.daterangepicker .calendar-table {
  border: 1px solid #fff;
  padding: 4px;
  border-radius: 4px;
  background-color: #fff;
}
.daterangepicker table {
  width: 100%;
  margin: 0;
}
.daterangepicker td,
.daterangepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}
.daterangepicker td.week,
.daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}
.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}
.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}
.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}
.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}
.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff;
}
.daterangepicker th.month {
  width: auto;
}
.daterangepicker td.disabled,
.daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}
.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}
.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}
.daterangepicker select.yearselect {
  width: 40%;
}
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
  width: 50px;
  margin-bottom: 0;
}
.daterangepicker .input-mini {
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555;
  height: 30px;
  line-height: 30px;
  display: block;
  vertical-align: middle;
  margin: 0 0 5px 0;
  padding: 0 6px 0 28px;
  width: 100%;
}
.daterangepicker .input-mini.active {
  border: 1px solid #08c;
  border-radius: 4px;
}
.daterangepicker .daterangepicker_input {
  position: relative;
}
.daterangepicker .daterangepicker_input i {
  position: absolute;
  left: 8px;
  top: 8px;
}
.daterangepicker.rtl .input-mini {
  padding-right: 28px;
  padding-left: 6px;
}
.daterangepicker.rtl .daterangepicker_input i {
  left: auto;
  right: 8px;
}
.daterangepicker .calendar-time {
  text-align: center;
  margin: 5px auto;
  line-height: 30px;
  position: relative;
  padding-left: 28px;
}
.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}
.ranges {
  font-size: 11px;
  float: none;
  margin: 4px;
  text-align: left;
}
.ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
.ranges li {
  font-size: 13px;
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
  border-radius: 4px;
  color: #08c;
  padding: 3px 12px;
  margin-bottom: 8px;
  cursor: pointer;
}
.ranges li:hover {
  background-color: #08c;
  border: 1px solid #08c;
  color: #fff;
}
.ranges li.active {
  background-color: #08c;
  border: 1px solid #08c;
  color: #fff;
}
/*  Larger Screen Styling */
/* Rounded sliders */
.switch {
  position: relative;
  display: flex;
  width: 36px;
  height: 20px;
  padding: 2px;
  justify-content: flex-end;
  align-items: center;
}
/* Hide default HTML checkbox */
.switch input {
  display: none;
}
/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.slider::before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
input:checked + .slider {
  background-color: #f8e965;
}
input:focus + .slider {
  box-shadow: 0 0 1px #f9ea65;
}
.email-list .pull-right,
header nav.navbar ul.navbar-nav a.nav-link.upgrade-btn,
#tab1 .tab-header button,
#tab2 .tab-header button,
.page-titlediv .blue-btn,
.header-filterdiv button,
.project-setting-inner button {
  background: #101828;
  color: #fff;
  padding: 7px 20px;
  border-radius: 5px;
  font-weight: 400;
  border: 0;
  font-size: 14px;
  box-shadow: none;
  outline: 0;
}
/* #tab1 .tab-header  button,#tab2 .tab-header  button {
background: #101828;
color: #fff;
padding: 8px 15px;
border-radius: 6px;
font-weight: 400;
border: 0;
} */
.data-table tr td .name a,
.data-table tr td .name a:hover {
  color: #101828 !important;
  text-decoration: none;
}
input:checked + .slider::before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}
.slider.round {
  border-radius: 34px;
}
.slider.round::before {
  border-radius: 50%;
}
.tab-content .header-filterdiv {
  float: right;
}
#deshbord_modal .close:not(:disabled):not(.disabled) {
  cursor: pointer;
  color: #000 !important;
}
#deshbord_modal .modal-header {
  background: #fff;
}
#deshbord_modal .modal-dialog {
  max-width: 290px;
  top: 125px;
  left: 81px;
}
#deshbord_modal .modal-dialog::after {
  top: -21px;
  margin-left: 50%;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff !important;
  position: absolute;
  display: block;
  border-color: transparent;
  border-style: solid;
  /* @import "help.css"; */
  border-width: 11px;
  height: 10px;
  width: 20px;
  background: none;
}
.fa-fa-sort img {
  width: 20px;
}
.filter-dropdown-sort .dropdown-item.active,
.filter-dropdown-sort .dropdown-item:active {
  background-color: rgba(16, 24, 40, 1) !important;
}
.filter-dropdown-sort ul.dropdown-menu.dropdown-menu-end {
  height: 550px;
  font-size: 14px;
  overflow-x: auto;
  /* bottom: 0 !important; */
  top: inherit !important;
  transform: translate3d(0px, 0px, 0px) !important;
}
.job-filter-dropdown-sort ul.dropdown-menu.dropdown-menu-end {
  height: 300px;
  border: 1px solid #eaecf0;
  box-shadow: 0px 20px 24px -4px #10182814;
  border-radius: 12px;
  position: absolute;
  z-index: 9;
  margin-right: 10px;
  background: #fff;
  width: 270px;
  left: -9.5rem !important;
}
.job-filter-dropdown-sort ul.dropdown-menu.dropdown-menu-end li {
  margin: 0px 10px;
}
.job-filter-dropdown-sort {
  gap: 12px;
}
.job-filter-dropdown-sort .button-job-short {
  padding: 8px;
  height: 36px;
  width: 36px;
  line-height: 18px;
  border-radius: 8px;
  border: 1px solid #d0d5dd;
  background: #fff;
  position: relative;
  cursor: pointer;
}
.job-filter-dropdown-sort .button-job-short:focus {
  box-shadow: 0px 0px 0px 4px rgba(152, 162, 179, 0.14);
}
.job-filter-dropdown-sort ul.dropdown-menu.dropdown-menu-end .dropdown-item {
  padding: 10px;
  border-radius: 6px;
  color: #101828;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.filter-dropdown-sort.job-filter-dropdown-sort
  ul.dropdown-menu.dropdown-menu-end
  .dropdown-item.selected {
  background-color: #f9fafb !important;
  font-weight: 400;
}
.filter-dropdown-sort.job-filter-dropdown-sort
  ul.dropdown-menu.dropdown-menu-end
  .dropdown-item:hover {
  background-color: #f9fafb !important;
  font-weight: 400;
  color: #101828 !important;
}
.filter-dropdown-sort ul.dropdown-menu.dropdown-menu-end .dropdown-item:hover {
  background-color: #d3d3d3 !important;
  color: #212529 !important;
}
.data-table tr td .action-algin-item.action a {
  border-left: 1px dotted #969696;
  padding: 0px 10px;
  color: #101828 !important;
}
.data-table tr td .action-algin-item.action a:hover {
  color: #fff !important;
}
.filter-dropdown-sort
  ul.dropdown-menu.dropdown-menu-end
  .dropdown-item.selected {
  font-weight: 700;
}
.filter-dropdown-sort
  ul.dropdown-menu.dropdown-menu-end
  .dropdown-item.selected::before {
  content: "";
  background-image: url(../images/applicants/check_black.svg);
  width: 20px;
  height: 20px;
  background-size: 20px;
  margin-top: 0;
  position: absolute;
  right: 12px;
  margin-top: 2px;
}
/* tab_bar */
/****************/
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }
  .daterangepicker .ranges ul {
    width: 160px;
  }
  .daterangepicker.single .ranges ul {
    width: 100%;
  }
  .daterangepicker.single .calendar.left {
    clear: none;
  }
  .daterangepicker.single.ltr .ranges,
  .daterangepicker.single.ltr .calendar {
    float: left;
  }
  .daterangepicker.single.rtl .ranges,
  .daterangepicker.single.rtl .calendar {
    float: right;
  }
  .daterangepicker.ltr {
    direction: ltr;
    text-align: left;
  }
  .daterangepicker.ltr .calendar.left {
    margin-right: 0;
  }
  .daterangepicker.ltr .calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .daterangepicker.ltr .calendar.right {
    margin-left: 0;
  }
  .daterangepicker.ltr .calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .daterangepicker.ltr .left .daterangepicker_input {
    padding-right: 12px;
  }
  .daterangepicker.ltr .calendar.left .calendar-table {
    padding-right: 12px;
  }
  .daterangepicker.ltr .ranges,
  .daterangepicker.ltr .calendar {
    float: left;
  }
  .daterangepicker.rtl {
    direction: rtl;
    text-align: right;
  }
  .daterangepicker.rtl .calendar.left {
    clear: right;
    margin-left: 0;
  }
  .daterangepicker.rtl .calendar.left .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .daterangepicker.rtl .calendar.right {
    margin-right: 0;
  }
  .daterangepicker.rtl .calendar.right .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .daterangepicker.rtl .left .daterangepicker_input {
    padding-left: 12px;
  }
  .daterangepicker.rtl .calendar.left .calendar-table {
    padding-left: 12px;
  }
  .daterangepicker.rtl .ranges,
  .daterangepicker.rtl .calendar {
    text-align: right;
    float: right;
  }
}
@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
  }
  .daterangepicker.ltr .ranges {
    float: left;
  }
  .daterangepicker.rtl .ranges {
    float: right;
  }
  .daterangepicker .calendar.left {
    /* clear: none !important; */
  }
}
.range_inputs {
  margin-left: 8px;
}
.form-group.d-btn .right-div {
  align-items: center;
  float: right;
  margin-top: 7px;
}
.form-group.d-btn .blue-btn {
  margin-left: 16px;
}
.form-group.d-btn {
  margin-top: -6px;
  float: right;
}
.d-btn #btn-desk-nav {
  color: #344054;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  margin-top: 0px !important;
}
.d-btn #btn-mobile-nav {
  display: none;
  color: #344054;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  padding: 10px;
}
/* ========= upload csv btn */
.import-csv-form,
.import-csv-form-company {
  position: relative;
}
.import-csv-form label,
.import-csv-form-company label {
  width: 100%;
  text-align: center;
  line-height: 2rem;
  margin-bottom: 5px;
  background: #101828;
  border-radius: 5px;
  color: #fff;
  font-size: 13px;
  /* border: 1px solid #101828; */
  cursor: pointer;
  text-transform: capitalize;
  cursor: pointer;
}
.import-csv-form label:hover,
.import-csv-form-company label:hover {
  background: #f9ea65;
  color: #000;
}
.import-csv-form .csv-upload,
.import-csv-form-company .csv-upload {
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  line-height: 26px;
  display: none;
  /* cursor: pointer; */
}
.notification {
  width: 20px;
  height: 20px;
}
/* ============== */
@media (max-width: 1467px) {
  .login-bg .login-form {
    max-width: 400px;
  }
  .login_right_slider .slider_text {
    bottom: 7rem;
    padding: 0px;
  }
  .login_right_slider .carousel-indicators,
  .login_right_slider .carousel-control-next,
  .login_right_slider .carousel-control-prev {
    bottom: 4rem;
  }
  .add-candidate-edit-modal .modal-body .close {
    right: 5.5rem !important;
  }
}
@media (max-width: 1366px) {
  header .right-div ul.navbar-nav a.nav-link {
    font-size: 0 !important;
  }
  header nav.navbar ul.navbar-nav a.nav-link i {
    font-size: 15px;
  }
  header nav.navbar ul.navbar-nav a.nav-link.upgrade-btn {
    width: 40px;
    height: 40px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  header nav.navbar ul.navbar-nav a.nav-link i {
    margin: 0 5px 0px 5px;
  }
  header nav.navbar ul.navbar-nav a.nav-link {
    font-size: 13px;
  }
}
@media (max-width: 1280px) {
  header nav.navbar ul.navbar-nav a.nav-link i {
    font-size: 14px;
  }
  header nav.navbar ul.navbar-nav a.nav-link i {
    margin: 0 3px 0px 3px;
  }
  header nav.navbar ul.navbar-nav a.nav-link {
    font-size: 12px;
  }
}
@media (max-width: 1024px) {
  .all-info-wrap .top-info-wrap .equal-block h2 {
    font-size: 16px;
  }
  .login_right_slider,
  .login_logo {
    display: none;
  }
  .login-form p.note {
    text-align: center;
    width: 100%;
  }
  .login_logo_mini {
    display: block;
    width: 64px;
  }
  .login-bg .login-form h2 {
    margin-top: 20px;
    text-align: center;
  }
  .btn-logout {
    font-size: 0;
    top: -7px;
    right: 0rem;
    position: relative;
    /*     right: -30px;
padding-left: 0px; */
  }
  ul.notification_main {
    max-height: 500px;
  }
  .dropdown.dash-h-item.add-new-company.scroll-up {
    bottom: -60px;
  }
  /* .dropdown.dash-h-item.add-new-company.scroll-down {
bottom:0px;
} */
  .dash-header .header-wrapper {
    height: 56px;
  }
  .hamburger-inner img {
    width: 30px;
  }
  /*.modal-dialog.modal-fullscreen {
width: 83vw !important;
}*/
  .changeLanguage.float-right.position-relative {
    margin-right: 50px;
  }
  .search-area i {
    top: 0px;
  }
  .search-area input {
    margin-top: -10px;
  }
  .introjs-helperLayer {
    z-index: 0 !important;
    display: none;
  }
  .introjs-overlay {
    z-index: -1 !important;
  }
  .introjs-tooltip {
    display: none !important;
  }
  .d-btn .introjs-showElement {
    z-index: 0 !important;
  }
  .d-btn #btn-desk-nav {
    display: none !important;
  }
  .d-btn #btn-mobile-nav {
    display: inline-block;
    font-size: 0;
    line-height: 0;
  }
}
@media (max-width: 1200px) {
  .form-group.d-btn {
    display: flex;
  }
}
@media (max-width: 575px) {
  .all-info-wrap .top-info-wrap {
    flex-wrap: wrap;
  }
  .bg-wrap a.blue-btn.add-weekly-timesheet-model {
    margin-left: 115%;
    width: 100%;
    margin-top: -32px;
  }
  .row.bording_high {
    display: inline-block;
  }
  .all-info-wrap .top-info-wrap .equal-block {
    width: 100%;
    min-height: 80px;
  }
  .all-info-wrap .top-info-wrap .project-info {
    border-top: 1px solid #ebeff3;
    border-bottom: 1px solid #ebeff3;
    border-left: none;
    border-right: none;
  }
  .bg-wrap .blue-btn {
    float: left;
  }
}
@media (max-width: 360px) {
  header nav.navbar .navbar-brand img {
    max-width: 100px;
  }
  header nav.navbar .navbar-brand {
    margin-right: 0;
  }
  header nav.navbar ul.navbar-nav li.nav-item + li.nav-item {
    margin-left: 8px;
  }
  header .right-div {
    margin-right: 48px;
  }
}
@media (max-width: 360px) {
  .header-filterdiv .right-div button.btn.btn-primary {
    width: 77%;
  }
}
/*new css*/
.login-form input.form-control {
  height: 44px !important;
  width: 100%;
  border: 1px solid #d0d5dd !important;
  border-radius: 2px;
  background-color: #fff;
  font-weight: 400;
  line-height: 24px;
  color: #667085;
  font-size: 16px;
  border-radius: 8px;
  padding: 10px 14px;
}
#login_form a.fp-link {
  font-size: 14px;
  color: #175cd3;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}
#login_form a.fp-link:hover {
  color: #101828 !important;
}
#login_form .form-btn,
.register {
  color: #182230;
  font-weight: 500;
  font-size: 14px !important;
  line-height: 16px;
  height: 44px;
  padding: 10px 16px;
  background: #f8e965;
  border: 1px solid #f8e965;
  border-radius: 8px;
}
#login_form .form-btn:hover {
  border-color: #f8e965 !important;
  background: #fff !important;
}
#login_form .register_login .form-btn {
  border-color: #d0d5dd;
  background: #fff;
  width: 100%;
}
#login_form .register_login .form-btn:hover {
  border-color: #f8e965 !important;
  background: #fff !important;
}
#login_form .register_login .form-btn img {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
.checkbox-login label {
  color: #344054;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
}
.login-bg .changeLanguage.language-cont {
  display: flex;
  justify-content: end;
  width: 100%;
  padding: 10px;
  position: absolute;
  z-index: 1;
}
.form-pg-left p {
  color: #737588;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 20px !important;
  max-width: 60%;
}
.login-form .form-group label.input-label {
  color: #344054;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.login-form input.form-control:focus {
  box-shadow: 0 0 0 0.2rem transparent;
}
.form-pg-left {
  padding: 220px 0;
  background-color: #edf1f4;
  height: 100%;
}
.form-pg-left h1 {
  line-height: 52px;
  font-size: 35px;
  font-weight: 500;
}
#mobile-collapse {
  display: none;
}
.schedule-interview-modal
  .select2-container
  .select2-selection--single
  .select2-selection__rendered {
  width: 250px;
}
/*======================== new-header==================== */
@media (min-width: 1300px) {
  .main-section-inner .container {
    max-width: 100%;
  }
}
@media (min-width: 1025px) {
  .dash-sidebar.light-sidebar.transprent-bg {
    background: #fff;
    box-shadow: none;
  }
  .dash-header .dash-head-link {
    background: #fff;
  }
  .dash-header.transprent-bg {
    background: transparent;
    box-shadow: none;
  }
}
@media (min-width: 1024px) {
  .dash-sidebar.light-sidebar.transprent-bg .navbar-content {
    height: calc(100vh - 70px);
  }
}
.dash-sidebar .navbar-content {
  position: relative;
  padding: 10px 0;
}
.dash-sidebar {
  background: transparent;
  box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08);
  width: 80px;
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 1026;
}
.dash-sidebar.light-sidebar {
  background: #fff;
  box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08);
}
.dash-sidebar .m-header {
  height: 70px;
  display: flex;
  align-items: center;
  padding: 20px 20px 15px;
}
.dash-sidebar .main-logo {
  justify-content: center;
  /* height: 100%; */
  /*  min-height: 80px;
max-height: 80px; */
  width: 100%;
  min-width: 80px;
  /* max-width: 255px; */
}
.dash-sidebar .main-logo a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  width: auto !important;
  height: auto;
  max-width: -webkit-fill-available !important;
  max-height: -webkit-fill-available !important;
  max-width: -moz-available;
  max-height: -moz-available;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}
a.b-brand {
  height: 100%;
  width: 100%;
}
.dash-header {
  background: #fff;
  box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08);
  color: #525b69;
  min-height: 56px;
  position: absolute;
  left: 80px;
  right: 0;
  z-index: 1025;
}
/* FYI: Override header stacking for All Matches/Searches pages */
/* .all-matches-page .dash-header,
.all-searches-page .dash-header {
  z-index: 0 !important;
} */
.dash-sidebar.light-sidebar .navbar-nav > .nav-item > .nav-link {
  border-radius: 6px;
  margin-left: 15px;
  margin-right: 15px;
  width: 48px;
  height: 48px;
  padding: 8px;
  text-align: center;
}
.dash-sidebar.light-sidebar .nav-link {
  color: #333333;
  font-size: 14px;
  position: relative;
  font-weight: 600;
  display: block;
  /* display: flex !important; */
}
.dash-sidebar .dash-micon {
  margin-right: 15px;
  border-radius: 12px;
  height: 35px;
  width: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}
.dash-sidebar .nav-item {
  margin: 0px 0px 8px;
}
.dash-sidebar.light-sidebar .nav-link .dash-micon {
  background-color: #fff;
  box-shadow: -3px 4px 23px rgba(0, 0, 0, 0.1);
}
.dash-sidebar.light-sidebar .navbar-nav > .nav-item:hover > .nav-link img,
.dash-sidebar.light-sidebar .navbar-nav > .nav-item > .nav-link.active img,
.dash-sidebar.light-sidebar .navbar-nav > .nav-item.active > .nav-link img {
  filter: brightness(0.5);
}
.dash-sidebar.light-sidebar .navbar-nav > .nav-item:hover > .nav-link,
.dash-sidebar.light-sidebar .navbar-nav > .nav-item > .nav-link.active,
.dash-sidebar.light-sidebar .navbar-nav > .nav-item.active > .nav-link {
  background: #f9ea65;
  color: #101828 !important;
  /*     box-shadow: 0 5px 7px -1px rgba(111, 217, 67, 0.30); */
  font-weight: 700;
}
.nav-link.active .header-images,
.nav-link:hover .header-images {
  filter: brightness(0.5);
}
.dash-sidebar.light-sidebar .nav-link .dash-micon.fa-money-bill {
  font-weight: 200;
}
.dash-sidebar.light-sidebar
  .navbar-nav
  > .nav-item:hover
  > .nav-link
  > .dash-micon,
.dash-sidebar.light-sidebar
  .navbar-nav
  > .nav-item
  > .nav-link.active
  > .dash-micon,
.dash-sidebar.light-sidebar .nav-link.active .dash-micon.fa-money-bill,
.dash-sidebar.light-sidebar .nav-link.hover .dash-micon.fa-money-bill {
  color: #101828 !important;
  font-weight: 700;
}
.formio-builder-form .builder-component:last-child .component-btn-group {
  display: none;
}
.formio-component-submit .btn.btn-primary.btn-md::before {
  content: "Indsend";
  font-size: 15px;
}
.briefcase .fa-briefcase {
  font-weight: 400;
}
.dash-header .header-wrapper {
  display: flex;
  padding: 0 30px;
  justify-content: end;
  align-items: center;
  background: #fff;
}
body.new-sidebar .dash-header .header-wrapper {
  height: 64px;
}
.dash-header .header-wrapper {
  border-bottom: 1px #eaecf0 solid;
  /* position: relative; */
}
.dash-sidebar {
  border-right: 1px #eaecf0 solid;
}
.dash-h-item.show .dash-head-link .fa-chevron-down,
.card-body-graph .dropdown.show .fa-chevron-down {
  transform: rotate(180deg);
}
.right-div .nav-item .dropdown .fa-globe {
  color: #cecece;
  font-weight: 400;
  margin-right: 10px;
}
.right-div .nav-item .dropdown .fa-chevron-down {
  display: block;
}
.dash-header .dash-h-item {
  min-height: 63px;
  display: flex;
  align-items: center;
  /* position: relative; */
}
@media (max-width: 1024px) {
  .dash-header .dash-h-item {
    min-height: 55px;
  }
}

button:focus {
  outline: 0px dotted;
  outline: 0px auto -webkit-focus-ring-color;
}
.dash-header .dash-head-link,
.timesheet-warp .add_hours {
  color: #525b69;
  display: inline-flex;
  align-items: center;
  padding: 10px 14px;
  margin: 0 8px;
  border-radius: 8px;
  position: relative;
  font-weight: 500;
}
.dash-header .dash-head-link {
  height: 40px;
}
.timesheet-warp .add_hours {
  border: 1px #f8e965 solid;
  background: #f8e965;
  color: #182230;
  font-size: 14px;
  line-height: 20px;
  display: block;
  margin: 0;
  transition: 0.5s ease;
}
.timesheet-warp .add_hours:hover {
  background: #daca60;
  border-color: #daca60;
  transition: 0.5s ease;
}
.timesheet-warp .add_hours:hover a {
  color: #182230 !important;
}
.dash-header .dash-head-link .profle-image {
  border-radius: 12px;
  font-size: 16px;
  width: 32px;
  height: 32px;
  color: #51459d;
  margin-right: 9px;
  /*         background: #dcdaeb; */
}
.select2-container {
  width: 100% !important;
}
.dash-header .dash-head-link.active,
.dash-header .dash-head-link:focus,
.dash-header .dash-head-link:hover {
  text-decoration: none;
  color: #344054 !important;
  /*     background: rgba(108, 117, 125, 0.05); */
}
img {
  max-width: 100%;
}
.dropdown .dropdown-item i {
  font-size: 16px;
  margin-right: 10px;
  vertical-align: middle;
  font-family: "Font Awesome 5 Pro";
  color: #333333;
  font-style: normal;
  font-weight: 300;
}
.drp-company.dropdown .dropdown-item:hover,
.drp-company.dropdown .dropdown-item:focus {
  color: #343a40 !important;
  text-decoration: none;
  background-color: #f9fafb !important;
  border-radius: 8px;
}
.drp-company.dropdown .dropdown-item {
  padding: 10px;
  display: flex;
}
.drp-company.dropdown .dropdown-item.active {
  background-color: #f9fafb !important;
}
.drp-company .dropdown-item {
  display: block;
  margin: 0px 6px;
  width: auto;
  clear: both;
  font-weight: 400;
  color: #344054;
  text-align: inherit;
  white-space: nowrap;
  font-size: 14px;
  background-color: transparent;
  border: 0;
  border-radius: 8px;
  line-height: 20px;
}
.main-section-inner .container {
  position: relative;
  top: 50px;
  margin-left: 90px;
  min-height: calc(100vh - 70px);
  /* padding-left: 36px; */
  padding-right: 128px;
}
body.new-sidebar .main-section-inner .container {
  padding-right: 50px;
}
.white-bg .main-section-inner .container::before {
  content: "";
  background: rgb(255 255 255 / 90%);
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 9999;
}
.main-section-inner .applicants-listing-container.container {
  padding-top: 24px;
  top: 70px;
}
.dash-header .dropdown-menu {
  animation: 0.1s ease-in-out 0s normal forwards 1 fadein;
}
.header-wrapper .dropdown-menu {
  padding: 6px 0;
  box-shadow: 0 4px 24px 0 rgba(62, 57, 107, 0.18);
  border: none;
  border-radius: 10px;
  width: 200px;
  margin-left: 8px;
}
.dash-header .dash-head-link .profle-image img {
  width: 32px;
  height: 32px;
  border-radius: 100%;
  object-fit: cover;
}
.dropdown_login_profile .profle-image img {
  border-radius: 100%;
  width: 40px;
  height: 40px;
  object-fit: cover;
}
.dropdown_login_profile .profle-image img,
.dropdown_login_profile .profle-image {
  margin-right: 0.5rem;
}
.desktop_settings.show .dash-head-link {
  background: #f9fafb;
}
.dash-head-link .prfile-login,
.dropdown_login_profile {
  display: flex;
  align-items: center;
  white-space: nowrap;
  color: #182230;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.desktop_settings .dash-head-link .prfile-login {
  color: #344054;
  font-weight: 400;
}
.dash-head-link .fa-chevron-down {
  color: #667085;
  font-size: 14px;
  margin-left: 10px;
  opacity: 0.8;
  font-weight: 600;
}
.add-new-company-dropdown .dash-head-link .fa-chevron-down {
  color: #182230;
}
.dash-header .drp-company .dash-head-link {
  padding: 5px 7px;
}
.dash-header .drp-company .dash-head-link:hover,
.right-div-dropdown .dash-head-link.active,
.right-div-dropdown .dash-head-link:hover {
  background: #f9fafb;
}
.dropdown-menu.lang_menu.show {
  left: -2rem !important;
}
.hamburger {
  display: inline-block;
  cursor: pointer;
  transition: filter 0.15s linear;
  /*  width: 20px;
height: 20px; */
}
.hamburger.is-active .hamburger-inner .hamburger_icon_times {
  display: block;
}
.hamburger-inner .hamburger_icon_times,
.hamburger.is-active .hamburger-inner .hamburger_icon {
  display: none;
}
.hamburger.is-active .hamburger-inner::after,
.hamburger.is-active .hamburger-inner::before {
  /* background-color: #000; */
}
.hamburger_icon_times {
  position: absolute;
  z-index: 999;
  top: 25px;
  right: 10px;
}
.hamburger-inner {
  display: block;
  transition: transform 0.15s ease;
}
.dash-menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1;
  background: rgba(0, 0, 0, 0.6);
}
.range-value-track {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-left: 1rem;
  flex-direction: column;
}
.range-value-track .range-value {
  position: absolute;
  top: -2rem;
}
.range-value-track .range-value.min {
  left: 0;
}
.range-value-track .range-value.max {
  right: 0;
}
.range-value-track .track-container {
  width: 100%;
  position: relative;
  cursor: pointer;
  height: 0.5rem;
}
.range-value-track .track,
.range-value-track .track-highlight {
  display: block;
  position: absolute;
  width: 100%;
  height: 0.5rem;
}
.category-rangebar label {
  display: none;
}
.right.tab-2 a {
  padding: 6px 10px;
  margin-right: 10px;
}
.candidate-filter-form .select2-container,
.company-filter-form .select2-container {
  width: 170px !important;
  min-width: 100%;
}
.data-table .members_list td:first-child,
.data-table .client_list td:first-child,
.client-table.data-table th:first-child,
.candidate-table.data-table th:first-child {
  min-width: auto;
}
.company-filter-form .select2-container .select2-selection--single,
.company-filter-form .select2-container .select2-selection__rendered,
.candidate-filter-form .select2-container .select2-selection--single,
.candidate-filter-form .select2-container .select2-selection__rendered {
  height: 34px;
  line-height: 34px;
}
.form-group.category-rangebar .select2-container .select2-selection--single {
  height: 34px !important;
}
.data-table .members_list td,
.data-table .client_list td,
.client-table.data-table th,
.candidate-table.data-table th {
  min-width: 180px;
  max-width: 180px;
}
.data-table .client_list td .email a,
.data-table .members_list td .email a {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  /* width: 170px; */
}
.data-table .members_list td .email,
.data-table .members_list td .name,
.data-table .client_list td .email,
.data-table .client_list td .name {
  max-width: 170px;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.form-group.category-rangebar .select2-container .select2-selection--single {
  height: 34px !important;
}
.form-group.category-rangebar
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  line-height: 34px;
}
.form-group.category-rangebar
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  top: 4px;
}
.form-group.rangebar-adress {
  margin-right: 5px;
}
.form-group.category-rangebar {
  width: 100%;
  margin-left: 5px;
  margin-right: 5px;
}
.candidate-filter-form-rangebar {
  width: 80%;
}
.avtar-upload-area .contentt #the-canvas {
  width: 50% !important;
  border: 0px !important;
}
.range-value-track .track {
  background-color: #ddd;
}
.range-value-track .track-highlight {
  background-color: #f9ea65;
  z-index: 2;
}
.range-value-track .track-btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  cursor: pointer;
  display: block;
  position: absolute;
  z-index: 2;
  padding: 0 !important;
  border-radius: 100% !important;
  width: 22px;
  height: 22px;
  top: calc(-32% - 0.25rem);
  margin-left: -1rem;
  border: none;
  background-color: #f9ea65 !important;
  -ms-touch-action: pan-x;
  touch-action: pan-x;
  transition:
    box-shadow 0.3s ease-out,
    background-color 0.3s ease,
    -webkit-transform 0.3s ease-out;
  transition:
    transform 0.3s ease-out,
    box-shadow 0.3s ease-out,
    background-color 0.3s ease;
  transition:
    transform 0.3s ease-out,
    box-shadow 0.3s ease-out,
    background-color 0.3s ease,
    -webkit-transform 0.3s ease-out;
}
.main-wrapper .navbar-collapse {
  /*    height: 100vh;
overflow: auto;
overflow-x: hidden; */
}
/*======================================= modal-edit-add ====================== */
.modal-dialog.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.add-candidate-edit-modal .lable-warp {
  background: #f6f6f6;
  text-align: right;
}
.add-candidate-edit-modal .modal-content {
  /*         background: #e9e9e9; */
  min-height: 100%;
  background: #fff0;
  border: 0;
}
.add-candidate-edit-modal .page-content .container {
  background: #f6f6f6;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.add-candidate-edit-modal .modal-header-sticky {
  position: sticky;
  top: 0;
  background-color: #e9e9e900;
  z-index: 1055;
  border-bottom: 0;
}
.add-candidate-edit-modal .modal-body .close {
  right: 23.5rem;
  top: 0.5rem;
  position: relative;
  color: #000 !important;
}
.add-candidate-edit-modal .avtar-upload-area {
  display: block;
}
.add-candidate-edit-modal .avtar-upload-area .p-image {
  margin-left: 0px;
}
.add-candidate-edit-modal .file-preview {
  width: 80px;
  margin-bottom: 1rem;
  white-space: nowrap;
  height: 80px;
  object-fit: cover;
  border: 1px #cdcdcd solid;
  object-position: top;
  display: flex;
}
.logo-sect-modal {
  width: 150px;
}
.add-candidate-edit-modal .content-add .file-preview .fa-file-pdf,
.add-candidate-edit-modal .content-edit .file-preview .fa-file-pdf,
.add-candidate-edit-modal .content-client-edit .file-preview .fa-file-pdf,
.add-candidate-edit-modal .content-client-add .file-preview .fa-file-pdf {
  font-size: 4rem;
  padding: 7px 15px 9px;
}
.add-candidate-edit-modal .content-add,
.content-edit {
  position: relative;
}
.add-candidate-edit-modal .content-add [id] .remove-file.icon-remove-delete,
.add-candidate-edit-modal .content-edit [id] .remove-file.icon-remove-delete,
.add-candidate-edit-modal
  .content-client-edit
  [id]
  .remove-file.icon-remove-delete,
.remove-stored-file.icon-remove-delete,
.remove-stored-client-file.icon-remove-delete {
  margin-left: 1rem;
  bottom: 0px;
  left: 6rem;
  color: #ff0000;
  display: none;
  cursor: pointer;
}
.add-candidate-edit-modal
  .content-add
  [id]:hover
  .remove-file.icon-remove-delete,
.content-edit [id]:hover .remove-file.icon-remove-delete,
.content-edit [id]:hover .remove-stored-file.icon-remove-delete,
.content-client-edit [id]:hover .remove-stored-client-file.icon-remove-delete,
.add-candidate-edit-modal
  .content-client-edit
  [id]:hover
  .remove-file.icon-remove-delete {
  display: block;
}
/* .add-candidate-edit-modal  .content-add:hover .remove-file.icon-remove-delete ,  .content-edit:hover .remove-file.icon-remove-delete, .content-edit:hover .remove-stored-file.icon-remove-delete{
display: block;
} */
.add-candidate-edit-modal .input-content-warp .avtar-upload-area .circle {
  border-radius: 5px !important;
  overflow: hidden;
  width: 80px;
  height: 80px;
  position: relative;
  background-color: #fff;
  margin-bottom: 1rem;
  border: 1px #ddd solid;
}
.add-candidate-edit-modal .input-content-warp .avtar-upload-area img {
  width: 80px;
  height: 80px;
  -webkit-filter: none;
  filter: none;
  object-fit: cover;
  padding: 5px;
  object-position: top;
  text-align: center;
  margin: auto;
}
.add-candidate-edit-modal span.file-name,
a.file-name {
  padding-left: 1rem;
}
.add-candidate-edit-modal .button-center {
  text-align: center;
  background: #fff;
  padding: 10px;
}
.lable-button-centre {
  padding: 0 !important;
  text-align: right !important;
}
.custom-form-details {
  padding: 15px;
}
.formio-component-customClass,
.formio-component-tabindex,
.formio-component-tooltip,
.formio-component-description {
  display: none;
}
/* .formio-component-validate.required, .formio-component-checkbox.formio-component-unique{
display: block;
} */
.formio-component-hidden,
.formio-component-hideLabel,
.formio-component-autofocus,
.formio-component-dataGridLabel,
.formio-component-disabled,
.formio-component-tableView,
.formio-component-modalEdit,
.formio-component-labelPosition,
.formio-component-custom-validation-js,
.formio-component-json-validation-json,
.formio-component-errors {
  display: none;
}
.formio-component label {
  line-height: inherit;
}
.formio-component .nav-item {
  display: none;
}
.custom-answers {
  font-size: 13px;
}
.formio-component .nav-item:nth-child(1),
.formio-component .nav-item:nth-child(2),
.formio-component .nav-item:nth-child(3),
.formio-component .nav-item:nth-child(4) {
  display: block;
}
.formio-component .nav-item a[href="#provider"],
.formio-component .nav-item a[href="#api"] {
  display: none;
}
/* .custom-form-details .lable-warp, .custom-form-details .input-content-warp{
padding-top: 0 !important;
}
.custom-form-details .input-content-warp:nth-child(1){
padding-top: 1.5rem !important;
}
.custom-form-details .row .lable-warp:nth-child(1){
padding-top: 1.5rem !important;
} */
.custom-form-details .text {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.add-candidate-edit-modal .input-content-warp {
  background: #fff;
}
.add-candidate-edit-modal .first-child {
  padding-top: 2rem;
}
.add-candidate-edit-modal .form-control {
  border: none;
}
.add-candidate-edit-modal .form-control:focus {
  color: #495057;
  background-color: #f6f6f6;
  border-color: #fff;
  outline: 0;
  box-shadow: none;
}
.add-candidate-edit-modal .close,
.modal-hiremodal .close {
  color: #afa4a4 !important;
  font-size: 35px;
  font-weight: 300;
  margin-right: 1rem;
}
.modal-hiremodal .close {
  margin-right: -1rem !important;
}
.add-candidate-edit-modal .lable-warp label {
  font-size: 14px;
  line-height: 1.3;
  color: #000000;
  text-transform: capitalize;
  margin: 0;
  text-align: right;
  pointer-events: none;
}
.add-candidate-edit-modal .select-category-box .select-category-box-inner {
  list-style: none;
  background: #ffffff;
  padding: 6px 17px;
  cursor: pointer;
  margin-right: 4px;
  margin-bottom: 8px;
  border-radius: 4px;
  outline: 0;
  color: #171717;
  display: inline-block;
  border: 1px #cdcdcd solid;
  font-size: 13px;
}
.add-candidate-edit-modal .select-category-box {
  padding-left: 0;
}
/* .add-candidate-edit-modal .select-category-box .select-category-box-inner:hover{
background: #f9ea65;
} */
.add-candidate-edit-modal
  .select-category-box
  .select-category-box-inner.color-f9ea65:hover,
.add-candidate-edit-modal
  .select-category-box
  .select-category-box-inner.color-f9ea65.selected {
  background: #f9ea65;
}
.add-candidate-edit-modal
  .select-category-box
  .select-category-box-inner.color-ffd5b8:hover,
.add-candidate-edit-modal
  .select-category-box
  .select-category-box-inner.color-ffd5b8.selected {
  background: #ffd5b8;
}
.add-candidate-edit-modal
  .select-category-box
  .select-category-box-inner.color-e3d6ff:hover,
.add-candidate-edit-modal
  .select-category-box
  .select-category-box-inner.color-e3d6ff.selected {
  background: #e3d6ff;
}
.add-candidate-edit-modal
  .select-category-box
  .select-category-box-inner.color-cffcc7:hover,
.add-candidate-edit-modal
  .select-category-box
  .select-category-box-inner.color-cffcc7.selected {
  background: #cffcc7;
}
.add-candidate-edit-modal
  .select-category-box
  .select-category-box-inner.color-b5e3ff:hover,
.add-candidate-edit-modal
  .select-category-box
  .select-category-box-inner.color-b5e3ff.selected {
  background: #b5e3ff;
}
.add-candidate-edit-modal {
  overflow-y: scroll !important;
}
.add-candidate-edit-modal::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
.modal-hiremodal.fade.show {
  background: #00000052;
}
/*=============================================== tooltip-div-calendar ======================================*/
.fc-theme-standard .fc-timeGridWeek-view .fc-scrollgrid-liquid td {
  position: relative;
}
.ui-draggable-handle {
  cursor: all-scroll;
}
.schedule-interview-modal .modal-header {
  background: #fff;
  padding: 20px 20px 0px !important;
  border-bottom: 0;
}
.schedule-interview-modal .modal-body {
  padding: 20px !important;
}
.schedule-interview-modal .modal-body .col-12 {
  padding: 0px;
}
#showEvent.schedule-interview-modal {
  z-index: 99999;
}
.schedule-interview-modal .modal-header .modal-title {
  font-size: 16px;
  font-weight: 500;
  color: #101828;
  line-height: 24px;
  display: flex;
  width: fit-content;
  padding-right: 10px;
}
.interview-title-bcolor {
  width: 4px;
  display: block;
  margin-right: 0.5rem;
}
.body-warp .modal-backdrop {
  background: rgba(255, 255, 255, 0.01);
}
.schedule-interview-modal .modal-dialog {
  margin: 1.75rem auto;
  max-width: 400px;
}
.showEvent_modal .btn-responsive .btn-primary {
  color: #182230 !important;
  border: 1px #f8e965 solid;
  background-color: #f8e965 !important;
  padding: 8px 20px !important;
  width: 49%;
  font-weight: 500;
  font-size: 14px !important;
  line-height: 20px;
  border-radius: 8px;
}
.showEvent_modal .btn-responsive .btn-primary.btn-delete-interview {
  background-color: #fff !important;
  color: #b42318 !important;
  border-color: #fda29b !important;
}
.showEvent_modal .btn-responsive .btn-primary.btn-reject-interview {
  background-color: #fff !important;
  color: #344054 !important;
  border-color: #d0d5dd !important;
}
.day-year-timer .form-control:disabled,
.day-year-timer .form-control[readonly] {
  background-color: #fff;
  opacity: 1;
  border: 1px #d0d5dd solid !important;
  border-radius: 8px;
  padding: 10px 12px;
}
.table-bordered th {
  border: 1px solid #eaecf0;
}
#scheduleInterviewModal {
  z-index: 1051;
}
#editInterviewModal {
  z-index: 1051;
}
.fc-col-header-cell.custom-header {
  color: #475467 !important;
  font-weight: 500;
  font-size: 14px;
  padding-bottom: 10px;
  text-transform: uppercase;
  padding-top: 10px !important;
}
.fc-col-header-cell.custom-header .date {
  font-size: 14px;
  width: 20px;
  height: 20px;
  display: inline-block;
  border-radius: 100%;
  line-height: 20px;
  color: #101828;
  font-weight: 500;
  margin-left: 4px;
}
.fc-day-today.fc-col-header-cell.custom-header .date {
  background: #f9ea65;
  /* color: #fff; */
  font-size: 12px;
  /* line-height: 18px; */
}
.schedule-interview-modal .modal-content {
  box-shadow: 0px 20px 24px -4px #10182814;
  border: 1px #eaecf0 solid;
  border-radius: 12px;
  overflow: hidden;
}
.schedule-interview-modal .form-control:focus {
  color: #495057;
  background-color: #fff;
  outline: 0;
  box-shadow: none;
}
.schedule-interview-modal .entertitle .form-control {
  font-size: 14px;
}
.schedule-interview-modal .entertitle .form-control:hover {
  background-color: #fff !important;
}
.schedule-interview-modal .entertitle .form-control:focus {
  caret-color: rgb(25, 103, 210);
  border-color: rgb(25, 103, 210) !important;
}
.map-marker .button {
  position: relative;
  top: 50%;
  width: 100%;
  height: 44px;
  overflow: hidden;
}
.map-marker .button.b2 {
  border-radius: 2px;
}
.map-marker .checkbox {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 3;
}
.map-marker .knobs {
  z-index: 2;
}
.map-marker .button-cover,
.map-marker .knobs,
.map-marker .layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.map-marker #button-10 .knobs::before,
.map-marker #button-10 .knobs::after,
.map-marker #button-10 .knobs span {
  position: absolute;
  top: 3px;
  width: 160px;
  height: 38px;
  font-weight: 400;
  text-align: center;
  padding: 8px 12px;
  border-radius: 6px;
  transition: 0.3s ease all;
  color: #667085;
  font-size: 14px;
  line-height: 23px;
}
.map-marker #button-10 .knobs::before {
  content: "";
  left: 4px;
  background-color: #f8e965;
}
.map-marker #button-10 .knobs span {
  display: inline-block;
  left: 4px;
  color: #182230;
  z-index: 1;
}
.map-marker #button-10 .knobs #virtual {
  right: 4px;
  left: auto;
}
.map-marker #button-10 .checkbox:checked + .knobs span {
  color: #182230;
}
.map-marker #button-10 .checkbox:checked + .knobs::before {
  left: 167px;
  background-color: #f8e965;
  color: #ff0000;
}
.loction_add,
.send_reminder_outer {
  padding-left: 1.7rem;
}
.schedule-interview-modal .loction_add .form-control {
  margin-bottom: 18px;
}
.map-marker #button-10 .checkbox:checked + .knobs::after {
  color: #ff0000;
}
.map-marker #button-10 .checkbox:checked + .knobs::after {
  color: #182230;
}
.map-marker .layer {
  width: 100%;
  background-color: #f9fafb;
  transition: 0.3s ease all;
  z-index: 1;
  border: 1px #eaecf0 solid;
  border-radius: 8px;
}
.schedule-interview-modal .datepairExample .time {
  background-color: #fff;
  font-size: 14px;
  border-radius: 8px;
  font-weight: 400;
  line-height: 20px;
  color: #667085;
  padding: 4px;
  text-overflow: ellipsis;
  text-align: center;
}
.schedule-interview-modal .datepairExample .time:focus {
  background-color: #fff;
}
.fc-event-main {
  display: none;
}
td.fc-timegrid-col {
  position: relative;
}
.select-candiadate
  .select2-container--default
  .select2-search--inline
  .select2-search__field {
  width: auto !important;
}
.schedule-interview-modal .datepairExample .time.start-time {
  margin-right: 0.38rem;
}
.schedule-interview-modal .form-group.day-date-flex {
  display: inline-block;
  width: 100%;
}
.schedule-interview-modal .form-group.day-date-flex .day-input-pair {
  width: 50%;
  display: inline-flex;
  align-items: center;
}
.schedule-interview-modal .form-group.day-date-flex .datepairExample {
  width: calc(50% - 10px);
  float: right;
  display: flex;
  margin-left: 10px;
}
.schedule-interview-modal .form-group.map-marker {
  display: flex;
  align-items: center;
}
.schedule-interview-modal .form-control {
  font-size: 14px;
  padding: 10px 12px;
  color: #667085;
  border-radius: 8px;
  font-weight: 400;
  border: 1px #d0d5dd solid;
}
.schedule-interview-modal
  .select-candiadate
  .select2-container--default
  .select2-search--inline
  .select2-search__field::placeholder {
  color: #667085;
}
.schedule-interview-modal
  .select-candiadate
  .select2-container--default
  .select2-search--inline
  .select2-search__field::-ms-input-placeholder {
  color: #667085;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__placeholder {
  color: #101828 !important;
}
.form-group.description-textarea {
  height: 115px;
}
.schedule-interview-modal
  .select2-container--default
  .select2-selection--multiple {
  border: 1px solid #d0d5dd !important;
  border-radius: 8px;
  padding: 2px 12px;
}
.schedule-interview-modal
  .select2-container--default
  .select2-selection--multiple
  .select2-selection__rendered {
  padding: 0px;
  width: 100%;
}
.schedule-interview-modal
  .select2-container--default
  .select2-selection--single {
  background-color: #fff !important;
  border: 1px solid #d0d5dd !important;
  border-radius: 8px;
  padding: 10px 12px;
  height: 40px;
  font-size: 14px !important;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__placeholder {
  color: #667085;
  font-size: 14px;
  font-weight: 400;
}
.schedule-interview-modal .description .form-control {
  height: auto !important;
  padding-top: 0px;
}
.schedule-interview-modal .description {
  align-items: flex-start;
}
.schedule-interview-modal .select2-results__option--highlighted {
  background-color: #f5fafd !important;
  color: #20201d !important;
}
.schedule-interview-modal .btn-responsive .btn-add-event,
.schedule-interview-modal .btn-responsive .btn-edit-event {
  width: 100%;
  border-radius: 8px;
}
.schedule-interview-modal .select2-selection {
  font-size: 13px !important;
  border-color: #ebeff3 !important;
  background-color: #fff !important;
  background-image: none !important;
}
.schedule-interview-modal .form-group .fa,
.schedule-interview-modal .form-group .fas {
  font-weight: 400;
  color: rgb(95, 99, 104);
  margin-right: 0.5rem;
  width: 22px;
}
.schedule-interview-modal .form-group .fas {
  font-size: 20px;
}
.fc-timeGridWeek-view .fc-scrollgrid-shrink-cushion {
  margin: 0px;
  position: relative;
  text-transform: uppercase;
  font-size: 14px !important;
  color: #182230;
  line-height: 20px;
  font-weight: 400;
  left: -0.3rem;
}
.fc-daygrid-event-dot,
.fc-timeGridWeek-view .custom-header .fc-scrollgrid-sync-inner,
.fc-timeGridDay-view .custom-header .fc-scrollgrid-sync-inner,
.fc-daygrid-body .fc-event-time,
.fc-daygrid-body .fc-event-title,
.fc-timeGridDay-view .fc-daygrid-event-dot-custom {
  display: none;
}
.fc-daygrid-event-dot-custom {
  margin: 0 4px 0px 0px;
  box-sizing: content-box;
  height: 20px;
  border: 2px solid;
  border-radius: 0px;
}
.fc-view-harness-active .fc-more-popover .fc-daygrid-event-dot-custom {
  border: 0px solid;
}
.fc-view-harness-active .fc-more-popover .fc-event-main-frame {
  width: 100%;
  margin-right: 0.3rem;
}
.fc-timeGridWeek-view .table-bordered thead th {
  border-bottom: 0;
  padding-top: 0;
}
/* .fc-timeGridWeek-view .table-bordered tr td:first-child{
border: 0px solid #dee2e6;
border-top: 0px;
} */
.fc .fc-timegrid-slot {
  height: 2.5em !important;
}
.fc .fc-timegrid-slot-minor {
  /*     display: none !important; */
  height: 2.5em !important;
  border: none !important;
}
.meeting-group {
  padding: 0rem 2rem 0px;
  align-items: center;
}
/* .meeting-group-disconnect{
padding: 0rem 2rem;
} */
.schedule-interview-modal .fa-times {
  color: rgb(95, 99, 104);
  margin-top: 0.5rem;
}
.schedule-interview-modal .select-candiadate svg {
  fill: rgb(95, 99, 104);
  margin-right: 0.5rem;
}
.fc-scrollgrid-section.fc-scrollgrid-section-body:nth-child(1) {
  display: none;
}
.calendar
  .fc-dayGridMonth-view
  .fc-scrollgrid-section.fc-scrollgrid-section-body:nth-child(1) {
  display: table-row;
}
.calendar .table-bordered thead td,
.table-bordered thead th {
  border-bottom-width: 2px;
  padding: 0px 0px 0px;
  border-bottom: none;
}
.calendar .fc-dayGridMonth-view .table-bordered thead th {
  border-bottom: 0px #ddd solid;
  padding: inherit;
  border-top: 0;
  border-right: 0;
}
.calendar .fc-dayGridMonth-view .table-bordered td {
  border: 1px solid #eaecf0;
  height: 140px;
}
.calendar .fc-dayGridMonth-view .table-bordered th {
  border: 1px solid #eaecf0;
}
.calendar .fc-dayGridMonth-view .table-bordered {
  border: 0px solid #cf175c;
}
.calendar .fc-dayGridMonth-view .fc-scrollgrid-sync-inner {
  padding: 8px 6px 4px 6px;
}
.calendar .fc-dayGridMonth-view .fc-col-header {
  border: 1px #eaecf0 solid;
}
.fc .fc-col-header-cell-cushion {
  color: #475467 !important;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
}
.fc .fc-col-header-cell-cushion:hover {
  text-decoration: none !important;
}
.fc .fc-scrollgrid-section-header .fc-scroller-harness .fc-scroller {
  overflow: hidden !important;
}
.fc
  .fc-scrollgrid-section-body
  .fc-scroller-harness
  .fc-scroller::-webkit-scrollbar {
  width: 0;
}
.fc .fc-timegrid-now-indicator-line::before {
  background: #ff0000;
  border-radius: 50%;
  content: "";
  position: absolute;
  height: 12px;
  margin-left: 0px;
  margin-top: -6px;
  width: 12px;
  z-index: 507;
}
.color-picker-calendar.color-picker,
.color-picker-calendar-edit.color-picker {
  position: relative;
  display: inline-block;
  padding-bottom: 5px;
}
.color-picker-calendar.color-picker.active .color-list,
.color-picker-calendar-edit.color-picker.active .color-list {
  opacity: 1;
  transform: translateY(-10%);
  pointer-events: all;
}
.color-picker-calendar.color-picker .selected-color input[type="radio"]:checked,
.color-picker-calendar-edit.color-picker
  .selected-color
  input[type="radio"]:checked {
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  background: var(--color);
  cursor: pointer;
  border-radius: 50%;
  margin-bottom: 8px;
}
.color-picker input[type="checkbox"],
.color-picker input[type="radio"] {
  background: #fff;
  border: 1px solid #b4b9be;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  clear: none;
  color: #555;
  cursor: pointer;
  display: inline-block;
  line-height: 0;
  outline: 0;
  padding: 0 !important;
  text-align: center;
  transition: border-color 0.05s ease-in-out;
  vertical-align: middle;
}
.color-picker-calendar.color-picker .selected-color,
.color-picker-calendar-edit.color-picker .selected-color {
  position: relative;
  display: inline-block;
  z-index: 1;
}
.color-picker-calendar.color-picker .selected-color input[type="radio"],
.color-picker-calendar-edit.color-picker .selected-color input[type="radio"] {
  display: none;
  margin: 0;
  padding: 0;
}
.color-picker-calendar.color-picker .color-list,
.color-picker-calendar-edit.color-picker .color-list {
  display: inline-block;
  background: white;
  padding: 10px;
  opacity: 0;
  width: 75px;
  left: -13px;
  gap: 10px;
  border-radius: 5px;
  position: absolute;
  bottom: 1.8rem;
  transform: translateY(50%);
  transition: all 0.2s ease-out;
  box-shadow:
    0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06);
  pointer-events: none;
  z-index: 9;
}
.color-picker-calendar.color-picker .color-list .color-list-color,
.color-picker-calendar-edit.color-picker .color-list .color-list-color1 {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--color);
  display: inline-block;
  cursor: pointer;
  box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.1),
    0 1px 2px 0 rgba(0, 0, 0, 0.06);
  position: relative;
  transition: transform 0.15s ease-out;
  margin-right: 5px;
}
.calendar .fc-toolbar-chunk:nth-child(1) {
  width: 21%;
  display: flex;
  flex-direction: row-reverse;
  position: relative;
}
.calendar .fc-toolbar-chunk:nth-child(1) .btn-group .btn.btn-primary {
  background: #fff;
  border: none;
  padding: 0px 5px;
}
.calendar .fc-toolbar-chunk:nth-child(1) .fc-today-button {
  background: #fff;
  border: 1px #cdcdcd solid;
  padding: 5px 15px;
  border-radius: 5px;
  color: #000;
  font-weight: 600;
}
.dropdown-menu.calender-view.show {
  top: 50px !important;
  min-width: 8rem;
  left: inherit;
  background-color: #fff;
  border-radius: 12px;
  padding: 5px;
  border: 1px solid #eaecf0;
  box-shadow: 0px 20px 24px -4px #10182814;
  z-index: 9;
  right: 11rem;
}
.calendar .fc-toolbar-chunk:nth-child(1) .fc-today-button:hover {
  background-color: #f9f9f9 !important;
}
/* #scheduleInterviewModal .modal-dialog {
transform: translate(0, -50%);
top: 50%;
}  */
/* .calendar .fc-toolbar-chunk:nth-child(1)::after {
content: "Kalender";
top: 0px;
background: url(../images/calendar.png) no-repeat center left;
position: relative;
left: -2rem;
margin-right: 10px;
font-size: 18px;
font-weight: 500;
padding-left: 3rem;
background-size: contain;
} */
.button-sync-calendar {
  background: #f9ea65;
  color: #000;
  padding: 5px 10px;
  margin-left: 2rem;
  border-radius: 5px;
  border: 1px #f9ea65 solid;
}
.button-sync-calendar:hover {
  background: transparent;
  text-decoration: none;
  color: #000 !important;
  border-color: #000;
}
.calendar .fc-toolbar-chunk:nth-child(1) .btn-group .btn-primary.focus,
.calendar .fc-toolbar-chunk:nth-child(1) .btn-group .btn-primary:focus {
  box-shadow: none;
}
.calendar .fc-toolbar-chunk:nth-child(1) .btn-group .btn.btn-primary:hover {
  background: #fff !important;
  border: none !important;
}
.calendar .fc-toolbar-chunk:nth-child(1) .btn-group .fa {
  padding: 8px 10px;
  border-radius: 50%;
  background: transparent;
  height: 30px;
  height: 30px;
  width: 30px;
}
.calendar .fc-toolbar-chunk:nth-child(1) .btn-group .fa:hover {
  background: #f9f9f9;
}
.calendar .fc-toolbar-chunk:nth-child(2) {
  width: 29%;
}
.calendar .fc-toolbar-chunk:nth-child(3) > div {
  float: right;
  text-align: right;
  display: flex;
  align-items: center;
  position: absolute;
  top: 10px;
  right: 19.5rem;
}
.calendar .fc-toolbar-chunk:nth-child(3) .btn-primary {
  color: #000;
  background-color: transparent;
  border-color: transparent;
  border: none !important;
  padding: 0;
  line-height: 0;
  padding-left: 16px;
  padding-right: 20px;
}
.input-content-warp .power-match-selectoption-link {
  font-size: 13px;
}
.calendar .fa-chevron-left::before {
  content: url("../images/meeting/arrow-left.svg") !important;
}
.calendar .fa-chevron-right::before {
  content: url("../images/meeting/arrow-right.svg") !important;
}
.calendar .fc-toolbar-chunk:nth-child(3) .btn-primary:hover {
  background: none !important;
  border: none !important;
}
.calendar .fc-toolbar-chunk:nth-child(3) .btn-group .btn.btn-primary.active {
  color: #fff !important;
  padding: 4px 25px;
}
.calendar .fc-toolbar-chunk:nth-child(3) .btn-group .btn.btn-primary:hover {
  border: none;
  background-color: #0062cc !important;
  color: #fff !important;
  padding: 4px 25px;
}
.showEvent_modal .show_event_time {
  font-size: 14px;
  font-weight: 400;
  color: #344054;
  line-height: 20px;
  width: 290px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.calendar
  .fc-dayGridMonth-view
  .table-bordered
  .fc-day-today
  .fc-daygrid-day-number {
  background: #f8e965;
}
.body-warp
  .select2-container--default
  .select2-results__option[aria-selected="true"]::after {
  content: "";
  position: relative;
  right: 0;
  background-image: url("../images/dashboard/right.svg");
  background-size: 10px 20px;
  display: inline-block;
  width: 13px;
  height: 20px;
  background-repeat: no-repeat;
}
/* .select-box-timesheet-arrow .selection {
position: relative;
} */
.select-box-timesheet-arrow .select2-container .selection::after,
.select-box-timesheet-arrow
  .select2-container.select2-container--open
  .selection::before,
.select-box-timesheet-arrow
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b,
.select-box-timesheet-arrow
  .select2-container--default.select2-container--open
  .select2-selection--single
  .select2-selection__arrow
  b {
  display: none;
}
.timesheet-page-admin .daterangepicker .input-mini.active {
  display: none !important;
}
.timesheet-page-admin .daterangepicker.dropdown-menu {
  top: 341px !important;
  right: 33px !important;
}
.btn-spinner {
  position: absolute !important;
  right: 0px;
  top: -9px;
  left: 60% !important;
  width: 20px !important;
}
#reject #btn-reject .btn-spinner {
  position: absolute !important;
  right: 0px;
  top: 11px;
  left: 80% !important;
  width: 20px !important;
}
/* btn-approve-single */
.select-box-timesheet-arrow
  .select2-container.select2-container--open
  .selection::after {
  background-image: url("../images/dashboard/arrow_up.svg");
  content: "";
  background-repeat: no-repeat;
  position: absolute;
  right: 4px;
  text-align: right;
  background-size: 12px 20px;
  width: 20px;
  height: 20px;
  display: flex;
  top: 11px;
}
.select-box-timesheet-arrow .selection::before {
  background-image: url("../images/dashboard/arrow_down.svg");
  content: "";
  background-repeat: no-repeat;
  position: absolute !important;
  right: 4px !important;
  text-align: right;
  background-size: 12px 20px;
  width: 20px;
  height: 20px;
  display: flex;
  top: 11px;
  z-index: 99;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-width: 0px 0px 0 0px !important;
  background-image: url("../images/dashboard/arrow_down.svg");
  width: 30px !important;
  height: 20px !important;
  margin-left: -10px !important;
  background-repeat: no-repeat;
}
.select2-container--default.select2-container--open
  .select2-selection--single
  .select2-selection__arrow
  b {
  background-image: url("../images/dashboard/arrow_up.svg");
  width: 30px !important;
  height: 20px !important;
  margin-left: -10px !important;
  border-width: 0px 0px 0 0px !important;
  background-repeat: no-repeat;
}
.calendar .fc-dayGridMonth-view .table-bordered td {
  position: relative;
}
.select-interview-outer {
  display: none;
}
.select-interview-outer.active {
  position: absolute;
  top: inherit;
  z-index: 999999;
  width: fit-content;
  height: fit-content;
  background: #fff;
  display: block;
  bottom: -16px;
  box-shadow: 0px 20px 24px -4px #10182814;
  left: 60%;
  border: 1px #eaecf0 solid;
  border-radius: 8px;
  white-space: nowrap;
  overflow: hidden;
  width: 170px;
}
.select-interview-outer .select-interview-type {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #344054;
  padding: 9px 10px;
  cursor: pointer;
}
.fc-timeGridDay-view .fc-col-header-cell.custom-header {
  /*     float: left; */
  border: none;
  margin-left: 1rem;
}
.fc-timeGridWeek-view .fc-daygrid-event-dot-custom {
  display: none;
}
.calender-view-name {
  z-index: 999;
  display: flex;
  position: absolute;
  right: 11rem;
  top: 0rem;
  background: #fff;
  align-items: center;
  padding: 10px 12px;
  color: #101828;
  border: 1px #d0d5dd solid;
  border-radius: 8px;
  width: 120px;
  text-align: left;
  font-size: 14px !important;
  line-height: 20px;
}
.calender-view-name .dropdown-item {
  padding: 0rem;
}
.calender-view-name.dropdown-toggle::after {
  content: url("../images/meeting/month_icon.svg") !important;
  border: none;
  top: -9px;
  position: relative;
  right: 12px;
}
/* .calender-view-name{
padding-left: 0 !important;
} */
.filters_dropdowns {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  right: 8rem;
  top: 0;
}
.filters_dropdown_item .filters_dropdowns_button:focus {
  outline: 0;
}
.filters_dropdowns .filters_dropdown_item {
  position: relative;
}
.filters_dropdown_item .filters_dropdowns_button {
  background: none;
  cursor: pointer;
  background-color: #fff;
  border-radius: 10px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px #d0d5dd solid;
}
.filters_dropdown_item .filters_dropdowns_button.filters_dropdowns_bg_color {
  background-color: #f8e965;
  border-color: #f8e965;
}
.filters_dropdown_item .filters_dropdowns_button img {
  width: 20px;
  height: 20px;
}
.filters_dropdowns_menu {
  position: absolute;
  top: 100%;
  right: 0;
  background-color: #fff;
  border-radius: 12px;
  padding: 20px;
  margin-top: 10px;
  display: none;
  border: 1px solid #eaecf0;
  width: 375px;
  box-shadow: 0px 20px 24px -4px #10182814;
  z-index: 99;
}
.filters_dropdowns_menu.show {
  display: block;
}
.filters_dropdowns_menu .form_select_container {
  margin-bottom: 8px;
}
.filters_dropdowns_menu .filters_menu_item_title h3 {
  color: #10182b;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 10px;
  margin-top: 0;
}
.form_select_container label {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #344053;
  margin-bottom: 5px;
  width: 100%;
  text-transform: capitalize;
}
.form_select_container select:focus-visible {
  outline: 0;
}
.timesheet-page-admin .form_select_container select {
  height: 40px !important;
  min-width: 200px;
}
.form_select_container {
  max-width: 220px;
}
.filters_dropdowns .filters_dropdowns_menu .form_select_container {
  max-width: 100%;
}
.filters_dropdowns
  .filters_dropdowns_menu
  .form_select_container
  .select2-selection {
  padding: 0px 12px;
}
.add_hours_timesheet .form_select_container {
  max-width: 100% !important;
}
.form_select_container .select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
  width: 100%;
  height: 40px;
  padding: 5px 12px;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid #d0d5dd;
}
.form_select_container
  .select2-container
  .select2-selection--single
  .select2-selection__rendered {
  padding-left: 0px;
}
.form_select_container
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  top: 70%;
}
.form_select_container select {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #667085;
  background: #fff;
  width: 100% !important;
  height: 40px;
}
.datepair_project .project_date {
  height: 40px !important;
}
.form_select_container select:focus {
  border-color: #d0d5dd;
  box-shadow: unset;
}
.filters_dropdowns_menu .form_button_container {
  display: flex;
  gap: 8px;
  margin-top: 20px;
}
.filters_dropdowns_menu .form_button_container button {
  width: 50%;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  height: 36px;
  padding: 5px 12px;
  cursor: pointer;
}
.filters_dropdowns_menu .form_button_container button.btn_reset {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  color: #344053;
}
.filters_dropdowns_menu .form_button_container button:focus {
  outline: 0;
}
.filters_dropdowns_menu .form_button_container button.btn_apply {
  background-color: #f8e965;
  border: 1px solid #f8e965;
  color: #10182b;
}
.calender-view-name .dropdown-item:active,
.calender-view .dropdown-item:active {
  background-color: #f9f9f9 !important;
  color: #000;
}
.calender-view-name .dropdown-item:hover,
.calender-view .dropdown-item:hover {
  color: #000 !important;
  border-radius: 8px;
}
.calender-view-name:hover {
  background-color: #f9f9f9;
  color: #000;
}
.calender-view-name:focus {
  box-shadow: none;
}
.calendar .fc-toolbar-chunk:nth-child(3) .btn-group .btn.btn-primary {
  padding: 4px 25px;
  margin: 0;
  border: none;
  display: none;
}
.calender-view .dropdown-item {
  color: rgb(60, 64, 67);
  font-size: 13px;
}
/*================================ hiral-css ===================================== */
.description-outer {
  position: relative;
}
.generate-ai-outer {
  position: absolute;
  right: 7px;
  top: 7px;
}
.btn-generate-ai {
  background-color: #7839ee;
  color: #fff;
  border: 1px solid #ddd6fe;
  padding: 4px 8px 4px 27px;
  border-radius: 99px;
  position: relative;
  cursor: pointer;
  font-size: 12px;
  /* font-weight: 500; */
  line-height: 18px;
}
.edit-profile-gray-colored-header {
  color: #98a2b3 !important;
}
.btn-generate-ai:hover {
  background-color: #7839ee;
  color: #fff;
}
.btn-generate-ai::before {
  content: "";
  background-image: url("../images/applicants/ai-button.svg");
  position: absolute;
  left: 8px;
  top: 5px;
  background-size: 15px;
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  z-index: 9999;
}
.todo_content
  .right_div.profile_content_right
  .todo_item.strikethrough
  .profile_item_options {
  display: none;
}
[rv-cloak],
[rv-cloak-children] > * {
  transition: all 0.1s;
}
[rv-cloak]:not([rv-cloak="uncloak"]),
[rv-cloak-children]:not([rv-cloak-children="uncloak"]) > * {
  opacity: 0;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
  position: relative;
}
.link-request-cv a {
  color: #175cd3;
  font-weight: 500;
}
.link-request-cv a:hover {
  text-decoration: none;
  color: #175cd3 !important;
}
.delete-undo,
.undo-link {
  cursor: pointer;
  color: #f8e965 !important;
}
.profile_content_btn .btn-cancel,
.rating_applicants_modal .btn-cancel {
  color: #344054;
}
.div-resume-outer .div-resume-inner {
  width: 100%;
}
.div-resume-outer.has-files .div-resume-inner {
  width: 50%;
}
.profile_content .right_div input.is-invalid,
.profile_content .select2-selection.is-invalid {
  border-color: #dc3545 !important;
}
.profile_content .sales-email.is-invalid .invalid-feedback {
  display: block;
}
.applicant_profile_content .note-editor.note-frame {
  border: 1px solid #dcdcdc;
}
.applicant_profile_content .note-editor.note-frame .note-editing-area,
.note-editor.note-frame {
  border-radius: 8px;
}
.applicant_profile_content .note-toolbar.panel-heading {
  height: 0;
  opacity: 0;
  padding: 0;
}
.page-job-edit .applicant_profile_content .note-toolbar.panel-heading,
.page-job-create .applicant_profile_content .note-toolbar.panel-heading {
  height: auto;
  opacity: 1;
  padding: 0 0 5px 5px;
}
.page-job-edit .job-details-section .note-editor .note-toolbar.panel-heading,
.page-job-create .note-editor .note-toolbar.panel-heading {
  background-color: transparent;
}
.page-job-edit .applicant_profile_content .note-editor.note-frame:hover {
  box-shadow: 0px;
}
.note-editor .note-toolbar i {
  color: #667085;
}
.page-job-edit .note-btn,
.page-job-create .note-btn {
  background: #f9fafb;
  padding: 8px;
}
.page-job-edit .note-fontname {
  display: none;
}
.page-job-edit .note-editable p,
.page-job-edit .note-editable span,
.page-job-edit .note-editable {
  font-family: "Inter", sans-serif !important;
  font-size: 13.5px;
}

.note-editor .note-btn-group .dropdown-toggle::after {
  color: #667085;
}
.regenerate-with-ai {
  width: 100%;
}
.regenerate-with:hover {
  text-decoration: none;
  color: #fff;
}
.regenerate-with {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  border-radius: 99px;
  border: 1px solid #ddd6fe;
  background: #7839ee;
  display: flex;
  padding: 6px 8px !important;
  align-items: center;
  gap: 4px;
  width: fit-content;
  position: absolute;
  top: 36px;
  right: 10px;
}
.generate-ai-description .reverse-spinner,
.generate-ai-description-edit-stand-alone .reverse-spinner {
  -webkit-mask: conic-gradient(from 22deg, #ffffffad, #fff);
  mask: conic-gradient(from 22deg, #ffffffad, #fff);
  width: 18px;
}
.generate-ai-description .reverse-spinner,
.generate-ai-description-edit-stand-alone .reverse-spinner,
.generate-ai-description .reverse-spinner::before,
.generate-ai-description-edit-stand-alone .reverse-spinner::before {
  --_g: linear-gradient(#fff 0 0) 50%;
}
.generate-with-ai .regenerate-with {
  top: 48px;
}
.generate-with-ai .note-toolbar {
  position: relative;
}
.applicant_profile_content .note-editable.panel-body ul {
  padding: 0 20px;
}
.applicant_profile_content .profile_content .toggle_switch label::before {
  cursor: pointer;
}
.applicant_profile_content .add_detail_btn .disabled-plus-icon {
  display: none;
}
.applicant_profile_content
  .profile_content
  .right_div
  .add_detail_btn:disabled {
  color: #bbc3d2;
  cursor: not-allowed;
}
.applicant_profile_content button.add_detail_btn:disabled .disabled-plus-icon {
  display: block;
}
.applicant_profile_content button.add_detail_btn:disabled .plus-icon {
  display: none;
}
.profile_page_title.create-profile .page-title .text h2,
.profile_page_title.create-profile .page_title_div .page-title .text p {
  color: #98a2b3 !important;
}
.profile_content .input-group-outer input {
  box-shadow: none !important;
}
.profile_content .input-group-outer.show {
  box-shadow: 0px 0px 0px 4px rgba(152, 162, 179, 0.14);
  border-radius: 8px;
}
.btn-create-no-results,
.btn-create-no-results:hover {
  /*background-color: #F9FAFB !important;
border-color: #F9FAFB !important;*/
  width: 100%;
  text-align: left;
  padding: 0;
  background: transparent !important;
  border: none;
}
.btn#sort-by-button,
.btn#sort-by-button-popup {
  padding: 8px;
  height: 36px;
  width: 36px;
  line-height: 18px;
}
.btn#btn-filter-submit,
.btn#btn-filter-submit-modal {
  padding: 8px 12px;
  height: 36px;
  line-height: 15px;
}
.page-invoices-index .btn#btn-filter-submit,
.page-payroll-index .btn#btn-filter-submit,
.page-candidates-details .btn#btn-filter-submit {
  height: 40px;
}
.search-icon-outer {
  position: relative;
}
.search-icon-outer #custom_search {
  padding: 10px 12px 10px 40px;
}
.job_applicants_Page
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  top: 3px;
}
.distance-inner .calendar-view-name .dropdown-item {
  position: relative;
}
.distance-inner .dropdown-toggle::after {
  display: none !important;
}
.distance-inner .calendar-view-name {
  padding: 0;
  background-color: #fff;
}
.distance-inner.select-box-timesheet-arrow.button
  .calendar-view-name
  .dropdown-item::before {
  top: 4px;
}
.filter-ratings-outer .dropdown-menu.calender-view.show {
  transform: none !important;
  width: 100%;
  top: 42px !important;
}
.rating {
  color: #475467;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  white-space: nowrap;
}
.rating .stars {
  color: #eaecf0;
  font-size: 16px !important;
  display: flex;
  gap: 5px;
}
.rating .stars i.s_active {
  color: #fec84b;
}
.distance-outer {
  position: relative;
}
.distance-outer .distance-inner {
  position: absolute;
  right: 2px;
  top: 5px;
}
.dropdown-menu.distance-type {
  transform: none !important;
  right: -5px !important;
  left: auto !important;
  top: 36px !important;
}
.rating .star-text {
  color: #101828;
  font-size: 14px;
}
.dropdown-menu .rating .star-text {
  font-size: 14px;
}
.filter-ratings-outer .calender-view .dropdown-item {
  font-size: 14px !important;
}
.rating .stars .star-icon {
  display: flex;
  gap: 5px;
  flex-direction: row-reverse;
  align-items: center;
}
.applicants_table .job_list a,
.applicants_table .job_list a:hover {
  /*  text-transform: capitalize; */
  color: #101828 !important;
  text-decoration: none;
}
.select-box-dropdown-wrap {
  position: relative;
}
.select-box-dropdown-wrap .dropdown-toggle::after {
  display: none;
}
.select-box-dropdown-wrap .dropdown-toggle {
  height: 40px;
  width: 100%;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  padding: 10px 12px;
  line-height: 0px;
  text-align: left;
  background-color: #fff;
}
.select-box-dropdown-wrap .calendar-view-name .dropdown-item::before {
  background-image: url(../images/dashboard/arrow_down.svg);
  content: "";
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  text-align: right;
  background-size: 12px 20px;
  width: 20px;
  height: 20px;
  display: flex;
  top: 10px;
}
.select-box-dropdown-wrap.show .calendar-view-name .dropdown-item::before {
  background-image: url(../images/dashboard/arrow_up.svg);
}
.select-box-dropdown-wrap.filter-ratings-outer
  .calendar-view-name
  .dropdown-item::before {
  right: 7px;
}
.select-box-dropdown-wrap .calendar-view-name .dropdown-item {
  padding: 0;
}
.select-box-dropdown-wrap .calendar-view-name .dropdown-item,
.select-box-dropdown-wrap .calendar-view-name .dropdown-item:active,
.select-box-dropdown-wrap .calendar-view-name .dropdown-item:hover {
  background-color: #fff;
  color: #667085 !important;
}
.select-box-dropdown-wrap.selected .calendar-view-name .dropdown-item,
.job_hading_filter
  .select2-container.selected
  .select2-selection--single
  .select2-selection__rendered,
.select2-container--default.selected
  .select2-selection--single
  .select2-selection__rendered,
.filter-ratings-outer.selected .rating .star-text {
  color: #101828 !important;
}
.job_applicants_Page .form-control {
  border-radius: 8px;
}
.job_applicants_Page .btn.add_applicant_btn,
.job_applicants_Page .btn.expoert_btn {
  padding: 10px 14px;
  height: auto;
}
.btn.add_applicant_btn,
.btn.add_applicant_btn:hover {
  color: #344054 !important;
}
.timesheet-admin-filters .custom_date-outer .cust-date-range.date-filter-image {
  border-radius: 8px;
  border: 1px #d0d5dd solid !important;
  background: #ffffff;
  padding: 2px 14px 2px 40px !important;
  background-image: url(../images/timesheet/calendar.svg);
  background-color: #fff;
  background-repeat: no-repeat;
  padding-left: 20px;
  width: 140px;
  height: 40px !important;
  background-position: 12px 9px;
  cursor: pointer;
}
.timeEntry-control {
  display: none !important;
}
/*         */
.timesheet-page-admin .select-box-timesheet-warp .dropdown-item {
  color: #101828;
}
#add_hours .select_full_day .form_select_container .dropdown-toggle {
  color: #667085;
  border-color: #d0d5dd;
  width: 100%;
}
.timesheet-page-admin.modal-open .filters-desktop .select2-container {
  z-index: 99;
}
.height-90 {
  height: 90px !important;
}
.timesheet-page-admin #add_hours .dropdown-item.active {
  background-color: #f9fafb !important;
}
.timesheet-page-admin #add_hours .dropdown-menu .dropdown-item {
  text-overflow: ellipsis;
  font-size: 13px;
  overflow: hidden;
}
.timesheet-page-admin
  .select2-container--default
  .select2-results__option[aria-selected="true"] {
  background-color: #f9fafb !important;
}
.select-box-timesheet-arrow
  .select2-container.select2-container--open
  .selection::after,
.form_select_container {
  cursor: pointer;
}
.form_select_container.filter-buttons-outer {
  cursor: auto;
}
.form_select_container
  .select2-container
  .select2-selection--single
  .select2-selection__rendered {
  color: #667085 !important;
  font-size: 14px !important;
}
.w-50 {
  width: 50%;
}
.timesheet-name-outer {
  text-align: center;
}
.select2-results__option .wrap::before {
  color: #999;
  width: 25px;
  height: 25px;
  padding-right: 10px;
}
.select-checkbox .select2-results__option::before {
  position: absolute;
  left: 12px;
  top: 12px;
}
.datepaire_filter:has(input:focus) {
  box-shadow: 0px 0px 0px 4px #98a2b324;
}
.select-checkbox
  .select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  padding: 0;
  background: transparent;
  border: none;
  margin: 0;
}
.select-checkbox .select2-results__option {
  position: relative;
}
.select-checkbox
  .select2-container--default
  .select2-results__option[aria-selected="true"] {
  background-color: #f9fafb !important;
}
.select-checkbox .select2-container--default .select2-results__option {
  margin: 3px 7px;
  padding: 10px 10px 10px 35px;
  border-radius: 5px;
}
.select-checkbox .select2-container--default .select2-results__option .wrap {
  text-align: start;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.select-checkbox
  .select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  border-radius: 5px;
}
.select-box-timesheet-arrow.button .calendar-view-name .dropdown-item::before {
  background-image: url(../images/dashboard/arrow_down.svg);
  content: "";
  background-repeat: no-repeat;
  position: absolute;
  text-align: right;
  background-size: 12px 20px;
  width: 20px;
  height: 20px;
  display: flex;
  right: -10px;
  top: -4px;
}
.select-box-timesheet-arrow.button.show
  .calendar-view-name
  .dropdown-item::before {
  background-image: url(../images/dashboard/arrow_up.svg);
}
.timesheet-page-admin .select-box-timesheet-warp .dropdown-item {
  position: relative;
}
.timesheet-page-admin
  #add_hours
  .company-candidate-select.disabled
  .select2-container
  .select2-selection--single,
.add_hours_timesheet .modal-body .project_date.disabled {
  background-color: #f9fafb !important;
  pointer-events: none;
}
.timesheet-warp .add_hours {
  cursor: pointer;
}
.timesheet-project,
.timesheet-ialt {
  margin-bottom: 0;
}
.datepaire_filter .custom_date-outer .cust-date-range {
  background: transparent;
}
/*================================== end ============================= */
.calendar .fc-toolbar-chunk:nth-child(3) .btn-group .btn.btn-primary:focus {
  box-shadow: none;
}
.fc-dayGridMonth-view .custom-interview {
  border-style: none !important;
  overflow: hidden;
}
.fc-event-title-container span {
  color: #fff;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
}
.fc-dayGridMonth-view .custom-interview:hover .fc-event-title-custom,
.fc-dayGridMonth-view .custom-interview:hover .fc-event-time-custom {
  background: transparent !important;
}
.fc-dayGridMonth-view .fc-daygrid-day-number:hover {
  color: #000 !important;
  background: #ddd;
  text-decoration: none !important;
}
.fc-dayGridMonth-view .fc-daygrid-day-number {
  background: transparent;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  padding: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: #182230 !important;
  text-align: right;
}
.fc-dayGridMonth-view .custom-interview::before {
  content: "";
  border-left: 5px !important;
}
/* .fc-dayGridMonth-view .custom-interview:focus{
background: #fff !important;
box-shadow: none !important;
background-color: #fff !important;
} */
.fc-dayGridMonth-view .custom-interview .fc-event-main-frame {
  display: flex;
  width: 100%;
  overflow: hidden;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #344054 !important;
}
.fc-day-today {
  background: transparent;
  border: none !important;
}
.fc-dayGridMonth-view .custom-interview.fc-event-selected::after,
.fc-dayGridMonth-view .custom-interview.fc-event:focus::after {
  background: transparent !important;
}
.fc-dayGridMonth-view .custom-interview:hover .fc-event-title,
.fc-dayGridMonth-view .custom-interview:hover .fc-event-time {
  background: transparent !important;
}
.tooltip-div-calendar {
  left: 104%;
  width: 290px;
  opacity: 0;
  -webkit-transform: translate3d(0, -15px, 0);
  transform: translate3d(0, -15px, 0);
  -webkit-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  transition: all 150ms linear;
  font-weight: 500;
  line-height: 1.4;
  visibility: hidden;
  position: absolute;
  background: #fff;
  box-shadow: 0 0.5rem 1.2rem rgba(0, 0, 0, 0.2);
  padding: 10px;
  z-index: 9999;
  top: 0;
}
.fc-day-sat .tooltip-div-calendar,
.fc-day-sun .tooltip-div-calendar {
  left: -151%;
}
.interview_list .interview-list {
  margin-bottom: 20px;
}
.fc-day-sat .tooltip-div-calendar::before,
.fc-day-sun .tooltip-div-calendar::before {
  top: 24px;
  left: 96%;
  -webkit-transform: rotate(-411deg);
  -ms-transform: rotate(-411deg);
  transform: rotate(-411deg);
}
.fc-day-sat .tooltip-div-calendar::after,
.fc-day-sun .tooltip-div-calendar::after {
  left: 96%;
}
.body-warp .blocker {
  background: rgba(255, 255, 255, 0.01);
}
.modal-interview-edit-add .blocker {
  background: none;
}
.modal-interview-edit-add .modal.edit_modal {
  z-index: 999 !important;
}
.modal-interview-edit-add .daterangepicker {
  z-index: 9999;
}
.tooltip-div-calendar::after {
  content: "";
  width: 20px;
  position: absolute;
  top: 0px;
  left: -13px;
  height: 100%;
}
.tooltip-div-calendar::before {
  content: "";
  position: absolute;
  top: 17px;
  left: -4px;
  background: #fff;
  width: 15px;
  height: 18px;
  -webkit-transform: rotate(-211deg);
  -ms-transform: rotate(-211deg);
  transform: rotate(-211deg);
  border-top-left-radius: 100%;
  border-top-color: transparent;
  border-left-color: transparent;
}
#editInterview .modal-dialog .close-modal {
  display: block !important;
  top: 16px;
}
#editInterview .modal-dialog .close-modal::before {
  top: 7px;
}
.tooltip-div-calendar .inner-body .bullet {
  padding-left: 4px;
}
.fc-timegrid-col-events .full-class:hover .tooltip-div-calendar {
  opacity: 1;
  display: block;
  visibility: visible;
  cursor: pointer;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.tooltip-div-calendar .inner-body h3 {
  font-size: 16px;
  padding-top: 0px;
  font-weight: 500;
  display: flex;
  margin-top: 0;
  color: #000;
}
.tooltip-div-calendar .inner-body .date {
  margin: 0;
  height: auto;
  width: 100%;
  font-size: 13px;
  position: relative;
  border-bottom: 0.5px #edeaea solid;
  padding-bottom: 6px;
  background: transparent;
  color: #161515bd;
  border-radius: 0;
  line-height: 16px;
  padding-top: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.tooltip-div-calendar .actions {
  display: flex;
  justify-content: flex-end;
}
.tooltip-div-calendar .inner-body .user-details {
  padding-top: 5px;
  font-size: 14px;
  color: #161515bd;
}
.tooltip-div-calendar .inner-body .user-details .las {
  font-size: 21px;
  padding-right: 2px;
  vertical-align: middle;
}
.custom-interview:hover .fc-event-title-custom,
.custom-interview:hover .fc-event-time-custom {
  color: #fff !important;
}
.custom-interview:hover {
  box-shadow: none;
}
.tooltip-div-calendar .actions .evt-edit {
  cursor: pointer;
  margin-right: 1.5rem;
}
.custom-interview:hover {
  box-shadow: none;
}
.fc .fc-dayGridMonth-view .fc-daygrid-event {
  /* background: transparent !important; */
  border-radius: 4px;
  text-transform: capitalize;
  display: flex;
  align-items: center;
}
.datepaire_filter {
  /*  box-shadow: 0px 0px 0px 4px #98A2B324; */
  border-radius: 8px;
  border: 1px #d0d5dd solid;
  background: #ffffff;
  padding: 2px 14px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  vertical-align: middle;
}
.datepaire_filter .custom_date-outer {
  gap: 6px;
}
.datepaire_filter .custom_date-outer .cust-date-range {
  padding: 0;
  width: 85px;
}
.modal-footer.add_hours .btn.cancel_hours {
  margin-left: 0px !important;
}
.modal-footer.add_hours .btn {
  border: 1px #d0d5dd solid;
  padding: 8px 12px;
  background: #ffffff;
  border-radius: 8px;
  width: 50%;
  color: #344054;
  font-size: 14px !important;
  font-weight: 500;
  line-height: 20px;
}
.modal-footer.add_hours .btn.btn-final-submit-hours {
  border-color: #f8e965;
  background: #f8e965;
  position: relative;
}
.modal-footer.add_hours .btn.save_button {
  background: #f9ea65;
  border: 1px solid #f9ea65;
}
.modal-footer.add_hours .btn.close_button:hover {
  background: #f2f4f7;
  border-color: #d0d5dd;
}
#showEvent .col-12 {
  padding-left: 0px;
  padding-right: 0px;
}
.fc-timegrid-event.fc-v-event.custom-interview {
  border: 0px;
  padding: 0px 4px;
  color: #344054;
  font-size: 12px;
  font-weight: 400;
  height: fit-content;
  line-height: 18px;
  border-radius: 4px;
}
.fc-timeGridWeek-view .fc-timegrid-event.fc-v-event.custom-interview {
  padding: 10px 4px;
}
/* .fc-timeGridWeek-view .fc-timegrid-event.fc-v-event.custom-interview:focus{
background: transparent !important;
} */
.fc-timegrid-event.fc-v-event.custom-interview .fc-event-time {
  text-overflow: ellipsis;
}
.tooltip-div-calendar .actions span {
  font-size: 22px;
  color: #000;
}
.tooltip-div-calendar .date {
  font-weight: 500;
}
.fc-timegrid-col-events .custom-interview:hover .tooltip-div-calendar {
  opacity: 1;
  display: block;
  visibility: visible;
  cursor: pointer;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.modal-next-navigation {
  animation-duration: 0.7s;
  animation-fill-mode: both;
  animation-name: leftToslide;
  transition: all 1s ease-out;
}
.modal-prev-navigation {
  animation-duration: 0.6s;
  animation-fill-mode: both;
  animation-name: rightToslide;
  transition: all 1s ease-out;
}
.modal-controll .prev-navigation.btn.disable,
.modal-controll .next-navigation.btn.disable {
  cursor: not-allowed;
}
.moblie-logo {
  display: none;
}
.filter-dropdown-sort {
  display: flex;
}
.filter-dropdown-sort .dropdown {
  margin-left: 1rem;
}
.yellow-badge,
.green-badge,
.grey-badge,
.red-badge {
  padding: 5px 10px;
  border-radius: 4px;
}
.yellow-badge,
.select-category-box .select-category-box-inner.color-ffff00:hover,
.select-category-box .select-category-box-inner.color-ffff00.selected {
  background: yellow;
}
.green-badge,
.select-category-box .select-category-box-inner.color-008000:hover,
.select-category-box .select-category-box-inner.color-008000.selected {
  background: green;
  color: #fff;
}
.grey-badge,
.select-category-box .select-category-box-inner.color-808080:hover,
.select-category-box .select-category-box-inner.color-808080.selected {
  background: gray;
  color: #fff;
}
.red-badge,
.select-category-box .select-category-box-inner.color-ff0000:hover,
.select-category-box .select-category-box-inner.color-ff0000.selected {
  background: red;
  color: #fff;
}
.template_list .Action .action-btn .btn-sm {
  padding: 8px;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.template_list .Action {
  vertical-align: middle;
}
.table .template_list td,
.table .template_list th {
  vertical-align: middle;
}
.table .template_list .Id {
  width: 150px;
}
.note-insert .note-btn:nth-child(3),
.note-view .note-btn:nth-child(3),
.note-insert .note-btn:nth-child(2) {
  display: none;
}
span.note-icon-caret {
  display: none;
}
.note-editor.note-frame.fullscreen {
  background: #fff;
  height: 100%;
}
.note-editor.note-frame.fullscreen .note-editable {
  height: 100vh !important;
  overflow: auto;
  padding-bottom: 4rem !important;
}
.job-details-section .input-content-warp .form-control {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#select2-candidates_edit-results
  .select2-results__option[aria-selected="true"] {
  display: none;
}
.wrapper.range-bar {
  width: 400px;
  background: #fff;
  padding: 20px 25px 20px;
}
.wrapper.range-bar .price-input {
  display: flex;
  margin: 10px 0 10px;
  max-width: 100%;
  justify-content: center;
}
.wrapper.range-bar .price-input .field {
  width: 40px;
}
.wrapper.range-bar .field input {
  width: 100%;
  height: 100%;
  outline: none;
  font-size: 16px;
  border-radius: 5px;
  text-align: center;
  border: 0px solid #999;
  -moz-appearance: textfield;
  color: #101828;
}
.wrapper.range-bar input[type="number"]::-webkit-outer-spin-button,
.wrapper.range-bar input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.wrapper.range-bar .price-input .separator {
  width: 30px;
  display: flex;
  font-size: 19px;
  align-items: center;
  justify-content: center;
}
.wrapper.range-bar .slider {
  height: 10px;
  position: relative;
  background: #ddd;
  border-radius: 5px;
  background-image: linear-gradient(to bottom, #f5f5f5 0, #f9f9f9 100%);
  background-repeat: repeat-x;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  cursor: auto;
}
.wrapper.range-bar .slider::before {
  display: none;
}
.wrapper.range-bar .slider .progress {
  height: 100%;
  left: 0%;
  right: 0%;
  position: absolute;
  border-radius: 5px;
  background: #f9ea65;
}
.wrapper.range-bar .range-input {
  position: relative;
}
.wrapper.range-bar .range-input input {
  position: absolute;
  width: 100%;
  height: 1px;
  top: -5px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.wrapper.range-bar input[type="range"]::-webkit-slider-thumb {
  height: 17px;
  width: 17px;
  border-radius: 50%;
  background: #f9ea65;
  pointer-events: auto;
  -webkit-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 24px -2px rgba(0, 0, 0, 0.75) !important;
  -moz-box-shadow: 1px 1px 24px -2px rgba(0, 0, 0, 0.75) !important;
  box-shadow: 1px 1px 24px -2px rgba(0, 0, 0, 0.75) !important;
}
.wrapper.range-bar input[type="range"]::-moz-range-thumb {
  height: 17px;
  width: 17px;
  border: none;
  border-radius: 50%;
  background: #f9ea65;
  pointer-events: auto;
  -moz-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}
.configure-message .email-label {
  width: 28%;
}
.create_new-email {
  background: #fff;
  width: 700px;
  margin: 0px auto 4rem;
  padding: 20px;
  position: relative;
  border-radius: 15px;
}
.email-label {
  font-size: 16px;
  line-height: 24px;
  color: #364457;
  font-weight: 500;
  width: 50%;
  text-transform: capitalize;
  pointer-events: none;
}
.email-label:focus-visible {
  outline: none;
}
#condition_trigger .custom-select_email {
  box-shadow:
    0 4px 5px 0 rgb(0 0 0 / 12%),
    inset 0px 0px 1px 1px #dadce0;
  border: 0;
}
.configure-message .configure_email {
  background: #f9ea65;
  color: #344054;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  border: 1px solid #f9ea65;
  border-radius: 8px;
  padding: 6px 10px;
  cursor: pointer;
}
.create_new-email.condition_trigger {
  width: 400px;
  border: 2px #ddd dashed;
}
.create_new-email .form-control {
  height: 40px !important;
}
.configure-message .dropdown-toggle::after {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
  border-right: 0em solid transparent;
  border-left: 0em solid transparent;
  vertical-align: middle;
  margin-left: 0.5rem;
  border: 0;
  width: fit-content;
  height: inherit;
}
.icon-circle {
  background: #d0d5dd;
  width: 20px;
  height: 20px;
  display: block;
  border-radius: 50%;
}
.icon-height {
  background: #d0d5dd;
  width: 5px;
  height: 62px;
  display: block;
  margin-top: -8px;
}
.icon_ball {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-flow: column;
  position: absolute;
  bottom: 2.1rem;
  left: 0;
}
#condition_trigger .icon_ball1 {
  top: -4.8rem;
  z-index: 9;
}
.icon_ball1 {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-flow: column;
  position: absolute;
  left: 0;
  top: -3.5rem;
  z-index: -3;
}
.new_email.text-center {
  width: 700px;
  margin: 0px auto 4rem;
  position: relative;
}
.time-delay .custom-select_email .selected_email > .text {
  width: 50%;
}
.time-delay .custom-select_email .selected_email > .time-input {
  margin-right: 7px;
  width: 50%;
  float: right;
  border: none;
  padding: 6px 7px;
  text-align: right;
}
.time-delay .custom-select_email .selected_email > .time-input:focus-visible {
  outline: 0;
}
.time-delay .custom-select_email .selected_email {
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-select_email ul.select-list li.selected {
  background-color: #f9fafb;
}
.new_email_button {
  color: #344054;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  border: 1px solid #d0d5dd;
  background: #fff;
  border-radius: 8px;
  padding: 6px 10px;
  cursor: pointer;
  margin-top: -2px;
}
.custom-select_email.input-add-time .select-box.active {
  display: none;
}
.custom-select_email.input-add-time .selected_email span.open::before {
  content: "\f078";
}
.new_email_button:focus {
  outline: 0px dotted;
  outline: 0px auto -webkit-focus-ring-color;
}
.custom-select_email {
  position: relative;
  height: 40px;
  width: 100%;
  font-size: 1rem;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  padding: 0px 0px;
}
#action-trigger .custom-select_email {
  max-width: 67%;
}
.note-children-container {
  display: none;
}
.custom-select_email .selected_email {
  width: 100%;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
}
.custom-select_email .selected_email > .text {
  padding: 10px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
}
.wrapper.range-bar .slider .progress:focus-visible,
.wrapper.range-bar .slider:focus-visible,
.wrapper.range-bar .range-input input:focus-visible {
  outline: 0;
}
.pipeline-container .score {
  font-size: 14px;
  font-weight: 600;
  display: block;
}
.pipeline-container .score::before {
  content: "(";
}
.pipeline-container .score::after {
  content: ")";
}
.custom-select_email .select-box {
  display: none;
  width: 100%;
  z-index: 10029;
  position: absolute;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.custom-select_email .select-box.active {
  display: block;
}
.custom-select_email .select-box.drop-up {
  top: auto;
  bottom: 100%;
}
.custom-select_email ul.select-list {
  margin: 0;
  padding: 10px 0px;
  list-style-type: none;
  background: #fff;
  max-height: 250px;
  overflow-x: hidden;
  overflow-y: auto;
}
.custom-select_email ul.select-list li {
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
  padding: 0.5rem 1rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  border: 0;
  font-size: 14px;
}
.selected_email span::before {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
  text-align: right;
  float: right;
  color: #667085;
  font-weight: 400;
}
.selected_email span.open::before {
  content: "\f077";
}
.custom-select_email ul.select-list li:hover,
.custom-select_email ul.select-list li.active {
  background-color: #f9fafb;
  color: #212529;
}
.custom-select_email ul.select-list li.selected::before {
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  font-weight: 600;
  color: #182230;
  font-size: 12px;
  margin-top: 2px;
  float: right;
}
.select-box-timesheet-arrow .calender-view .dropdown-item.active::before {
  /* position: fixed;
right: 10px; */
}
.timesheet-page-admin .calender-view .dropdown-item.active::before,
.select_full_day .form_select_container .dropdown-item.active::before {
  color: #182230;
}
.close_condition_tab,
.close_sent_tab {
  position: absolute;
  top: -9px;
  right: -5px;
  width: 25px;
  margin-left: auto;
  height: 25px;
  text-align: center;
  border-radius: 100%;
  background-color: #f9ea65;
  color: #5d5959;
  z-index: 9;
}
.configure-message .dropdown-toggle.open::after {
  content: "\f077";
}
.link-dialog .modal-header .modal-title {
  display: none;
}
.link-dialog .note-link-btn.btn-primary.disabled {
  color: #fff;
  background-color: #364458;
  border-color: #364458;
}
.checkbox input#sn-checkbox-open-in-new-window {
  margin-right: 0.5rem;
}
.searchbox-iconActive .fa-search,
.searchbox-icon .fa-times,
.icon-search-input-menu {
  display: none;
}
.header-wrapper .add-new-notification .notification-content {
  width: 100%;
  min-width: 390px;
  background: #fff;
  border-radius: 8px;
  position: absolute;
  right: 2rem;
  max-width: 390px;
  /*         min-height: 450px; */
  top: 4.4rem;
  border: 1px solid #eaecf0;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
}
.no-notifications h6 {
  font-size: 16px;
  font-style: normal;
  line-height: 24px;
  color: #101828;
  font-weight: 600;
  margin-bottom: 4px;
}
.no-notifications p {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: #475467;
}
.no-notifications {
  display: flex;
  align-items: center;
  flex-flow: column;
  justify-content: center;
  height: 450px;
}
.add-new-notification .dash-head-link {
  background: rgba(255, 255, 255, 1);
  border: none;
  position: relative;
}
.add-new-notification .dash-head-link:hover,
.add-new-notification .dash-head-link.active {
  background: #f9fafb;
}
/* .add-new-notification .notification span{
width: 8px;
height: 8px;
position: absolute;
right: 9px;
top: 8px;
border-radius: 50%;
border: 1.5px solid #FFF;
background: #17B26A;
} */
.header-images {
  width: 24px;
  height: 24px;
  margin: 4px;
}
body.new-sidebar .header-images {
  margin: 0;
}
.searchbox-iconActive .fa-times,
.icon-searchbox-iconActive {
  display: block;
  line-height: inherit;
}
.notification_navbar {
  padding: 0px 16px;
}
.notification_navbar .nav-item:hover {
  color: #182230 !important;
  border: none;
  /* font-weight: 600; */
}
.notification_navbar .nav-item {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: #667085;
  border: none;
  padding: 0rem 10px 12px;
}
.notification_navbar .nav-item:first-child {
  margin-left: 8px;
}
.notification_navbar .nav-item.active {
  color: #182230 !important;
  border-bottom: 1px #ddd solid;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 2px solid #182230;
}
span.icon-search-input-menu {
  position: absolute;
  top: 7px;
  left: 10px;
  z-index: 0;
  color: #000;
  font-size: 17px;
}
.add-new-company.dropdown .dropdown-item {
  padding: 10px;
  display: flex;
}
.add-new-company .dropdown-item {
  display: block;
  width: auto;
  margin: 0px auto;
  clear: both;
  font-weight: 400;
  color: #344054;
  text-align: inherit;
  white-space: nowrap;
  font-size: 14px;
  background-color: transparent;
  border: 0;
  margin: 0px 6px;
  border-radius: 8px;
  line-height: 20px;
}
.add-new-company.dropdown .dropdown-item:hover,
.add-new-company.dropdown .dropdown-item:focus {
  color: #343a40 !important;
  text-decoration: none;
  background-color: #f9fafb !important;
}
.add-new-company .dash-head-link {
  background: #f9ea65;
  color: #182230;
  transition: 0.5s ease;
}
.add-new-company .dash-head-link:hover {
  background: #daca60;
  transition: 0.5s ease;
}
.navbar-nav-child {
  font-size: 0;
}
.search-bar {
  float: right;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 320px;
  top: 52%;
  right: 1%;
  margin-right: 8px !important;
}
.searchbox {
  position: relative;
  min-width: 40px;
  width: 0%;
  height: 40px;
  float: right;
  overflow: hidden;
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  -ms-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
  margin-bottom: 0;
  border-radius: 8px;
}
.searchbox-input {
  top: 0;
  right: 0;
  border: 0;
  outline: 0;
  background-color: #f2f4f7;
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 0px 35px;
  font-size: 14px;
  color: #101828;
  font-weight: 400;
  border-radius: 8px;
}
.searchbox-input::-webkit-input-placeholder {
  color: #667085;
}
.searchbox-input:-moz-placeholder {
  color: #667085;
}
.searchbox-input::-moz-placeholder {
  color: #667085;
}
.searchbox-input:-ms-input-placeholder {
  color: #667085;
}
.searchbox-icon,
.searchbox-submit {
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  font-size: 17px;
  right: 0;
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  text-align: center;
  cursor: pointer;
  color: black;
  background-color: #fff;
  border: 1px solid #f2f4f7;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
}
.searchbox-icon {
  border: none;
}
.searchbox-icon:hover {
  background-color: #f2f4f7;
}
.searchbox-iconActive {
  background-color: #f2f4f7;
  border-radius: 0px 8px 8px 0px;
}
.searchbox-open .searchbox-submit {
  border: none;
}
.searchbox-open {
  width: 320px;
}
.notification-total {
  padding: 16px;
}
.notification_container {
  background-color: #fff;
  border-radius: 0px 0px 8px 8px;
}
ul.notification_main {
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 650px;
  overflow: auto;
  overflow-x: hidden;
}
ul.notification_main::-webkit-scrollbar,
.ui-timepicker-wrapper::-webkit-scrollbar,
.select2-container--default
  .select2-results
  > .select2-results__options::-webkit-scrollbar,
.form-control::-webkit-scrollbar,
.job-filter-dropdown-sort ul.dropdown-menu.dropdown-menu-end::-webkit-scrollbar,
.note-editable::-webkit-scrollbar,
.custom-select_email ul.select-list::-webkit-scrollbar,
.new-contract-standalone .modal-body::-webkit-scrollbar,
.standalone-jobpiline .modal-content::-webkit-scrollbar {
  width: 6px;
  height: 5px;
}
ul.notification_main::-webkit-scrollbar-track,
.ui-timepicker-wrapper::-webkit-scrollbar-track,
.select2-container--default
  .select2-results
  > .select2-results__options::-webkit-scrollbar-track,
.form-control::-webkit-scrollbar-track,
.job-filter-dropdown-sort
  ul.dropdown-menu.dropdown-menu-end::-webkit-scrollbar-track,
.note-editable::-webkit-scrollbar-track,
.custom-select_email ul.select-list::-webkit-scrollbar-track,
.new-contract-standalone .modal-body::-webkit-scrollbar-track,
.standalone-jobpiline .modal-content::-webkit-scrollbar-track {
  background: transparent;
}
.loader-text.presentation {
  position: absolute;
  color: transparent;
  z-index: 99999999;
  top: 57%;
  left: 45%;
}
ul.notification_main::-webkit-scrollbar-thumb,
.ui-timepicker-wrapper::-webkit-scrollbar-thumb,
.select2-container--default
  .select2-results
  > .select2-results__options::-webkit-scrollbar-thumb,
.form-control::-webkit-scrollbar-thumb,
.job-filter-dropdown-sort
  ul.dropdown-menu.dropdown-menu-end::-webkit-scrollbar-thumb,
.note-editable::-webkit-scrollbar-thumb,
.custom-select_email ul.select-list::-webkit-scrollbar-thumb,
.new-contract-standalone .modal-body::-webkit-scrollbar-thumb,
.standalone-jobpiline .modal-content::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #eaecf0;
  border: 1.5px solid #eaecf0;
}
.form-control::-webkit-scrollbar-thumb {
  cursor: pointer;
}
ul.notification_main li {
  display: -webkit-box;
  border-bottom: 1px solid #eaecf0;
  padding: 16px;
}
ul.notification_main li:last-child {
  border-bottom: 0;
}
.notification_main .icon_main {
  margin-right: 10px;
}
.notification_main .icon_main img {
  width: 32px;
}
.notification_main .document_name_text {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 3px;
}
.notification_main .unread-notification .document_name_text h4,
.notification_main .unread-notification .document_name_text p,
.notification_main .unread-notification .document_description_p p {
  opacity: 1;
}
.notification_main .document_name_text h4 {
  margin-bottom: 0;
  margin-top: 0;
  color: #344054;
  font-size: 14px;
  font-weight: 500;
  opacity: 0.7;
}
.notification_main .document_name_text p {
  font-size: 12px;
  margin-bottom: 0;
  margin-top: 0;
  color: #475467;
  font-weight: 400;
  opacity: 0.7;
}
.notification_main .document_description_p p {
  margin-bottom: 12px;
  font-size: 14px;
  color: #475467;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.7;
}
.notification_main .document_description_p {
  padding-right: 2rem;
}
.notification_main .document_description_p p span {
  font-weight: 600;
  color: #475467;
}
.notification_main .document_link {
  display: flex;
  gap: 16px;
}
.notification_main .document_link a {
  font-size: 14px;
  text-decoration: none;
  font-weight: 500;
}
.notification_main .document_link a.blue {
  color: #175cd3;
}
.notification_main .document_link a.dark {
  color: #475467;
}
.taccordion_footer .save_btn .save-applicant-data {
  color: #182230 !important;
}
@media (max-width: 767px) {
  .header-img {
    padding-left: 0;
  }
  .header-wrapper .add-new-notification .notification-content {
    width: 100vw;
    max-height: 100vh;
    border-radius: 0;
    right: 1rem;
    min-width: fit-content;
  }
  .notification_navbar .nav-item {
    padding: 10px;
  }
  .notification_navbar {
    padding: 0px;
  }
  .search-bar {
    /*  position: absolute;
top: -47px;
transform: none;
left: auto; */
    right: 40px;
  }
  .searchbox {
    min-width: 34px;
    height: 34px;
  }
  .searchbox-input {
    height: 50px;
    font-size: 14px;
    margin-bottom: 10px;
    margin: 0px 16px 15px;
    width: 90%;
    height: inherit;
    padding: 15px 10px 15px 40px;
    max-width: 100%;
  }
  .dash-sidebar.light-sidebar .navbar-nav > .nav-item > .nav-link {
    margin-left: 8px;
    margin-right: 8px;
  }
  span.icon-search-input-menu {
    position: absolute;
    top: 8px;
    left: 30px;
    z-index: 0;
    color: #000;
    font-size: 17px;
  }
  .searchbox-icon,
  .searchbox-submit {
    width: 34px;
    height: 34px;
    font-size: 18px;
    line-height: 28px;
  }
}
.dropdown_login_profile {
  font-size: 14px;
  line-height: 20px;
  border-bottom: 1px solid #eaecf0;
  padding: 6px 16px 8px;
  margin-bottom: 6px;
}
.header-wrapper .profile_dropdown_menu {
  width: 240px;
  right: 7px;
  left: inherit !important;
}
.profile_dropdown_menu .email_id .user {
  font-weight: 600;
  color: #344054;
  margin-bottom: 0;
  white-space: nowrap;
  width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.profile_dropdown_menu .email_id .mail-id {
  font-weight: 400;
  color: #475467;
  margin-bottom: 0;
  width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.notifications-count {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  color: #344054;
}
.notifications-count .count {
  border-radius: 100%;
  color: #363f72;
  background: #f8f9fc;
  border: 1px solid #d5d9eb;
  margin-left: 4px;
  font-size: 12px;
  font-weight: 500;
  position: relative;
  display: inline-block;
  min-width: 20px;
  padding: 0px 2px;
  text-align: center;
  line-height: 18px;
}
.notification-total .mark_all {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  color: #175cd3;
  border-top: 1px #eaecf0 solid;
}
.notification-total .mark_all span {
  padding-left: 1.6rem;
}
.notification-total .mark_all.todo_add_new {
  border-top: 0px;
  padding-right: 0;
}
.notification-total .mark_all:hover {
  text-decoration: none;
}
.nav-item .tooltip {
  visibility: hidden;
  background: #101828;
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 3px #101828;
  border-radius: 8px;
  padding: 8px 12px;
  position: absolute;
  z-index: 1;
  bottom: 12.5%;
  left: 118%;
  opacity: 0;
  transition: opacity 0.3s;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap;
  height: 34px;
  line-height: 15px;
}
.nav-item .nav-link .tooltip::after {
  content: "";
  position: absolute;
  top: 20%;
  left: -17px;
  margin-left: 0px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent #101828 transparent transparent;
}
.nav-item .nav-link:hover .tooltip {
  visibility: visible;
  opacity: 1;
}
.logo_mobile,
.Settings_responshiv {
  display: none !important;
}
.plus_fixed,
.close_fixed {
  display: none;
}
.mobile_dropdown_login_profile {
  display: none;
}
.search_bar_mobile {
  display: none;
}
/* .modal-hiremodal{
z-index: 99999;
}  */
/* @media (max-width: 1600px){
.main-section-inner .container{
max-width: 1230px;
}
}
@media (max-width: 1580px){
.main-section-inner .container{
max-width: 1300px;
}
}
@media (max-width: 1480px){
.main-section-inner .container {
max-width: 100%;
padding-left: 36px;
padding-right: 30px;
}
} */
/* =================================== dashboard_navbar =============================== */
#add-new-condition-select .email-section {
  display: none !important;
}
.dashboard_navbar {
  justify-content: space-between;
}
.dashboard_navbar .nav-item span {
  display: block;
}
.border-right-dashboard .dashboard_navbar.nav-tabs .nav-link {
  /* padding-right: 18rem; */
  padding-left: inherit;
  cursor: default;
  width: 33%;
  padding-left: 15px;
}
.border-right-dashboard .dashboard_navbar .nav-item.active::before {
  display: none;
}
.dashboard_navbar.nav-tabs .nav-link {
  border-right: 1px #eaecf0 solid;
  margin: 16px 0px;
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
  border-top: 0px;
  border-bottom: 0px;
  /*padding-right: 13rem;
padding-left: 0.5rem;*/
  width: 20%;
}
.apexcharts-tooltip-y-group {
  align-items: center;
  width: 100%;
  justify-content: space-between;
  display: flex;
}
.apexcharts-tooltip-text {
  width: 100%;
}
.apexcharts-tooltip {
  width: 200px;
}
.apexcharts-tooltip.apexcharts-theme-light {
  border: 0px solid #e3e3e3 !important;
  background: #101828 !important;
  color: #fff !important;
}
.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
  background: #101828 !important;
  border-bottom: 0px solid #ddd !important;
  color: #fff !important;
}
.dashboard_navbar.nav-tabs .nav-link:first-child {
  margin-left: 0;
  padding-left: 0;
}
.dashboard_navbar.nav-tabs .nav-link:last-child {
  border-right: 0px #dee2e6 solid;
}
.dashboard_navbar.nav-tabs {
  border-bottom: 1px solid #eaecf0;
  border-top: 1px #eaecf0 solid;
  margin-bottom: 24px;
}
.card-body-graph ul {
  display: flex;
  padding-left: 0;
  margin-bottom: -1.5rem;
  position: relative;
  z-index: 999;
}
.card-body-graph ul.dropdown-menu {
  display: none;
}
.card-body-graph .dropdown-desh-custom ul.dropdown-menu.show {
  display: block;
  top: 9px !important;
  padding: 6px;
  left: -14px !important;
}
.apexcharts-tooltip-marker {
  width: 14px !important;
  height: 12px !important;
}
.apexcharts-xaxistooltip,
.apexcharts-yaxistooltip {
  background: transparent !important;
  border: 0px solid #90a4ae !important;
}
.apexcharts-text tspan {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #475467;
  fill: #475467;
}
.apexcharts-xaxistooltip-bottom::before,
.apexcharts-xaxistooltip-bottom::after,
.apexcharts-xaxistooltip,
.apexcharts-yaxistooltip {
  display: none !important;
}
.card-body-graph .dropdown-desh-custom .dropdown-toggle::after {
  display: none;
}
.card-body-graph .fa-chevron-down {
  margin-left: 10px;
}
.card-body-graph ul li {
  display: inline-flex;
  margin-right: 1rem;
  background: transparent;
  padding: 8px 12px;
  border-radius: 6px;
  height: 36px;
  width: auto;
  cursor: pointer;
}
.card-body-graph ul li:hover,
.card-body-graph ul li.active {
  background: #f2f4f7;
}
.card-body-graph ul li .span-filter-time {
  color: #182230;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  cursor: pointer;
}
.card-body-graph .dropdown-desh-custom ul li {
  width: 100%;
}
.card-body-graph ul li a:hover {
  color: #182230 !important;
  text-decoration: none;
}
.dashboard_navbar.nav-tabs .nav-item.show .nav-link,
.dashboard_navbar.nav-tabs .nav-link.active {
  background-color: transparent;
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
}
.dashboard_navbar.nav-tabs .nav-link:focus,
.dashboard_navbar.nav-tabs .nav-link:hover {
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
}
.dashboard_navbar.nav-tabs .total-candidates {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #182230;
}
.dashboard_navbar.nav-tabs .total-Percentage {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #067647;
  padding-bottom: 8px;
}
.border-right-dashboard .dashboard_navbar.nav-tabs .total-value {
  margin-top: 8px;
}
.dashboard_navbar.nav-tabs .total-Percentage.color-red {
  color: #b42318;
}
.dashboard_navbar.nav-tabs .total-value {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #101828;
}
.dashboard_navbar .nav-item {
  position: relative;
}
/* .dashboard_navbar.nav-tabs .nav-link:first-child::before{
width: 100%;
left: 0;
} */
.dashboard_navbar .nav-item.active::before {
  content: "";
  background: #667085;
  width: 100%;
  left: 0;
  height: 2px;
  position: absolute;
  bottom: -1rem;
}
.active_candidates_reports,
.active_Month_reports {
  color: #475467;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}
.active_Month_reports {
  text-align: center;
}
.active_candidates_reports {
  display: inline-block;
  transform: rotate(-90deg);
  text-align: center;
  position: relative;
  left: -8.8rem;
  top: 9.5rem;
  width: 15%;
}
.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
.chart_ashboard {
  padding-left: 1rem;
  position: relative;
  min-height: 342px;
}
.recent_jobs_container {
  width: 100%;
  padding: 12px 15px;
}
.apx-legend-position-bottom {
  display: none !important;
}
.border-right-dashboard .chart_ashboard {
  padding-left: 0rem;
}
.border-right-dashboard .card-body-graph ul {
  margin-bottom: -0.3rem;
}
.main-section-inner {
  padding-bottom: 24px;
}
@media (max-width: 767px) {
  .main-section-inner {
    padding-bottom: 32px !important;
  }
}
.recent_jobs_table {
  border: 1px solid #eaecf0;
  border-radius: 12px;
  background-color: #fff;
}
.recent_jobs_table .recent_jobs_table_header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #eaecf0;
  padding: 16px 24px;
  align-items: center;
}
.recent_jobs_table .recent_jobs_table_header h4 {
  font-size: 16px;
  margin-bottom: 0;
  font-weight: 500;
  color: #101828;
  margin-top: 0;
  line-height: 24px;
}
.btn_top_p10 {
  text-decoration: none;
  background-color: #f9ea65;
  color: #182230;
  border-radius: 8px;
  padding: 10px 14px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  border: 1px #f9ea65 solid;
}
.btn_top_p8:hover,
.btn_top_p10:hover {
  color: #182230 !important;
}
.btn_top_p8 {
  text-decoration: none;
  background-color: #f9ea65;
  color: #182230;
  border-radius: 8px;
  padding: 8px 12px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  border: 1px #f9ea65 solid;
}
.recent_jobs_table .recent_jobs_table_header a {
  text-decoration: none;
  background-color: #f8e965;
  color: #182230;
  border-radius: 8px;
  padding: 8px 12px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  border: 1px #f8e965 solid;
  transition: 0.5s ease;
}
.recent_jobs_table .recent_jobs_table_header a:hover {
  color: #182230 !important;
  background-color: #daca60;
  border-color: #daca60;
  transition: 0.5s ease;
}
.recent_jobs_table table {
  width: 100%;
  color: #818592;
  font-size: 14px;
}
.recent_jobs_table table thead tr th {
  padding: 12px 24px;
  border-bottom: 1px solid #eaecf0;
  background-color: #f9fafb;
  font-weight: 500;
  font-size: 12px;
  color: #475467;
  line-height: 18px;
}
.recent_jobs_table table tbody tr {
  border-bottom: 1px solid #eaecf0;
}
.recent_jobs_table table tbody tr:last-child {
  border-bottom: none;
}
.recent_jobs_table table tbody td {
  padding: 16px 24px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #475467;
  min-height: 72px;
}
.recent_job_content table tbody td {
  text-align: center;
}
.recent_jobs_table table tbody tr td a,
.recent_jobs_table table tbody tr td a:hover {
  color: #475467 !important;
}
.recent_jobs_table table tbody tr td:first-child,
.recent-jobs-outer .recent_jobs_table table thead tr th:first-child {
  text-align: start;
  text-align: start;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 300px;
}
.recent_jobs_table .date-time-space {
  width: 12px;
  display: inline-block;
}
.recent-jobs-outer .recent_jobs_table table thead tr th,
.recent-jobs-outer .recent_job_content table tbody td {
  text-align: right;
}
.recent-jobs-outer .recent_job_content table tbody td:last-child > p,
.recent-jobs-outer .recent_job_content table thead th:last-child {
  text-align: center;
  margin: auto;
}
/*     .recent_jobs_table table tbody tr td:last-child{
text-align: center;
} */
.recent_jobs_table table tbody tr td .text-seeking,
.recent_jobs_table table tbody tr td .text-success,
.recent_jobs_table table tbody tr td .text-orange,
.recent_jobs_table table tbody tr td .text-purple,
.recent_jobs_table table tbody tr td .text-blue,
.recent_jobs_table table tbody tr td .text-yellow,
.recent_jobs_table table tbody tr td .text-green,
.recent_jobs_table table tbody tr td .text-mand-marken,
.recent_jobs_table table tbody tr td .text-jobsamtale,
.recent_jobs_table table tbody tr td .text-vi-soger,
.recent_jobs_table table tbody tr td .text-i-bero,
.recent_jobs_table table tbody tr td .text-annulleret,
.recent_jobs_table table tbody tr td .text-lightblue {
  margin-bottom: 0;
  border: 1px solid transparent;
  border-radius: 16px;
  padding: 2px 8px;
  font-size: 12px;
  width: fit-content;
  font-weight: 500;
}
.recent_jobs_table table tbody tr td .text-lightblue {
  color: #22abff !important;
  background-color: #e9f5fd;
  border-color: #b5e3ff;
}
.recent_jobs_table table tbody tr td .text-seeking {
  border-color: #eaecf0;
  background: #f9fafb;
  color: #344054;
}
.recent_jobs_table table tbody tr td .text-success {
  color: #067647 !important;
  background-color: #ecfdf3;
  border-color: #abefc6;
}
.recent_jobs_table table tbody tr td .text-orange {
  color: #b42318 !important;
  background-color: #fffbfa;
  border-color: #fecdca;
}
.recent_jobs_table table tbody tr td .text-purple {
  color: #800080 !important;
  background-color: #80008026;
  border-color: #800080;
}
.recent_jobs_table table tbody tr td .text-blue {
  color: #0000ff !important;
  background-color: #0000ff1c;
  border-color: #0000ff;
}
.recent_jobs_table table tbody tr td .text-yellow {
  color: #182230 !important;
  background: #ffff0030;
  border-color: #ffff00;
}
.recent_jobs_table table tbody tr td .text-green {
  color: #008000 !important;
  background: #00800030;
  border-color: #008000;
}
.recent_jobs_table table tbody tr td .text-mand-marken {
  color: #067647 !important;
  background-color: #ecfdf3;
  border-color: #abefc6;
}
.recent_jobs_table table tbody tr td .text-jobsamtale {
  color: #171717 !important;
  background: rgb(255 255 0 / 19%);
  border-color: #ffff00;
}
.recent_jobs_table table tbody tr td .text-vi-soger {
  border-color: #eaecf0;
  background: #f9fafb;
  color: #808080 !important;
}
.recent_jobs_table table tbody tr td .text-i-bero {
  color: #171717 !important;
  background: rgb(255 255 0 / 19%);
  border-color: #ffff00;
}
.recent_jobs_table table tbody tr td .text-annulleret {
  color: #ff0000 !important;
  background-color: #ff000014;
  border-color: #ff00004d;
}
.job_matches .job_matches_score.red .percentage {
  color: #b42318;
  background-color: #fef3f2;
  border: 1px solid #b42318;
}
.scroll-table {
  overflow-x: auto;
  overflow-y: hidden;
}
.name-weeek-days {
  padding: 16px;
  display: flex;
}
.name-weeek-days .work-day {
  width: 50%;
}
.name-weeek-days .work-day .day-1 {
  color: #667085;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.name-weeek-days .work-day .day-colut {
  color: #182230;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
/*==========================================job-module=============================================== */
.float-left-count .count {
  background-color: #fefce7;
  color: #101828;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  border: 1px #f8e965 solid;
  display: none;
  text-align: center;
  border-radius: 18px;
  margin-left: 10px;
  padding: 2px 8px;
  box-sizing: content-box;
  white-space: nowrap;
}
.float-left-count {
  margin-top: 0px;
}
.float-end-candidate .btn-add-candidate-icon {
  background: #f8e965;
  border-radius: 6px;
  width: 30px;
  height: 30px;
  display: block;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
}
.float-end-candidate .btn-add-candidate-icon:hover {
  color: #111828;
}
.candidate-list-modal.recent_jobs_table {
  border: 0px solid #eaecf0;
  border-radius: 0px;
  background-color: transparent;
}
.candidate-list-modal.recent_jobs_table .modal-content {
  overflow: hidden;
  border-radius: 12px;
}
.candidate-list-modal.recent_jobs_table .modal-dialog.modal-fullscreen {
  width: 88vw;
  max-width: none;
  height: 100%;
  margin: auto;
}
.candidate-list-modal.recent_jobs_table .modal-fullscreen .modal-body {
  height: 80vh;
}
.modal-open .candidate-list-modal.recent_jobs_table.modal {
  overflow: hidden;
}
.candidate-list-modal.recent_jobs_table.modal.show .modal-dialog {
  overflow: hidden;
}
.add_team_member .btn-cancel-candidate {
  border: 1px solid #d0d5dd;
  padding: 10px 14px;
  background: #ffffff;
  border-radius: 8px;
  width: auto;
  color: #344054;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  margin-right: 10px;
}
.add_team_member {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.candidate-list-modal.recent_jobs_table .modal-header-sticky .left h3 {
  margin-top: 0;
  color: #101828;
  font-weight: 600;
  font-size: 18px;
  line-height: 18px;
  padding-bottom: 16px;
}
.candidate-list-modal.recent_jobs_table .select-form-holder {
  margin-top: 0;
}
.letters_search {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #667085;
  text-align: center;
  margin-top: 10px;
}
.letters_search span {
  color: #101828;
}
.show-on-focus {
  background: #fff;
  box-shadow: 0px 12px 16px -4px #10182814;
  padding: 20px;
  display: flex;
  flex-flow: column;
  border: 1px #eaecf0 solid;
  margin-top: 3px;
  height: 320px;
  position: absolute;
  z-index: 9;
  min-height: 320px;
  width: 307px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}
.clear-search {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #475467;
  float: right;
  padding-left: 1rem;
  position: relative;
  top: 10px;
  cursor: pointer;
}
#candidate-list-modal input[type="checkbox"],
input[type="radio"] {
  width: 20px;
  height: 20px;
  accent-color: #f8e965;
  border-radius: 6px !important;
  font-size: 10px;
  padding: 6px;
}
.candidate-list-modal thead {
  position: fixed;
  left: 1px;
  right: 1px;
  top: 9.2rem;
}
.candidate-list-modal .modal-body {
  padding: 2.6rem 0px 1rem;
}
.candidate-list-modal .data-table .members_list td .email,
.candidate-list-modal .data-table .members_list td .name,
.candidate-list-modal .data-table .client_list td .email,
.candidate-list-modal .data-table .client_list td .name {
  max-width: fit-content;
  text-decoration: none;
  /*     overflow: visible !important; */
  white-space: normal !important;
}
.candidate-list-modal .data-table .members_list td,
.candidate-list-modal .data-table .client_list td,
.candidate-list-modal .client-table.data-table th,
.candidate-list-modal .candidate-table.data-table th {
  max-width: 118px;
}
.candidate-list-modal.recent_jobs_table table tbody td,
.candidate-list-modal.recent_jobs_table table tr th {
  padding: 16px 0px;
}
.candidate-list-modal.recent_jobs_table table tbody td:nth-child(1),
.candidate-list-modal.recent_jobs_table table tr th:nth-child(1) {
  padding: 16px 24px;
  width: 40px;
}
.candidate-list-modal.recent_jobs_table .candidate-table.data-table th {
  min-width: fit-content;
}
.candidate-list-modal .side-border span {
  display: inline-block;
}
/* .candidate-list-modal .email.side-border span{
margin-bottom: 0.5rem !important;
} */
.show-on-focus {
  display: none;
}
.searchbox-input:focus + .show-on-focus {
  display: flex;
}
.recent_jobs_table .searchbox-input {
  width: 307px;
  padding: 10px 12px;
  border: 1px solid #d0d5dd;
  background: #fff;
}
.select_full_day .form_select_container .dropdown-toggle:focus {
  box-shadow: 0px 0px 0px 4px #98a2b324;
}
.candidate-list-modal.recent_jobs_table .modal-header-sticky.modal-header {
  padding: 20px 24px !important;
}
.add-candidate_modal .modal-backdrop.show {
  opacity: 0.2;
}
.edit-candidate_modal {
  overflow: hidden;
}
.desktop_layout {
  display: block;
}
.mobile_layout {
  display: none;
}
.select-company-hours .select_full_day .form_select_container .dropdown-toggle {
  width: 168px;
}
.select_full_day .form_select_container .dropdown-toggle {
  height: 40px;
  width: 132px;
  border: 1px solid #d0d5dd;
  background: #fff;
  border-radius: 8px;
  padding: 10px 12px;
  line-height: 0px;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #101828;
}
.page-applicants-list
  .select_full_day
  .form_select_container
  .calendar-view-name-toggle
  .dropdown-toggle
  .dropdown-item {
  overflow: visible;
}
.select_full_day .form_select_container .dropdown-toggle .dropdown-item {
  padding: 0px;
  color: #101828;
  font-size: 14px;
  font-weight: 400;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 15px;
}
.job-distance-com.select_full_day
  .form_select_container
  .dropdown-toggle
  .dropdown-item {
  overflow: inherit;
}
.to-do-body
  .select_full_day
  .form_select_container
  .dropdown-toggle
  .dropdown-item,
.page-applicant-profile-create
  .select_full_day
  .form_select_container
  .dropdown-toggle
  .dropdown-item {
  overflow: visible;
}
.timesheet-page-admin
  .select_full_day
  .form_select_container
  .dropdown-item:active,
.timesheet-page-admin
  .select_full_day
  .form_select_container
  .dropdown-item:hover {
  background: none !important;
}
.select_full_day
  .form_select_container
  .dropdown-toggle[aria-expanded="false"]
  .dropdown-item::after {
  background-image: url("../images/dashboard/arrow_down.svg");
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  right: -5px;
  text-align: right;
  background-size: 12px 20px;
  width: 20px;
  height: 20px;
  display: flex;
  top: 0px;
}
.select_full_day.distance_filter
  .input-group-outer.show
  .dropdown-toggle[aria-expanded="false"]
  .dropdown-item::after {
  display: none;
}
.select_full_day.distance_filter .form_select_container.show {
  box-shadow: 0px 0px 0px 4px rgba(152, 162, 179, 0.14);
  border-radius: 8px;
}
.select_full_day
  .form_select_container.show
  .dropdown-toggle[aria-expanded="true"]
  .dropdown-item::after,
.select_full_day
  .calendar-view-name-toggle.show
  .dropdown-toggle[aria-expanded="true"]
  .dropdown-item::after,
.page-applicant-profile-create
  .distance_filter
  .input-group-outer.show
  .dropdown-toggle
  .dropdown-item::after,
.page-candidate-profile-create
  .distance_filter
  .input-group-outer.show
  .dropdown-toggle
  .dropdown-item::after {
  background-image: url("../images/dashboard/arrow_up.svg");
  content: "";
  background-repeat: no-repeat;
  position: absolute;
  right: -7px;
  text-align: right;
  background-size: 12px 20px;
  width: 20px;
  height: 20px;
  display: flex;
  top: 0;
}
#profile_details
  .select_full_day
  .form_select_container.show
  .dropdown-toggle[aria-expanded="true"]
  .dropdown-item::after {
  right: -25px;
}
.select_full_day .form_select_container .dropdown-toggle::after {
  display: none;
}
.select_full_day .form_select_container .dropdown-item:active,
.select_full_day .form_select_container .dropdown-item:hover {
  color: #101828 !important;
  background-color: #f9f9f9 !important;
}
.timesheet-page-candidate
  .select_full_day
  .form_select_container
  .dropdown-item:hover {
  background: none !important;
}
.select_full_day .form_select_container .dropdown-menu.calender-view.show {
  top: 3px !important;
  right: 12rem;
  max-height: 160px;
  overflow-x: hidden;
  overflow-y: auto;
}
#reject
  .select_full_day
  .form_select_container
  .dropdown-menu.calender-view.show {
  right: 0rem;
}
/*========================================================== timesheet_navbaar==================================================== */
.timesheet_mood {
  position: relative;
}
.timesheet_mood-tooltip {
  width: 320px;
  box-shadow: 0px 12px 16px -4px #10182814;
  background: #101828;
  padding: 12px;
  gap: 0px;
  border-radius: 8px;
  display: none;
  right: -10.2rem;
  position: absolute;
  z-index: 99;
  top: -3.6rem;
  cursor: auto;
}
.timesheet_emoji {
  width: 24px;
  height: 24px;
}
.timesheet_mood-tooltip::before {
  content: "";
  position: absolute;
  bottom: -18px;
  left: 9.2rem;
  margin-left: 0px;
  border-width: 10px;
  border-style: solid;
  border-color: #101828 transparent transparent transparent;
}
.timesheet_mood:hover .timesheet_mood-tooltip {
  display: block;
}
.excellent_mood {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  text-align: left;
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.mood_emoji {
  width: 20px;
  height: 20px;
}
.excellent_mood_text {
  color: #d0d5dd;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
  margin-bottom: 0px;
  white-space: normal;
}
.timesheet_navbaar.dashboard_navbar.nav-tabs .nav-link {
  border-right: 0px;
  border-left: 1px #eaecf0 solid;
  padding-left: 24px;
  padding-top: 0px;
  padding-bottom: 0px;
  width: 33.33%;
  cursor: auto;
}
.multi_field .datepairExample .form-control:focus {
  box-shadow: 0px 0px 0px 4px #98a2b324;
  border-color: #d0d5dd;
}
/* .timesheet-content .form-control:focus {
box-shadow: 0px 0px 0px 4px #98A2B324;
} */
.timesheet-earning {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #475467;
}
.view_note {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #175cd3;
  cursor: pointer;
  margin-bottom: 0px;
}
.tab-pane .total-hours-timesheet {
  padding: 16px;
  width: fit-content;
  border: 1px solid #eaecf0;
  background: #f9fafb;
  border-radius: 99px;
  margin: 12px auto;
}
.total-hours-timesheet {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: center;
}
.tab-pane .total-hours-timesheet .count-t {
  padding-left: 12px;
}
.total-hours-timesheet .total-value {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  white-space: nowrap;
}
.hour-warning_icon.mtrnp {
  font-size: 14px;
  line-height: 20px;
}
.total-hours-timesheet .count-t {
  color: #101828;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
  align-items: center;
}
.total-hours-timesheet .total {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #101828;
}
.total-hours-timesheet .warning-c {
  color: #b42318;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  border: 1px solid #fecdca;
  background: #fef3f2;
  padding: 2px 8px;
  border-radius: 16px;
  margin-left: 4px;
  position: relative;
  border-radius: 16px;
}
.car-number-mileage,
.total-distance-mileage {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.total-distance-mileage {
  font-weight: 500;
}
.timesheet-candidate-content-sect
  .timesheet_navbaar.dashboard_navbar.nav-tabs
  .nav-link {
  width: 24.33%;
}
.timesheet-candidate-content-sect .timesheet_mood .check_in_out_img {
  width: 20px;
  height: 20px;
}
.timesheet-candidate-content-sect .timesheet-candidate-head .gap-8 {
  gap: 4px !important;
}
.inactive-row .form-control:disabled,
.inactive-row .form-control[readonly] {
  opacity: 1;
  color: #98a2b3 !important;
  background: none;
}
.inactive-row .form-control {
  color: #98a2b3;
}
.check_in_out_img_bright {
  display: none;
  width: 20px;
  height: 20px;
}
.inactive-row .timesheet_mood {
  /*         padding: 16px 24px; */
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.timesheet-candidate-content-sect .p-bright .timesheet_mood {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.yes-no-applicants-table .right_div .period-start {
  border: 1px solid #d0d5dd;
  background: #fff;
  padding: 0;
  display: flex;
  align-items: center;
  border-radius: 8px;
  height: 40px;
  overflow: hidden;
  width: 173px;
}
.yes-no-applicants-table .right_div .period-start .form-control:focus {
  background: #fff;
  border: none;
  box-shadow: none;
}
.profile_content.yes-no-applicants-table .right_div .row > .col-md-period {
  padding: 0px;
}
.profile_content.yes-no-applicants-table .mtm {
  gap: 20px;
  margin: 0 -3px !important;
}
.yes-no-applicants-table .right_div .travel-allowance-col .period-start {
  width: 366px;
}
.yes-no-applicants-table .right_div .project_start-period {
  max-width: 40px;
  text-align: center;
}
.currency-dk {
  position: absolute;
  left: 9px;
  top: 10px;
  color: #475467 !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  cursor: context-menu;
}
.th-period-po {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  position: absolute;
  right: 9px;
  cursor: context-menu;
  color: #344054 !important;
}
.travel-allowance-col .cust-date-range,
.mileage_rate-in .distance_number {
  padding-left: 40px !important;
}
.travel-allowance-col .cust-date-range {
  padding-right: 80px !important;
}
.save_settings_yellow {
  float: right;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.yes-no-applicants .distance_filter {
  width: 366px;
}
.inactive-row .p-bright {
  padding: 0px !important;
}
.inactive-row .timesheet_mood-tooltip {
  right: -6rem;
  top: -5rem;
  max-width: 222px;
  width: max-content;
}
.inactive-row .tmi23 .timesheet_mood-tooltip {
  right: -3rem;
}
.inactive-row .trt5 .timesheet_mood-tooltip {
  right: -5.3rem;
}
.tra-ro-arrow {
  transform: rotate(180deg);
}
.inactive-row .timesheet_mood-tooltip::before {
  left: 5.5rem;
}
.understand-approve .modal-footer.add_hours .btn {
  border: 1px #f8e965 solid;
  padding: 10px 16px;
  background: #f8e965;
  border-radius: 8px;
  width: 100%;
  color: #182230;
  font-size: 16px !important;
  font-weight: 500;
  line-height: 24px;
}
.timesheet-candidate-content-sect
  .timesheet-candidate-head
  .gap-8
  .timesheet_mood-tooltip {
  right: -2.8rem;
  top: -3.1rem;
  width: max-content;
  max-width: 300px;
}
.timesheet-candidate-content-sect .header-cntrl-wrapper .next-pre-control {
  background: #f9fafb;
  border-radius: 8px;
  height: 40px;
  border: #eaecf0 1px solid;
}
.timesheet-candidate-content-sect
  .header-cntrl-wrapper
  .next-pre-control
  .border-box {
  height: 40px;
  padding: 10px;
  border-radius: 0;
}
.timesheet-candidate-content-sect .border-box.preweek {
  border-right: 1px #eaecf0 solid;
  margin-right: 8px;
}
.timesheet-candidate-content-sect .border-box.nextweek {
  border-left: 1px #eaecf0 solid;
  margin-left: 8px;
}
.form-control.hours-type-wotk {
  background: #f9fafb;
}
.timesheet-candidate-content-sect
  .timesheet-candidate-body
  .border-left-radius
  .time {
  /*     field-sizing: content; */
  width: 90px;
}

.timesheet-candidate-content-sect .p-bright .timesheet_mood.backbround_focus {
  margin-left: -8px;
}
.timesheet-candidate-content-sect
  .inactive-row
  .p-bright
  .timesheet_mood.backbround_focus {
  margin-left: -10px;
}
.hour-warning_icon.bg-green
  .warning_first
  .tooltip-inner-text.company-tooltip-time {
  top: -8.5rem;
}
.hour-warning_icon.bg-green .warning_first .approve_tooltip {
  top: 1.1rem;
  left: 25px;
  margin-left: 0;
}
.page-timesheet .hour-warning_icon .warning_first .approve_tooltip {
  left: 18px;
}
.hour-warning_icon .warning_first.metm .approve_tooltip,
.hour-warning_icon .warning-second.metm .approve_tooltip {
  top: 1rem;
}
.modal-open
  .form_select_container
  .select2-container
  .select2-selection--single
  .select2-selection__rendered,
.modal-open
  .form_select_container
  .select2-container
  .select2-selection--single
  .select2-selection__rendered
  span
  > div {
  color: #101828 !important;
}
.modal-open
  .form_select_container
  .select2-container
  .select2-selection--single
  .select2-selection__rendered
  span {
  color: #667085 !important;
}
.hour-warning_icon .warning-second .approve_tooltip {
  top: 1.1rem;
}
.hour-warning_icon .open-suggestion,
.distance-candidate .open-suggestion-mileage {
  display: none;
  margin-left: 4px;
  /*    position: absolute;
right: 15px; */
}
.hour-warning_icon.bg-red:hover .open-suggestion,
.distance-candidate:hover .open-suggestion-mileage {
  display: flex;
  cursor: pointer;
  width: 28px;
  padding: 4px 8px;
}
.hour-warning_icon.bg-red:hover .candidate-total-time,
.distance-candidate.bg-red:hover .candidate-total-time {
  display: none;
}
.bg-green:hover .candidate-total-time {
  display: flex;
}
.start-end-break {
  position: relative;
}
.start-end-break .check_start_img {
  position: absolute;
  left: 16px;
  bottom: 20px;
}
.start-end-break.apm .check_start_img {
  bottom: 10px;
}
.start-end-break .form-control {
  padding-left: 36px !important;
}
.timesheet-candidate-content-sect .timesheet-info .attachment-span,
.timesheet-candidate-content-sect .timesheet-info .attachment-span-mileage {
  color: #175cd3;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  cursor: pointer;
}
.timesheet-candidate-content-sect
  .inactive-row
  .timesheet-info
  .attachment-span,
.timesheet-candidate-content-sect
  .inactive-row
  .timesheet-info
  .attachment-span-mileage {
  color: #98a2b3;
  cursor: auto;
}
.timesheet-candidate-content-sect
  .timesheet-candidate-body
  .border-left-radius
  .project_break {
  width: auto;
}
.yes-no-applicants .add-plus-icon .add-hours-type-icon {
  color: #175cd3;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.suggestionhours .check-out-modal {
  width: 33%;
  padding: 12px 0px;
  position: relative;
  white-space: nowrap;
}
.suggestionhours .check-out-modal .day-img {
  margin-right: 8px;
}
.check-out-modal.mtm:hover .suggested-start-location-hover,
.check-out-modal.mtm:hover .suggested-end-location-hover,
.check-out-modal:hover .submitted-start-location-hover,
.check-out-modal:hover .submitted-end-location-hover {
  display: block;
}
.suggestionhours .check-out-modal p,
.suggestionhours .check-out-modal span {
  color: #475467;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.check-out-modal.mtm .suggested-start-location,
.check-out-modal.mtm .suggested-end-location {
  color: #079455;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.check-out-modal.mtm .suggested-start-location-hover,
.check-out-modal.mtm .suggested-end-location-hover,
.submitted-start-location-hover,
.submitted-end-location-hover {
  position: absolute;
  z-index: 9;
  background: #101828;
  bottom: 36px;
  right: 28px;
  padding: 8px 12px;
  border-radius: 8px;
  max-width: 220px;
  width: max-content;
  white-space: break-spaces;
  display: none;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 400;
  text-align: left;
}
.check-out-modal.mtm .suggested-start-location-hover::before,
.check-out-modal.mtm .suggested-end-location-hover::before,
.submitted-start-location-hover::before,
.submitted-end-location-hover::before {
  content: "";
  position: absolute;
  bottom: -17px;
  right: 9px;
  margin-left: 0px;
  border-width: 10px;
  border-style: solid;
  border-color: #101828 transparent transparent transparent;
}
.suggestionhours .modal-head .check-out-modal p {
  font-size: 12px;
  line-height: 18px;
}
.suggestionhours .mrm.check-out-modal p {
  color: #182230;
  text-align: center;
}
.suggestionhours .check-out-modal.mtm p {
  color: #079455;
  font-weight: 500;
}
.suggestionhours .mrm.check-out-modal .submitted-start-location,
.suggestionhours .mrm.check-out-modal .submitted-end-location,
.suggestionhours .check-out-modal .suggested-start-location,
.suggestionhours .check-out-modal .suggested-end-location,
.submitted-start-location,
.submitted-end-location {
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}
.timesheet-page-candidate
  .hour-warning_icon.bg-green
  .warning_first
  .approve_tooltip {
  left: 20px;
}
.timesheet-page-candidate
  .hour-warning_icon
  .warning_first
  .tooltip-inner-text {
  left: 0.7rem;
  top: -6rem;
}
.timesheet-page-candidate
  .hour-warning_icon
  .warning-second
  .tooltip-inner-text {
  left: 4.7rem;
}
/*   .hour-warning_icon.bg-red:hover, .distance-candidate.bg-red:hover{
background: #EAECF0;
cursor: pointer;
} */
.back-bg-distance .candidate-total-time {
  display: none;
}
.candidate-total-time {
  font-style: normal;
}
.distance-candidate:hover .recruiter-total-time {
  display: flex;
}
.hour-warning_icon.bg-red,
.distance-candidate.bg-red:hover {
  padding: 10px 0px !important;
  border-radius: 8px;
  border-radius: 8px;
  max-width: 125px;
  margin: auto;
}
.hour-warning_icon.bg-red .warning_first .approve_tooltip {
  top: 0.7rem;
  left: -23px;
}
.hour-warning_icon.bg-red .warning-second .approve_tooltip {
  top: 0.7rem;
  right: -23px;
}
.hour-warning_icon.bg-red .warning-second .tooltip-inner-text {
  left: 4.6rem;
  top: -5.3rem;
}
.hour-warning_icon.bg-red .warning_first .tooltip-inner-text {
  left: -0.5rem;
  top: -6.5rem;
}
.distance-candidate.bg-red:hover {
  max-width: 120px;
}
.hour-warning_icon.bg-green .warning_first .tooltip-inner-text {
  left: 0rem !important;
  top: -6rem;
}
span.company-total-hours {
  order: 2;
  margin: 0px 5px;
}
.page-company-candidate-hours-review
  .hour-warning_icon
  .warning_first
  .tooltip-inner-text {
  left: 1.3rem;
  top: -6.1rem;
}
.page-company-candidate-hours-review
  .hour-warning_icon
  .warning-second
  .tooltip-inner-text {
  left: 4.5rem;
  top: -5.1rem;
}
.hour-warning_icon.metm .tooltip-inner-text {
  left: 4.3rem;
}
#attachmentModalMileage .btn-spinner,
#attachmentModal .btn-spinner {
  left: 37% !important;
  top: -8px;
}
.hour-warning_icon.bg-green .tooltip-inner-text {
  left: 5.3rem !important;
}
.suggestionhours .title_modal_body .title {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #101828;
}
.suggestionhours .title_modal_body .sub-tittle {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #475467;
  padding-bottom: 24px;
}
.suggestionhours .modal-body {
  padding: 24px;
  padding-bottom: 0px;
}
.suggestionhours .modal-footer.add_hours .btn.btn-approve:hover {
  background: #daca60;
  transition: 0.5s ease;
}
.suggestionhours .modal-footer {
  padding: 24px;
}
.yes-no-applicants .add-plus-icon .col-6 {
  display: flex;
  align-items: center;
  gap: 4px;
  width: fit-content;
  max-width: fit-content;
  cursor: pointer;
}
.timesheet-candidate-content-sect .timesheet_mood.backbround_focus img {
  position: relative;
  left: 30px;
  z-index: 9;
}
.timesheet-candidate-body
  .border-left-radius
  .timesheet_mood.backbround_focus
  .time {
  text-align: right;
  padding: 20px;
  padding-left: 2rem;
  border-radius: 8px;
  cursor: pointer;
}
.timesheet-candidate-content-sect
  .timesheet-candidate-body
  .border-left-radius
  .timesheet_mood.backbround_focus
  .project_break {
  field-sizing: inherit;
  width: 100px;
}
.timesheet-candidate-body
  .border-left-radius
  .timesheet_mood.backbround_focus
  .time:focus {
  background: #f2f4f7;
}
.timesheet-candidate-body
  .border-left-radius
  .timesheet_mood.backbround_focus
  .time.class-error:focus,
.mileage_select_full .form-control.class-error:focus,
.class-error {
  background: #fee4e2;
  border: none;
  box-shadow: none !important;
}
.yes-no-applicants .add-plus-icon img {
  width: 11px;
}
.profile_content .right_div.mrc-12 .row > div {
  padding: 6px 6px;
}
.yes-no-applicants .hired-rejected .nav-item {
  width: 183px;
}
.yes-no-applicants .right_div .form-control {
  width: 380px;
}
.profile_content.yes-no-applicants.pryes,
.profile_content.yes-no-applicants-table.pryes {
  padding-bottom: 24px;
}
.delete-section-row .delete-row {
  padding-left: 10px;
}
.timesheet-candidate-content-sect
  .timesheet-candidate-head
  .gapr-9
  .timesheet_mood-tooltip {
  right: -4rem;
}
.timesheet-candidate-content-sect
  .timesheet-candidate-head
  .gapr-7
  .timesheet_mood-tooltip {
  right: -1.8rem;
}
.understand-approve .modal-footer.add_hours .btn:hover {
  background: #daca60;
  border-color: #daca60;
  transition: 0.5s ease;
}
.timesheet-candidate-content-sect .dashboard-total .total-hours-timesheet {
  padding: 0px;
  justify-content: flex-start;
}
.timesheet-candidate-content-sect .dashboard-total .timesheet_mood-tooltip {
  z-index: 9999;
}
.inactive-row .check_in_out_img {
  display: none;
}
.inactive-row .check_in_out_img_bright {
  display: flex;
}
.inactive-row .form-control::placeholder {
  color: #98a2b3 !important;
}
.mileage-entry-form .timesheet_mood {
  display: flex;
  align-items: center;
  width: 100%;
}
.mileage-entry-form .milege_loction-day .timesheet_mood,
.mileage-entry-form .mileage_select_full .timesheet_mood {
  justify-content: flex-start;
}
.input_just .timesheet_mood {
  justify-content: center;
}
.inactive-row .form-control::-ms-input-placeholder {
  color: red;
}
.total-hours-timesheet .warning-c .timesheet_mood-tooltip {
  right: -8.2rem;
  top: -10.2rem;
}
.tab-pane .total-hours-timesheet .warning-c .timesheet_mood-tooltip {
  top: -11.2rem;
}
.total-hours-timesheet .warning-c:hover .timesheet_mood-tooltip {
  display: block;
}
.timesheet_navbaar.dashboard_navbar.nav-tabs .nav-link:first-child {
  border-left: 0px;
  padding-left: 0px;
}
.timesheet-table-head {
  background: #f9fafb;
  border-radius: 8px 8px 0px 0px;
  overflow: hidden;
}
.position-relative-milage .form-control {
  padding-left: 2rem !important;
}
.position-relative-milage .form-input-fpo {
  position: absolute;
  left: 7px;
  top: 38px;
}
.timesheet-page-candidate .timesheet-table-head {
  overflow: visible;
}
.timesheet-page-content .job_applicants_Page .page_title_div .profile_image {
  margin-right: 0px;
}
.timesheet-page-content .job_applicants_Page .page_title_div {
  flex-direction: row;
}
.timesheet-page-content .job_applicants_Page .breadcrumbs {
  margin-bottom: 20px;
}
.timesheet-page-content .breadcrumbs ul.breadcrumb_ul li:last-child a {
  background: transparent;
}
.timesheet-project,
.timesheet-ialt {
  color: #101828;
  line-height: 20px;
  font-weight: 500;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.email-opened-date {
  font-style: italic;
}
.timesheet_candidate_name {
  color: #475467;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 0;
  line-height: 20px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dot-with-time p {
  margin-bottom: 0px;
}
.dot-with-time {
  display: flex;
  align-items: center;
  gap: 5px;
}
.mileage {
  color: #101828;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.no-data_row_com {
  color: #101828;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  padding-bottom: 4px;
}
.candidate_row_com {
  color: #475467;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.div-no-candidate {
  width: 48px;
  height: 48px;
  padding: 12px;
  background: #000;
  border-radius: 10px;
  margin-bottom: 16px;
  border: 1px solid #eaecf0;
  background: #fff;
}
.h100vh-start {
  height: 73vh;
}
.mileage_select_full-car .car_number {
  padding: 20px 10px 20px 37px;
  width: 140px;
}
.mileage_select_full-car .car_number:focus {
  background: #f2f4f7;
}
.inactive-row .mileage_select_full-car .timesheet_mood-tooltip {
  right: -4rem;
}
.inactive-row .mileage_select_full .timesheet_mood-tooltip {
  right: 15rem;
}
.inactive-row .d-flex.mileage_select_full .timesheet_mood-tooltip {
  right: 16rem;
}
.mileage_select_full-car img {
  position: relative;
  left: 30px;
  z-index: 9;
}
.mileage_select_full-car {
  padding: 16px 0px !important;
}
.mileage_select_full .form-control {
  color: #101828;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 20px 5px 20px 25px;
  border-radius: 8px;
}
.timesheet-page-admin .submit-hours {
  padding: 20px 20px 0px;
}
.mileage_select_full .form-control:focus {
  background: #f2f4f7;
}
.milege_loction-day img,
.mileage_select_full img {
  position: absolute;
  left: 3px;
  z-index: 9;
}
.mileage_select_full {
  padding-left: 0px !important;
  padding-right: 0px;
}
.mileage_select_full .form-control::placeholder {
  color: #101828;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  max-width: 320px;
  text-overflow: ellipsis;
  overflow: hidden;
}
#reject .submit-hours,
#reject-mileage.add_hours_timesheet .modal-footer {
  padding: 32px 0px 0px;
}
#reject.add_hours_timesheet .modal-body {
  gap: 16px;
}
.button-postion-img {
  position: absolute;
}
#reject
  .select_full_day
  .form_select_container
  .dropdown-toggle
  .dropdown-item {
  padding-left: 2rem;
}
.button-postion-img-d {
  position: absolute;
  top: 38px;
  left: 8px;
}
.page-recruiter-candidate-hours-review .page-title .text p {
  font-size: 16px;
  line-height: 24px;
}
#reject-mileage .modal-footer {
  border-top: 0px;
}
#reject .position-relative .form-control {
  padding-left: 35px;
}
#reject.add_hours_timesheet .modal-content,
#reject-mileage.add_hours_timesheet .modal-content {
  padding: 24px;
  gap: 16px;
}
.dot-red,
.dot-green {
  width: 8px;
  height: 8px;
  border-radius: 100%;
}
.dot-green {
  background: #17b26a;
}
.dot-red {
  background: #f04438;
}
.time-sheet {
  color: #475467;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.calender-view .dropdown-item.active,
.calender-view .dropdown-item.status-item:hover {
  background-color: #f9fafb !important;
  border-radius: 6px;
}
.timesheet-page-candidate .calender-view .dropdown-item.status-item:hover {
  background-color: #f9fafb !important;
}
.calender-view .dropdown-item img {
  position: absolute;
  right: 10px;
  top: 14px;
  display: none;
}
.calender-view .dropdown-item {
  padding: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}
.calender-view .dropdown-item.active img {
  display: block;
}
.submit-hours {
  padding: 32px 0px 0px;
  border-top: 1px #eaecf0 solid;
  width: 100%;
  text-align: right;
}
.page-company-profile-edit #remove-candidate .select_full_day {
  margin-top: 20px;
}
.page-company-profile-edit .td-presented {
  text-align: center;
}
.page-company-profile-edit .presented-date {
  display: block;
}
.page-company-profile-edit #remove-candidate .modal-header .approve_img {
  opacity: 0;
}
.page-company-profile-edit #remove-candidate .modal-header::before {
  content: url("../images/applicants/close-candidate.svg");
  width: 48px;
  height: 48px;
  position: absolute;
  left: 0px;
  pointer-events: none;
}
.submit-hours .submit_timesheet_hours {
  background: #f9ea65;
  border: 1px solid #f9ea65;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  cursor: pointer;
  color: #182230;
  width: fit-content;
  transition: 0.5s ease;
}
.hour-warning_icon.mtrnp .warning_first .approve_tooltip,
.hour-warning_icon.mtrnp .warning-second .approve_tooltip {
  top: 1rem;
}
.hour-warning_icon.mtrnp .warning-second .approve_tooltip {
  right: 25px;
}
.submit-hours .submit_timesheet_hours:hover {
  background: #daca60;
  border-color: #daca60;
  transition: 0.5s ease;
}
.submit-hours .edit_timesheet_hours {
  background: #fff;
  border: 1px solid #d0d5dd;
  padding: 10px 14px 10px 14px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  cursor: pointer;
  color: #344054;
  width: fit-content;
}
.submit-hours .timesheet-tooltip {
  position: relative;
}
.submit-hours .timesheet-tooltip .tooltip-inner-text {
  width: 145px;
  padding: 8px 12px;
  top: -3.8rem;
  left: unset;
  right: 50%;
  transform: translate(50%);
}
.submit_timesheet_hours .tooltip-inner-text p {
  text-align: center;
}
.submit-hours .timesheet-tooltip .tooltip-inner-text::before {
  /* left: 50px; */
  left: 50%;
  transform: translate(-50%);
}
.submit-hours .submit_timesheet_hours.disabled:hover .tooltip-inner-text {
  display: block;
}
.submit-hours .timesheet-tooltip:hover .tooltip-inner-text {
  display: none;
}
.submit-hours .submit_timesheet_hours:disabled,
.submit-hours .submit_timesheet_hours.disabled {
  background: #f2f4f7;
  border: 1px solid #eaecf0;
  color: #98a2b3;
}
.timesheet-content
  .timesheet-row-table
  .timesheet-table-body.timesheet-candidate-body
  .row
  .border-left-radius
  h5 {
  padding: 10px 12px;
  border-radius: 8px;
  color: #667085;
  background: #fff;
  border-color: #d0d5dd;
}
.timesheet-candidate-body .border-left-radius .time,
.hours_timer .form-control {
  text-align: center;
  color: #101828;
  border: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.hours_timer .form-control {
  color: #475467;
}
.hours_timer .form-control::placeholder {
  color: #475467;
}
.hours_timer .form-control::-ms-input-placeholder {
  color: #475467;
}
.timesheet-candidate-body .border-left-radius .time::placeholder {
  color: #101828;
}
.timesheet-candidate-body .border-left-radius .time::-ms-input-placeholder {
  color: #101828;
}
.company_btn {
  padding: 8px 12px;
  border-radius: 8px;
  background: #ffffff;
  border: 1px solid #d0d5dd;
  color: #182230;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  cursor: pointer;
}
.company_btn:hover {
  color: #182230 !important;
  text-decoration: none;
}
.approve-all.company_btn {
  background: #f8e965;
  border-color: #f8e965;
}
.approve-all.company_btn.btn-disable {
  background: #e9e8e0;
  border-color: #ebe9da;
}
.btn-disable {
  color: #98a2b3 !important;
  pointer-events: none;
}
/* .btn-disable:hover{
border: 1px solid #EAECF0 !important;
} */
.reject.company_btn:hover {
  background: #daca60;
  border-color: #daca60;
  transition: 0.5s ease;
}
#approve .blue-link {
  color: #1570ef;
  text-decoration: none;
}
#approve .blue-link:hover {
  color: #1570ef !important;
}
.approve-all.company_btn:hover {
  background: #daca60;
  border-color: #daca60;
  transition: 0.5s ease;
}
.reject.company_btn {
  border-color: #d0d5dd;
}
.onboarding_eye,
.onboarding_eye_slash {
  position: absolute;
  right: 12px;
  top: 41px;
  cursor: pointer;
}
.onboarding_eye_slash,
.icon-eye-slash .onboarding_eye {
  display: none;
}
.icon-eye-slash .onboarding_eye_slash {
  display: block;
}
.select-box-timesheet-warp .select2-selection__clear {
  display: none;
}
.select-box-timesheet-warp .dropdown-menu.calender-view.show {
  right: auto;
}
.select-box-timesheet-warp .dropdown-toggle::after {
  display: none;
}
.timesheet-page-admin
  .select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  background-color: #f9fafb !important;
  color: #000 !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.timesheet-page-admin .select2-results__option[aria-selected] {
  cursor: pointer;
  display: flex;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  display: block !important;
}
.timesheet-page-admin
  .select2-container--default
  .select2-results__option[aria-selected="true"] {
  justify-content: space-between !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
}
.timesheet-page-admin .select-box-timesheet-warp .select2-container {
  background: #ffffff;
  outline: 0;
  -webkit-appearance: textfield;
  height: 40px;
  min-width: 220px !important;
  width: 220px !important;
  padding: 0;
  border-radius: 8px;
  /*     border: 1px #D0D5DD solid; */
  max-width: 220px;
}
.timesheet-page-admin
  .select-box-timesheet-warp
  .select2-container.select2-container--open {
  box-shadow: 0px 0px 0px 4px #98a2b324;
}
.timesheet-page-admin .select-box-timesheet-warp .select2-results__option {
  padding-right: 20px;
  vertical-align: middle;
}
.select-checkbox .select2-results__option::before {
  content: "";
  display: inline-block;
  position: relative;
  height: 17px;
  width: 17px;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  background-color: #fff;
  margin-right: 20px;
  vertical-align: middle;
}
.select-checkbox .select2-results__option[aria-selected="true"]::before {
  background-color: transparent;
  border: 0;
  display: inline-block;
  padding-left: 3px;
  background-image: url("../images/timesheet/checkbox.svg");
  background-repeat: no-repeat;
}
.select-checkbox
  .select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  background-color: #f9fafb !important;
  color: #000 !important;
}
.select-checkbox .select2-container .select2-selection--multiple {
  min-height: auto !important;
}
.timesheet-page-admin
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  line-height: 40px;
  padding-left: 10px;
  padding-right: 0px;
}
.timesheet-page-admin
  .select2-container
  .select2-search--inline
  .select2-search__field {
  margin-top: 0px;
  padding: 0;
}
.timesheet-page-admin
  .select2-container--default
  .select2-selection--multiple
  .select2-selection__arrow {
  top: 0px;
}
.timesheet-page-admin
  .select2-container--default.select2-container--open.select2-container--below
  .select2-selection--multiple {
  border-radius: 4px;
}
.timesheet-page-admin
  .select2-container--default.select2-container--focus
  .select2-selection--multiple {
  border-color: #f9fafb !important;
  border-width: 2px;
}
.timesheet-page-admin .select2-container--default .select2-selection--multiple {
  border-width: 2px;
  min-height: auto !important;
}
.timesheet-page-admin .select2-container--open .select2-dropdown--below {
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
/* select with icons badges single*/
.timesheet-page-admin .select-icon .select2-selection__placeholder .badge {
  display: none;
}
.timesheet-page-admin .select-icon .placeholder {
  display: none;
}
.timesheet-page-admin .select-icon .select2-results__option::before,
.timesheet-page-admin
  .select-icon
  .select2-results__option[aria-selected="true"]::before {
  display: none !important;
  /* content: "" !important; */
}
.timesheet-page-admin .select-icon .select2-search--dropdown {
  display: none;
}
.timesheet-page-admin .btn-border {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  color: #344053;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  height: 40px;
  padding: 5px 12px;
  cursor: pointer;
}
.timesheet-page-admin .btn-yellow {
  border: 1px #f8e965 solid;
  background: #f8e965;
  color: #344053;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  height: 40px;
  padding: 5px 12px;
  cursor: pointer;
  margin-right: 12px;
  transition: 0.5s ease;
}
.timesheet-page-admin .btn-yellow:hover {
  transition: 0.5s ease;
  background: #daca60;
  border-color: #daca60;
}
.select-box-timesheet-warp .select2-selection {
  border: 0px solid #ebeff3 !important;
}
.timesheet-page-admin .select-box-timesheet-warp .dropdown-toggle {
  background: none;
  padding: 0px;
}
.timesheet-page-admin
  .select-box-timesheet-warp
  .dropdown-toggle
  .dropdown-item.active {
  background: #ffffff !important;
}
.timesheet-page-admin .select-box-timesheet-warp .dropdown-toggle {
  height: 40px;
  width: 170px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  padding: 10px 12px;
  line-height: 0px;
  text-align: left;
}
.timesheet-page-admin
  .select-box-timesheet-warp
  .select-box-timesheet-arrow.show
  .dropdown-toggle,
.distance_filter .form_select_container.show .select-box-dropdown-wrap.show {
  box-shadow: 0px 0px 0px 4px #98a2b324;
}
.select-box-dropdown-wrap.filter-ratings-outer.show {
  box-shadow: none;
}
.select-box-dropdown-wrap .calendar-view-name:focus {
  box-shadow: 0px 0px 0px 4px #98a2b324;
}
.select-box-dropdown-wrap.show
  .filter-ratings-outer
  .select-dropdown
  .dropdown-item.active::before {
  float: right;
}
.filter-ratings-outer .select-dropdown .select-dropdown {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.timesheet-page-admin .select-box-timesheet-warp .dropdown-item {
  text-align: left;
  background: #fff;
  padding-left: 0px;
}
.timesheet-page-admin .select-box-timesheet-warp .dropdown-item {
  text-align: left;
  background: #fff;
  padding: 5px 12px 5px 5px;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #101828;
}
.timesheet-page-admin .select-box-timesheet-warp .dropdown-item .status-item {
  background: transparent;
  border: 1px solid transparent;
  padding: 2px 8px;
  margin-bottom: 1rem;
  border-radius: 16px;
  color: #667085;
  width: fit-content;
}
.timesheet-page-admin .select-box-timesheet-warp .dropdown-menu .dropdown-item {
  margin: 4px 0px;
  padding: 12px 12px 12px 5px;
}
.timesheet-page-admin .text-green {
  color: #067647 !important;
  border-color: #abefc6 !important;
  background: #ecfdf3 !important;
}
.timesheet-page-admin .text-red {
  color: #b42318 !important;
  border-color: #fecdca !important;
  background: #fef3f2 !important;
}
.timesheet-page-admin.modal-open .select2-container {
  z-index: 999999;
}
.timesheet-page-admin.modal-open .filters-mobile .select2-container {
  z-index: 9;
}
.timesheet-page-admin .select2-container--open .select2-dropdown {
  top: 4px;
}
.timesheet-page-admin .text-gray {
  color: #344054 !important;
  border-color: #eaecf0 !important;
  background: #f9fafb !important;
}
.timesheet-page-admin .select-box-timesheet-warp .dropdown-item:hover {
  color: #101828 !important;
}
.timesheet-page-admin .dropdown-menu.calender-view.show {
  top: 2px !important;
  min-width: 10rem;
}
.timetracker_desktop {
  margin-bottom: 5rem;
}
.reverse-spinner {
  width: 23px;
  position: relative;
  aspect-ratio: 1;
  -webkit-mask: conic-gradient(from 22deg, #0003, #000);
  mask: conic-gradient(from 22deg, #0003, #000);
  animation: load 1s steps(8) infinite;
  display: inline-grid;
}
.reverse-spinner,
.reverse-spinner::before {
  --_g: linear-gradient(#475467 0 0) 50%;
  background:
    var(--_g) / 34% 8% space no-repeat,
    var(--_g) / 8% 34% no-repeat space;
}
.reverse-spinner::before {
  content: "";
  transform: rotate(45deg);
  color: #000;
}
@keyframes load {
  from {
    transform: rotate(0turn);
  }
  to {
    transform: rotate(1turn);
  }
}
.violating-rules {
  padding-left: 0;
  padding-top: 10px;
  margin-bottom: 0px;
}
.violating-rules li {
  list-style: none;
  color: #344054;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding-bottom: 12px;
  display: flex;
  align-items: flex-start;
}
.violating-rules li p {
  margin-bottom: 0px;
}
.violating-rules li:last-child {
  padding-bottom: 0px;
}
#submitModal .modal-body {
  padding-bottom: 8px;
}
.violating-rules li img {
  width: 16px;
  margin-right: 0.4rem;
  margin-top: 0.2rem;
}
.file-list .list-group-item {
  border: none;
  padding: 0px;
}
.file-list .list-group-item .img-time {
  width: 20px;
  height: 20px;
}
.file-list .list-group-item .file-href {
  color: #344054 !important;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 80%;
  display: inline-flex;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0.8rem;
}
.file-list .list-group-item .file-href:last-child {
  margin-bottom: 0px;
}
.hour-warning_icon {
  position: relative;
}
.file-list .list-group-item .remove-file img {
  width: 11px;
}
.hour-warning_icon .tooltip-inner-text {
  left: 4.5rem;
  top: -4.9rem;
}
.hours-warning48.hour-warning_icon .tooltip-inner-text {
  top: -8.3rem;
}
.hour-warning_icon .hour-company11 .tooltip-inner-text {
  top: -6rem;
}
.hour-warning_icon .timesheet-tooltip {
  position: inherit;
}
.hour-warning_icon.bg-green .approve_tooltip {
  top: 1.1rem;
  z-index: 99;
  right: 20px;
  position: absolute;
}
.timesheet-page-candidate .hour-warning_icon .warning_first .approve_tooltip {
  left: 30px;
  position: absolute;
  top: 18px;
}
.timesheet-page-candidate
  .hour-warning_icon.bg-green
  .warning-second
  .approve_tooltip {
  right: 20px;
}
.timesheet-page-candidate .hour-warning_icon .warning-second .approve_tooltip {
  right: 30px;
  position: absolute;
  top: 18px;
}
.timesheet-page-candidate
  .hour-warning_icon.bg-red
  .warning_first
  .approve_tooltip,
.timesheet-page-candidate
  .hour-warning_icon.bg-red
  .warning-second
  .approve_tooltip {
  position: inherit;
}
.timesheet-candidate-body
  .timesheet-entry-form
  .border-left-radius.hour-warning_icon.bg-red
  .manual_time {
  margin: 0px 5px;
  pointer-events: all;
}
.timesheet-candidate-body
  .timesheet-entry-form
  .border-left-radius.hour-warning_icon.bg-red {
  pointer-events: none;
}
.back-bg-distance.hour-warning_icon .open-suggestion,
.back-bg-distance.distance-candidate .open-suggestion-mileage {
  display: flex;
  width: 28px;
  padding: 4px 8px;
}
.page-company-candidate-hours-review .page-title .text p {
  font-size: 16px;
  line-height: 24px;
}
/*=============================== prit ============================ */
.add_hours_timesheet .modal-content {
  border-radius: 12px;
  border: 1px solid #eaecf0;
  padding: 24px;
  gap: 20px;
}
#reject-applicant.add_hours_timesheet .modal-content {
  padding: 24px;
}
.add_hours_timesheet .modal-content > div {
  padding: 0;
}
.add_hours_timesheet .modal-content .modal-header {
  padding: 0 !important;
  border-bottom: 0;
  position: relative;
}
.add_hours_timesheet .modal-header h5 {
  color: #101828;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
#add_new_rate .add_hours_timesheet .modal-body {
  gap: 20px;
}
.add_hours_timesheet .modal-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.page-recruiter-candidate-hours-review .approve-reject .modal-body .title {
  margin-bottom: 0px;
}
.add_hours_timesheet .modal-body > div {
  margin: 0;
  padding: 0;
}
.add_hours_timesheet .modal-body label {
  color: #344054;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 6px;
}
.add_hours_timesheet .modal-body .multi_field {
  gap: 12px;
  flex-wrap: nowrap;
}
.add_hours_timesheet .modal-body .time_picker > div {
  width: 100%;
}
.add_hours_timesheet .modal-body input,
.add_hours_timesheet .modal-body select {
  min-width: 100%;
  font-size: 14px;
  font-weight: 400;
  color: #101828;
  padding: 10px 12px;
  height: 40px !important;
}
.add_hours_timesheet .modal-body select {
  height: fit-content !important;
  padding: 8px 12px;
}
.add_hours_timesheet .modal-body input::placeholder {
  color: #667085;
}
.add_hours_timesheet .modal-footer {
  border-top: none;
}
.add_hours_timesheet .modal-body .custom-date {
  position: relative;
  width: 100%;
}
.approve-reject.welcome-modal .modal-header .close {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 999;
}
.add_hours_timesheet .modal-body .custom-date .date {
  padding-left: 40px;
}
.add_hours_timesheet .modal-body .custom-date::after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 12px;
  background-image: url("../images/timesheet/date_picker_calendar.svg");
  background-size: 20px;
}
.add_hours_timesheet .modal-footer button.disabled {
  color: #98a2b3;
}
/*=============================== prit ============================ */
-webkit-@keyframes spin {
  -webkit-from {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  -webkit-to {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spinBack {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-720deg);
    transform: rotate(-720deg);
  }
}
@keyframes spinBack {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-720deg);
    transform: rotate(-720deg);
  }
}
.add_hours_table {
  width: 100%;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  /* overflow: hidden;  */
}
.add_hours_table table {
  width: 100%;
  border-radius: 12px;
}
.add_hours_table table thead {
  background: #f9fafb;
}
.add_hours_table table thead th {
  color: #475467;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  padding: 12px 8px;
  border-bottom: 1px solid #eaecf0;
}
.add_hours_table table thead th.day,
.add_hours_table table thead th.action {
  padding: 12px 16px;
}
.add_hours_table table thead th.action {
  text-align: center;
}
.add_hours_table table tbody tr td {
  padding: 16px 10px;
  border-bottom: 1px solid #eaecf0;
}
.add_hours_table table tbody tr:last-child td {
  border-bottom: none;
}
.add_hours_table table tbody tr td.day {
  color: #101828;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.add_hours_table table tbody tr td.day span {
  color: #475467;
  font-weight: 400;
  display: flex;
}
.add_hours_table table tbody tr td.action_btn button {
  border-radius: 8px;
  border: 1px solid #d0d5dd;
  background-color: #fff;
  padding: 10px 14px;
  color: #344054;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  white-space: nowrap;
}
.add_hours_table table tbody tr td.action_btn button.btn-edit-hours {
  border: 0px solid #d0d5dd;
}
ul.sub-menu_nav-item {
  width: 220px;
  height: 100vh;
  background: #ffffff;
  position: absolute;
  /*    left: 5.1rem;*/
  top: inherit;
  border-right: 1px solid #eaecf0;
  bottom: 0;
  padding-top: 16px;
  box-shadow: 12px 0px 32px -12px #1018280d;
  /*    display: none;*/
  padding-left: 10px;
  padding-right: 10px;
  left: -20.1rem;
  transition:
    left 200ms linear 0s,
    opacity 200ms linear 0s;
  z-index: -1;
  opacity: 0;
}
.navbar-wrapper {
  background: white;
}
.sub-menu_nav-item .header-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #101828;
}
.sub-menu_nav-item .nav-link.briefcase {
  padding-bottom: 16px;
}
.timesheet-page-admin
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  right: 5px;
}
.sub-menu_nav-item li a {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #182230;
  padding: 8px 12px;
  border-radius: 6px;
  display: inline-block;
  width: 100%;
}
body.new-sidebar .sub-menu_nav-item li a {
  color: #344054;
}
.sub-menu_nav-item li.active a,
.sub-menu_nav-item li:hover a {
  color: #182230;
}
.sub-menu_nav-item a:not([href]) {
  cursor: default;
}
.sub-menu_nav-item li {
  list-style: none;
  margin-bottom: 1rem;
  background-color: transparent;
}
.sub-menu_nav-item li a:hover {
  color: #182230 !important;
  text-decoration: none;
}
.sub-menu_nav-item li .nav-link.briefcase {
  display: none;
}
.sub-menu_nav-item li.active a,
.sub-menu_nav-item li a:hover {
  background-color: #f8e965;
}
.dash-sidebar .nav-item:hover .sub-menu_nav-item {
  /*    display: block;*/
  /*    transition: 1s;*/
  left: 5.1rem;
  opacity: 1;
}
.timesheet-page-admin .select2-container .select2-selection--single {
  height: 40px;
  padding: 0;
  border: 1px solid #d0d5dd !important;
}
.timesheet-page-admin #add_hours .select2-container .select2-selection--single {
  height: 40px;
  padding: 0;
  width: 100% !important;
}
.timesheet-page-admin
  #add_hours
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  line-height: 40px !important;
  padding-left: 10px;
}
.rolldate-container .rolldate-panel {
  z-index: 999999 !important;
}
.approve-reject.day-modal .modal-dialog {
  max-width: 600px;
}
.approve-reject.day-modal.modal.fade .modal-dialog {
  -webkit-transform: translate(0, 0) !important;
  transform: translate(0%, 0%) !important;
}
.approve-reject.day-modal .check-in-modal {
  background: #f9fafb;
  border-radius: 8px;
  padding: 16px;
}
.approve-reject.day-modal .check-in-modal .check-out-modal {
  color: #475467;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  margin-bottom: 0.5rem;
}
.approve-reject.day-modal .check-in-modal .time-out {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #344054;
  text-align: left;
  margin-bottom: 0;
}
.border-left-modal {
  border-left: 1px solid #eaecf0;
  padding-left: 16px;
  width: 20%;
}
.border-left-modal:nth-child(1) {
  border-left: 0px solid #eaecf0;
  padding-left: 0px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.border-left-modal:nth-child(3) {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.description-subtitle,
.attachements-subtitle {
  color: #667085;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  margin-bottom: 0px;
}
#dayModal.approve-reject .modal-footer {
  padding-top: 8px;
}
.description-title,
.attachements-title {
  color: #344054;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  margin-bottom: 6px;
}
.description-modal {
  width: 50%;
  margin-right: 0.5rem;
}
.attachements-modal {
  width: 50%;
  margin-left: 0.5rem;
}
.description-attachements {
  display: flex;
  margin-top: 32px;
}
.attachements-subtitle {
  white-space: nowrap;
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.attachements-subtitle img {
  width: 20px;
}
.attachements-subtitle .attachements-pdf {
  width: 200px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.attachements-subtitle .view {
  text-align: right;
  float: right;
  color: #175cd3;
  cursor: pointer;
}
.day-modal .modal-controll {
  position: absolute;
  height: fit-content;
  left: 0;
  top: 50%;
  right: 0;
  margin: auto;
  display: block;
  z-index: -1;
  width: 800px;
  pointer-events: all;
}
.timesheet-candidate-body
  .timesheet-entry-form
  .border-left-radius
  .ui-timepicker-input,
.timesheet-candidate-body
  .timesheet-entry-form
  .border-left-radius.hour-warning_icon
  .manual_time {
  max-width: 76px;
  height: 40px !important;
  border-radius: 8px;
  padding: 10px 12px;
  text-align: center;
  color: #101828;
  /* margin: 0px 5px; */
  margin-left: 16px;
}
.timesheet-candidate-body
  .timesheet-entry-form
  .border-left-radius.hour-warning_icon
  .manual_time {
  margin-left: 0px;
}
.hour-warning.warning_first {
  order: 1;
}
.hour-warning.warning-second {
  order: 3;
}
.candidate-total-time {
  order: 2;
}
.timesheet-candidate-body
  .timesheet-entry-form
  .border-left-radius.hour-warning_icon
  .manual_time {
  padding: 2px 8px;
  height: auto !important;
  /*     cursor: pointer; */
  font-size: 14px;
  font-weight: 500;
  order: 2;
  display: flex;
  align-items: center;
}
.day-modal button.next-navigation,
.day-modal button.next-navigation {
  float: right;
}
.day-modal button.next-navigation,
.day-modal button.next-navigation:focus,
.day-modal button.next-navigation,
.day-modal button.next-navigation:focus {
  position: absolute;
  right: 15px;
  top: 0%;
  border-radius: 50%;
  padding: 10px;
}
/* .prev-navigation{
border-radius: 50%;
padding: 10px;
} */
.day-modal .modal-header .title {
  color: #101828;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  text-align: left;
  margin-bottom: 0;
}
.approve-reject,
.add_hours_timesheet {
  pointer-events: none;
}
#attachmentModal .modal-header h5,
#attachmentModalMileage .modal-header h5 {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #101828;
  margin-bottom: 0;
}
#attachmentModal .custom-file-label,
#attachmentModalMileage .custom-file-label,
.mobile_modal_candidate .custom-file-label {
  cursor: pointer;
  color: #667085;
  line-height: 30px;
  height: 40px;
  border-radius: 8px;
  border: 1px solid #d0d5dd;
  padding-left: 40px;
}
#attachmentModal .float-right .btn,
#attachmentModalMileage .float-right .btn {
  background: #ffffff;
  padding: 10px 14px;
  border-radius: 8px;
  border: 1px solid #d0d5dd;
  color: #344054;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  position: relative;
}
#attachmentModal .float-right .btn.btn-yellow,
#attachmentModalMileage .float-right .btn.btn-yellow {
  background: #f8e965;
  color: #182230;
  border-color: #f8e965;
}
#attachmentModal .float-right .btn:hover,
#attachmentModalMileage .float-right .btn:hover {
  background: #daca60;
  transition: 0.5s ease;
}
.form-control:focus {
  border-color: #d0d5dd;
  outline: 0;
  box-shadow: none;
}
#attachmentModal .description-text-form::placeholder,
#attachmentModal .custom-file-input::placeholder,
#attachmentModalMileage .custom-file-input-mileage::placeholder,
#attachmentModalMileage .description-text-form::placeholder,
.timesheet-candidate-body
  .timesheet-entry-form
  .border-left-radius
  .ui-timepicker-input::placeholder {
  color: #667085;
}
#attachmentModal .description-text-form::-ms-input-placeholder,
#attachmentModalMileage .description-text-form::-ms-input-placeholder,
.timesheet-candidate-body
  .timesheet-entry-form
  .border-left-radius
  .ui-timepicker-input::-ms-input-placeholder,
#attachmentModal .custom-file-input::-ms-input-placeholder,
#attachmentModalMileage .custom-file-input-mileage::-ms-input-placeholder {
  color: #667085;
}
#attachmentModal .custom-file-input:lang(en) ~ .custom-file-label::after,
#attachmentModalMileage
  .custom-file-input-mileage:lang(en)
  ~ .custom-file-label::after,
.mobile_modal_candidate .custom-file-input:lang(en) ~ .custom-file-label::after,
.approve-reject .custom-file-label::after {
  cursor: pointer;
  display: none;
}
.custom-file-input-mileage {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(2.25rem + 2px);
  margin: 0;
  opacity: 0;
}
.distance-candidate {
  color: #475467;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.timesheet-candidate-body
  .timesheet-entry-form
  .border-left-radius
  .btn-disable::placeholder {
  color: #98a2b3;
}
.timesheet-candidate-body
  .timesheet-entry-form
  .border-left-radius::-ms-input-placeholder {
  color: #98a2b3;
}
#attachmentModal .custom-file-input,
#attachmentModalMileage .custom-file-input-mileage,
.mobile_modal_candidate .custom-file-input {
  height: 40px;
}
.description-textarea .description-text-form:focus-visible,
.description-textarea .description-text-form-mileage:focus-visible {
  outline: 0px;
}
.description-textarea .description-text-form,
.description-textarea .description-text-form-mileage {
  width: 100%;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  padding: 12px;
  color: #667085;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
}
#attachmentModal label,
#attachmentModalMileage label,
.mobile_modal_candidate label {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  color: #344054;
  width: 100%;
  margin-bottom: 6px;
}
#attachmentModal .custom-file label::before,
#attachmentModalMileage .custom-file label::before,
.mobile_modal_candidate .custom-file label::before {
  position: absolute;
  content: "";
  background-image: url("../images/timesheet/attachment.svg");
  height: 20px;
  background-size: 20px;
  width: 20px;
  background-repeat: no-repeat;
  top: 10px;
  left: 10px;
}
/*============================================================================== applicants-start ============================================ */
/* ------- button ------- */
.white_btn,
.yellow_btn {
  font-weight: 500;
  line-height: 20px;
  padding: 8px 12px;
  height: 40px;
  transition: 0.5s ease;
}
.white_btn {
  border-radius: 8px;
  border: 1px solid #d0d5dd;
  background: #fff;
  position: relative;
  cursor: pointer;
}
.white_btn:hover,
.white_btn:focus {
  box-shadow: 0px 0px 0px 4px rgba(152, 162, 179, 0.14);
}
.yellow_btn {
  border-radius: 8px;
  border: 1px solid #f8e965;
  background: #f8e965;
  color: #182230;
  cursor: pointer;
}
.yellow_btn:hover {
  background: #daca60;
  border-color: #daca60;
  color: #182230 !important;
  transition: 0.5s ease;
}
.profile_content_btn .btn-save-profile.yellow_btn:focus {
  box-shadow: 0px 0px 0px 4px rgba(152, 162, 179, 0.14) !important;
  border-color: #d0d5dd !important;
}
.profile_page_title .yellow_btn {
  line-height: 18px;
  padding: 10px 14px;
}
/* ------- button end ------- */
/* ------- breadcrumbs -------*/
.page_title_div .breadcrumbs,
.breadcrumbs ul.breadcrumb_ul li,
.breadcrumbs ul.breadcrumb_ul {
  display: flex;
  align-items: center;
  gap: 8px;
}
.page_title_div .breadcrumbs .icon_box img {
  width: 28px;
  height: 28px;
  padding: 4px;
}
.breadcrumbs ul.breadcrumb_ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.breadcrumbs ul.breadcrumb_ul a,
.breadcrumbs ul.breadcrumb_ul span {
  padding: 4px 8px;
  border-radius: 6px;
  color: #344054;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}
.breadcrumbs ul.breadcrumb_ul a.previous_breadcrumb {
  color: #475464;
}
.breadcrumbs ul.breadcrumb_ul a.previous_breadcrumb:hover {
  color: #475464;
}
.breadcrumbs ul.breadcrumb_ul li:last-child a,
.breadcrumbs ul.breadcrumb_ul li:last-child span {
  background: #f9fafb;
}
.breadcrumbs ul.breadcrumb_ul a:hover {
  color: inherit !important;
}
/* ------- breadcrumbs end -------*/
.job_applicants_Page .page_title_div {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.save_btn_deopdown-1 {
  position: relative;
}
.job_applicants_Page .page_title_div .page_hading {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 16px;
}
.job_applicants_Page .page_title_div .right_div {
  display: flex;
  gap: 16px;
  align-items: center;
}
.check-create-icon,
.uncheck-create-icon {
  display: flex;
  align-items: center;
  gap: 8px;
}
.check-create-icon {
  margin-bottom: 12px;
}
.check-create-icon .check-create-arrow,
.check-create-icon .uncheck-create-icon {
  width: 20px;
  height: 20px;
  object-fit: cover;
}
.h90vh {
  height: 90vh;
}
.check-create-icon p,
.uncheck-create-icon p {
  margin-bottom: 0px;
}
.job_applicants_Page .page_title_div .right_div button {
  display: flex;
  align-items: center;
  gap: 6px;
}
.job_applicants_Page .page_title_div .right_div button.expoert_btn {
  border: none;
  color: #475467;
}
.job_applicants_Page .page_title_div .right_div button img {
  width: 20px;
  height: 20px;
}
.job_applicants_Page .page_hading_div {
  display: flex;
  gap: 24px;
  flex-direction: column;
  padding-bottom: 16px;
}
.applicants-listing .page_hading_div {
  gap: 24px;
}
.job_applicants_Page.applicants-listing .page_title_div {
  gap: 20px;
}
.job_hading_filter {
  display: flex;
  row-gap: 12px;
  margin: 0;
}
.job-overview-col {
  gap: 12px;
}
.job-overview-col .col-4 {
  max-width: 32.87%;
  flex: 0 0 32.87%;
}
.job_hading_filter > div {
  padding: 0 6px;
}
.job_hading_filter input[aria-label="Search"] {
  padding-left: 40px;
  background-image: url(../images/menu-icon/search-header.svg);
  background-repeat: no-repeat;
  background-position: 12px center;
  background-size: 20px;
}
.job_hading_filter label {
  color: #344054;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 6px;
}
.job_hading_filter input {
  color: #101828;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 10px 12px;
  height: 40px !important;
}
.job_hading_filter input:focus {
  box-shadow: 0px 0px 0px 4px rgba(152, 162, 179, 0.14);
  border-color: #d0d5dd;
}
.job_hading_filter input::placeholder {
  color: #667085;
}
.job_hading_filter .select2-container .select2-selection--single {
  display: flex;
  height: 40px;
  align-items: center;
  border-radius: 6px;
  padding: 0 12px;
  border-color: #ced4da !important;
  transition: box-shadow 0.15s ease-in-out;
}
.job_hading_filter
  .select2-container.select2-container--open
  .select2-selection--single {
  box-shadow: 0px 0px 0px 4px rgba(152, 162, 179, 0.14);
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
.job_hading_filter .select2-selection--single:focus {
  box-shadow: 0px 0px 0px 4px rgba(152, 162, 179, 0.14);
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
.job_hading_filter
  .select2-container
  .select2-selection--single
  .select2-selection__rendered {
  padding: 0;
  color: #667085;
  font-size: 14px;
  font-weight: 400;
  overflow: hidden;
  line-height: 20px;
  height: fit-content;
}
.job_applicants_Page .applicants_filter_form {
  display: flex;
  justify-content: space-between;
  padding: 0px;
}
.com-search,
.com-industry {
  padding-left: 0px !important;
}
.com-address,
.com-satuts {
  padding-right: 0px !important;
}
.page-companies-details .page_title_div .breadcrumbs .icon_box img {
  cursor: auto;
}
.job_applicants_Page .applicants_filter_form .filter_button_div {
  display: flex;
  gap: 12px;
}
.job_applicants_Page .applicants_filter_form .left_div {
  display: flex;
  gap: 8px;
  padding-left: 4px;
}
#match_job_modal .com-search,
.com-industry {
  padding-left: 3px !important;
}
.driver_license_container {
  margin: 6px 0;
}
.job_applicants_Page
  .applicants_filter_form
  .filter_button_div
  button.frame_btn {
  padding: 8px;
}
.job_applicants_Page .applicants_filter_form .filter_checkbox input {
  display: none;
}
.job_applicants_Page .applicants_filter_form .filter_checkbox label {
  border-radius: 8px;
  background: #fff;
  color: #344054;
  font-weight: 500;
  line-height: 18px;
  padding: 8px 12px;
  height: 36px;
  cursor: pointer;
  margin-bottom: 0;
  border: 1px solid #d0d5dd;
  transition: box-shadow 0.15s ease-in-out;
}
.job_applicants_Page .applicants_filter_form .filter_checkbox label:hover {
  box-shadow: 0px 0px 0px 4px rgba(152, 162, 179, 0.14);
}
.job_applicants_Page
  .applicants_filter_form
  .filter_checkbox
  input:checked
  + label {
  color: #182230;
  background-color: #f8e965;
  border-color: #f8e965;
}
/* applicants detail table */
.applicants_detail_table {
  padding-top: 40px;
}
.applicants_detail_table .applicants_table {
  border: 1px solid #eaecf0;
  border-radius: 12px;
  margin-bottom: 6rem;
}
/*  .page-applicants-list .main-section-inner .container {
position: relative;
top: 50px;
margin-left: 90px;
min-height: calc(104vh - 70px);
} */
/* .page-companies-details .applicants_detail_table .applicants_table{
overflow: hidden !important;
}*/
.timesheet_project_name-2 {
  display: block !important;
  text-align: left !important;
}
.timesheet-recruiter-approve {
  gap: 8px !important;
  justify-content: flex-end !important;
  padding: 16px !important;
}
.page-company-profile-edit .applicants_detail_table .applicants_table,
.page-company-profile-edit-tab .applicants_detail_table .applicants_table {
  margin-bottom: 4rem;
}
.applicants_detail_table table thead {
  border-bottom: 1px solid #eaecf0;
  border-radius: 12px 12px 0px 0px;
  overflow: hidden;
  /*    display: table-caption;*/
}
.applicants_detail_table table thead th {
  background: #f9fafb;
}
.applicants_detail_table table thead th:first-child {
  border-top-left-radius: 12px;
}
.applicants_detail_table table thead th:last-child {
  border-top-right-radius: 12px;
}
.applicants_detail_table tbody tr {
  border-bottom: 1px solid #eaecf0;
}
.applicants_detail_table table .is_opend_bg {
  background: #f9fafb;
}
.applicants_detail_table tbody tr:last-child {
  border-bottom: 0;
}
.applicants_detail_table table thead tr th {
  padding: 12px 16px;
  color: #475467;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}
.page-job .applicants_detail_table table thead tr th {
  border-top: 0px !important;
}
.page-job-applicants #editInterviewModal .form-group {
  margin-bottom: 12px;
}
.page-job-applicants #editInterviewModal .form-group.day-date-flex {
  margin-bottom: 8px;
}
.page-job-applicants #editInterviewModal .form-group.description {
  margin-bottom: 20px;
}

.page-job-applicants #scheduleInterviewModal .form-group {
  margin-bottom: 12px;
}
.page-job-applicants #scheduleInterviewModal .form-group.day-date-flex {
  margin-bottom: 8px;
}
.page-job-applicants .schedule-interview-modal .loction_add .form-control {
  margin-bottom: 12px;
}
.page-job-applicants #scheduleInterviewModal .form-group.description {
  margin-bottom: 20px;
}
.applicants_detail_table table thead tr .checkbox,
.applicants_detail_table table tbody tr .checkbox {
  /* padding-right: 12px; */
  text-align: center;
  width: 48px;
}
.applicants_detail_table table thead tr .name,
.applicants_detail_table table tbody tr .name {
  padding-left: 0;
}
.applicants_detail_table table thead tr .rating,
.applicants_detail_table table tbody tr .rating {
  padding-left: 0;
  padding-right: 0;
}
.applicants_detail_table table tr td {
  padding: 16px;
}
.applicants_detail_table table tr td.td-id {
  padding: 16px 10px 16px 16px;
}
.applicants_detail_table table tr .td-email,
.modal-open #match_job_modal table tr .td-job_title {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px;
}
.applicants_detail_table table thead tr .date {
  text-align: center;
}
.applicants_detail_table table tbody tr td {
  color: #475467;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  white-space: nowrap;
}
.applicants_detail_table table tbody tr td.td-job_title {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-applicants-list .applicants_detail_table table tbody tr td {
  max-width: 200px;
}
.page-applicants-list .td-job_title {
  overflow: hidden;
  text-overflow: ellipsis;
}
.applicants_detail_table table tbody tr td.payroll-values {
  font-weight: 500;
  color: #101828;
  padding: 16px 24px;
}
.page-companies-details .applicants_detail_table table thead tr .rating {
  padding-left: 16px;
  padding-right: 16px;
}
.page-companies-details table tbody tr td {
  white-space: normal;
}
.applicants_detail_table table tbody tr td.td-address,
.applicants_detail_table table tbody tr td.td-name {
  white-space: initial;
}
.appliction_hover_table {
  position: relative;
}
emoji_feedback .modal-content {
  padding: 24px;
  position: relative;
}
.emoji_feedback .modal-dialog {
  width: 100%;
  max-width: 430px;
  margin: auto;
  padding: 0 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100%;
}
.emoji_feedback .modal-header {
  padding: 0 !important;
  flex-direction: column;
  gap: 16px;
}
.emoji_feedback .modal-header h5 {
  color: #101828;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}
.emoji_feedback .modal-header p {
  color: #475467;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
}
.emoji_feedback .modal-body .emojis_group {
  padding: 16px;
  display: flex;
  justify-content: space-between;
}
.emoji_feedback .modal-body .emojis_group .emoji_radio input {
  display: none;
}
.emoji_feedback .modal-body .emojis_group .emoji_radio label {
  height: 48px;
  width: 48px;
}
.emoji_feedback .modal-body .emojis_group .emoji_radio label img {
  filter: grayscale(100%) opacity(50%);
  width: 100%;
  cursor: pointer;
}
.emoji_feedback
  .modal-body
  .emojis_group
  .emoji_radio
  input[type="radio"]:checked
  + label
  img {
  filter: none;
}
.emoji_feedback .modal-body .emoji_feedback_textarea {
  display: flex;
  flex-direction: column;
  gap: 6px;
  display: none;
}
.emoji_feedback .modal-body .emoji_feedback_textarea label {
  color: #344054;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.emoji_feedback .modal-body .emoji_feedback_textarea textarea {
  border-radius: 8px;
  border: 1px solid #d0d5dd;
  background: #fff;
  width: 100%;
  padding: 12px;
  color: #344054;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.emoji_feedback .modal-body .emoji_feedback_textarea textarea:focus-visible {
  outline: none;
}
.emoji_feedback .modal-body .emoji_feedback_textarea textarea::placeholder {
  color: #667085;
}
.emoji_feedback .modal-footer {
  padding: 32px 0 0 0;
  display: flex;
}
.emoji_feedback .modal-footer #submitbtn.disabled {
  border-color: #eaecf0;
  background: #f2f4f7;
  color: #98a2b3;
  pointer-events: none;
}
.emoji_feedback .modal-footer button {
  color: #344054;
  font-weight: 500;
  line-height: 24px;
  font-size: 16px !important;
  border-radius: 8px;
  padding: 6px 16px;
}
.save-feedback-button {
  background: #f9ea65;
  color: #182230;
  transition: 0.5s ease;
}
.save-feedback-button:hover {
  background: #daca60;
  transition: 0.5s ease;
}
.emoji_feedback .modal-content .btn_close {
  position: absolute;
  top: 16px;
  right: 16px;
  padding: 8px;
}
.emoji_feedback .modal-content .btn_close img {
  width: 24px;
}
.appliction_hover_table .appliction_atag {
  vertical-align: middle;
  overflow: hidden;
  position: relative;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
}
.page-companies-details .appliction_hover_table .appliction_atag {
  max-width: 136px;
}
.appliction_hover_table:hover .m_iocn,
.job_list.active .m_iocn {
  display: inline;
}
.appliction_hover_table .dot_iocn {
  margin-left: 4px;
}
.appliction_hover_table:hover .dot_iocn,
.job_list.active .dot_iocn {
  display: none !important;
}
.timesheet-row-table .reverse-spinner {
  margin: 20px;
  text-align: center;
}
.timesheet-row-table {
  text-align: center;
  width: 100%;
}
.appliction_hover_table_data .reverse-spinner {
  margin: 20px -10px;
  left: 50%;
}
.appliction_hover_table_data .btn-save-profile .reverse-spinner {
  margin: 0;
  left: 0%;
}
.appliction_hover_table .m_iocn {
  padding: 8px;
  border-radius: 8px;
  /* background: #F2F4F7; */
  margin-left: 4px;
  display: none;
  cursor: pointer;
}
.job_list.active .appliction_hover_table .m_iocn {
  background: #f2f4f7;
}
.appliction_hover_table_data .ajax_load {
  font-size: 13px;
  font-weight: 400;
  padding-left: 16px;
}
.appliction_hover_table_data {
  width: 340px;
  padding: 16px 0px;
  /* max-height:536px; */
  z-index: 999;
  border-radius: 12px;
  border: 1px solid #eaecf0;
  box-shadow: 0px 12px 16px -4px #10182814;
  background: #ffffff;
  overflow: auto;
  position: absolute;
  top: 0px;
  right: -14rem;
}
.appliction_hover_table_data {
  overflow: visible;
}
.appliction_hover_table_data .white_btn:hover {
  /*  background: #daca60;
border-color: #daca60;
color: #182230 !important;
transition: 0.5s ease; */
  box-shadow: 0px 0px 0px 4px rgba(152, 162, 179, 0.14) !important;
}
.page-companies-details .files_list_content_ {
  bottom: 56px !important;
}
.scroll-noter {
  max-height: 200px;
  overflow: auto;
  padding-left: 16px;
  padding-right: 16px;
}
.appliction_hover_table_data .applicant_hover_descri_textrare {
  margin-left: 16px;
  margin-right: 16px;
}
.appliction_hover_table_data .add_todo_form_buttons.company-add-to {
  margin-left: 16px;
  margin-right: 16px;
}
.appliction_hover_table_data .add_todo_form_buttons.company-add-to {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.appliction_hover_table_data
  .add_todo_form_buttons.company-add-to
  .btn-save-profile {
  padding-left: 0px;
  padding-right: 0px;
}
.appliction_hover_table_data .add_comments_file span {
  color: #344054;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.appliction_hover_table_data .heading {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #101828;
  padding-left: 16px;
  margin-bottom: 0px;
}
.appliction_hover_table_data .discretion_name_time {
  border-bottom: 1px solid #eaecf0;
  padding-top: 12px;
  padding-bottom: 12px;
  position: relative;
}
.appliction_hover_table_data .discretion {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  color: #667085;
  margin-bottom: 0px;
}
.appliction_hover_table_data .app-note_ho {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.appliction_hover_table_data .discretion_name_time:hover .po_delete {
  display: block;
}
.appliction_hover_table_data .po_delete {
  position: absolute;
  right: -6px;
  background: #fff;
  cursor: pointer;
  top: 25px;
  display: none;
  padding: 5px;
  border-radius: 8px;
  border: 1px solid #eaecf0;
  background: #fff;
  box-shadow:
    0px 4px 8px -2px rgba(16, 24, 40, 0.08),
    0px 1px 2px -2px rgba(16, 24, 40, 0.03);
}
.po_delete button:nth-child(2) {
  display: none;
}
.appliction_hover_table_data .app-note_ho .user_name {
  color: #344054;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  margin-bottom: 0px;
}
.appliction_hover_table_data .app-note_ho .time_date {
  color: #475467;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  margin-bottom: 0px;
}
.applicants_detail_table table tbody tr td.name {
  color: #101828;
  font-weight: 500;
}
.applicants_detail_table
  table
  tbody
  tr
  td.name.company-hover-table
  .appliction_atag {
  max-width: 140px;
}
.applicants_detail_table table thead tr th.nam1e {
  width: 17%;
}
.applicant_hover_descri_textrare {
  margin-top: 8px;
  margin-bottom: 12px;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #d0d5dd;
  background: #fff;
  color: #667085;
}
.appliction_hover_table_data .btn-save-profile {
  display: flex;
  justify-content: end;
  padding-left: 16px;
  padding-right: 16px;
}
.applicant_hover_descri_textrare .form-control_text {
  border: none;
  width: 100%;
  resize: none;
}
.applicant_hover_descri_textrare .form-control_text:focus {
  outline: none;
}
.applicants_detail_table .checkbox input[type="checkbox"].check-all {
  height: 20px;
  width: 20px;
}
.applicants_detail_table table tbody tr .rating-outer {
  display: inline-block;
}
.page-payroll-index .checkbox input[type="checkbox"].check-all {
  height: 16px;
  width: 16px;
}
.page-payroll-index
  .applicants_detail_table
  th.checkbox
  input[type="checkbox"]::before {
  width: 16px;
  height: 16px;
}
.applicants_detail_table table tbody tr td.rating .stars {
  flex-direction: row-reverse;
}
/* th width */
.applicants_detail_table table thead tr .name {
  width: 25%;
}
.applicants_detail_table table thead tr .email {
  width: 15%;
}
.applicants_detail_table table thead tr th {
  width: 10%;
}
.applicants_detail_table table thead tr th.status_m {
  text-align: center;
}
.applicants_detail_table table tbody tr td.rating .stars {
  display: flex;
  gap: 4px;
}
.applicants_detail_table table tbody tr td.rating .stars i {
  color: #eaecf0;
  font-size: 16px !important;
}
.applicants_detail_table table tbody tr td.rating .stars i.s_active {
  color: #fec84b;
}
.applicants_detail_table tbody tr td.status,
.applicants_detail_table thead tr th.status {
  padding-left: 0;
  padding-right: 0;
  padding-right: 20px;
  text-align: center;
  padding: 0;
}
.applicants_detail_table tbody tr td.status {
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 170px;
  padding-left: 20px;
  padding-right: 10px;
}
.page-company-profile-edit
  .applicants_detail_table
  tbody#matches_table
  tr
  td.status {
  display: inline-flex;
  width: 100%;
}
.applicants_detail_table tbody tr td.status {
  height: 88px;
}
.applicants_detail_table .job_matches_table tbody tr td.status,
.applicants_detail_table .job_matches_table thead tr th.status {
  padding-right: 0px;
}
.applicants_detail_table .onboarding_compny {
  padding-left: 0px;
}
/* #match_job_modal .applicants_detail_table tbody tr td.status {
display: table-cell;
} */
.applicants_detail_table tbody tr td.status p {
  font-weight: 500;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 18px;
  border: 1px solid;
  border-radius: 16px;
  padding: 2px 8px;
  width: fit-content;
  white-space: nowrap;
}
.applicants_detail_table tbody tr td.status p.success {
  border-color: #abefc6;
  background-color: #ecfdf3;
  color: #067647;
}
.applicants_detail_table tbody tr td.status p.warning {
  border-color: #fedf89;
  background-color: #fffaeb;
  color: #b54708;
}
.applicants_detail_table tbody tr td.status p.error {
  border-color: #fecdca;
  background-color: #fef3f2;
  color: #b42318;
}
.applicants_detail_table tbody tr td.status p.blue_light {
  border-color: #b9e6fe;
  background-color: #f0f9ff;
  color: #026aa2;
}
.applicants_detail_table tbody tr td.status p.gray {
  border-color: #eaecf0;
  background-color: #f9fafb;
  color: #344054;
}
/* checkbox */
.applicants_detail_table .checkbox input[type="checkbox"],
.off-checbox .checkbox input[type="checkbox"] {
  position: relative;
  border: 1px solid #d0d5dd;
  border-radius: 4px;
  background: none;
  cursor: pointer;
  outline: 0;
  vertical-align: text-top;
  height: 16px;
  width: 16px;
  -webkit-appearance: none;
}
.off-checbox .checkbox input[type="checkbox"] {
  vertical-align: bottom;
}
.applicants_detail_table .checkbox input[type="checkbox"]:checked,
.off-checbox .checkbox input[type="checkbox"]:checked {
  background-color: #475467;
  border: 1px solid #475467;
  opacity: 1;
}
.applicants_detail_table .checkbox input[type="checkbox"]:checked::before,
.off-checbox .checkbox input[type="checkbox"]:checked::before {
  opacity: 1;
}
.applicants_detail_table .checkbox input[type="checkbox"]::before,
.off-checbox .checkbox input[type="checkbox"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  background-image: url("../images/applicants/check.svg");
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: center;
  width: 16px;
  height: 16px;
  z-index: 2;
  opacity: 0;
}
.approve-reject .modal-body.delete-applicants .sub-title span {
  font-weight: 400;
  color: #475467;
}
.applicants_detail_table th.checkbox input[type="checkbox"]::before {
  width: 20px;
  height: 20px;
  background-size: 14px;
}
.applicants_detail_table .selected th.checkbox input[type="checkbox"]::before {
  background-image: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 1.6px;
  border-radius: 10px;
  background-color: #fff;
}
.job-footer-applicant {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 24px;
  width: 60%;
  padding: 12px 12px 12px 20px;
  background: #f9fafb;
  border: 1px solid #d0d5dd;
  display: none;
  border-radius: 12px;
  box-shadow: 0px 20px 24px -4px #10182814;
}
.job-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  color: #475467;
}
.delete-matchjob {
  display: flex;
  gap: 12px;
  align-items: center;
}
.delete-matchjob .btn {
  padding: 8px 12px;
  gap: 4px;
  border-radius: 8px;
  border: 1px solid transparent;
  background: transparent;
}
.delete-matchjob .btn.delete-btn-APP {
  background: #d92d20;
  border-color: #d92d20;
  color: #fff;
  width: 72px;
}
.delete-matchjob .btn.delete-btn-match {
  background: #fff;
  border-color: #d0d5dd;
  color: #344054;
}
.delete-matchjob .btn.delete-btn-send {
  background: #f8e965;
  border-color: #f8e965;
  color: #182230;
  transition: 0.5s ease;
  font-weight: 500;
  line-height: 20px;
}
.delete-matchjob .btn.delete-btn-send.disabled {
  border-radius: 8px;
  border: 1px solid #eaecf0;
  background: #f2f4f7;
  color: #98a2b3;
}
.delete-matchjob .btn.delete-btn-send:hover {
  background: #daca60;
  border-color: #daca60;
  transition: 0.5s ease;
}
.modal-footer.add_hours .btn.btn-delete {
  border: 1px solid #d92d20;
  background: #d92d20;
  color: #fff;
}
.modal-footer.add_hours .btn.btn-delete:hover {
  background: #fff;
  color: #d92d20;
  border-color: #d92d20;
}
.filter_button_warp li {
  list-style: none;
  padding: 8px 0;
}
.filter_button_warp li.ascend-descend {
  padding: 6px 8px;
}
.filter_button_warp .dropdown .dropdown-menu-end label {
  width: fit-content !important;
  padding-left: 24px !important;
  margin-left: 4px;
}
.filter_button_warp .dropdown .dropdown-menu-end label::before {
  margin-top: -6px !important;
}
.applicants_detail_table table tbody tr td.location {
  width: 278px;
  /*     display: inline-block; */
  line-break: anywhere;
}
/* .match_job_modal .filter_button_warp .dropdown-menu-end {
padding: 12px 16px;
} */
.filter_button_warp .sort-by-outer {
  padding: 12px;
  margin-bottom: 0;
}
.filter_button_warp #sort-by-dropdown {
  padding: 8px 12px;
  margin-bottom: 0;
}
.filter_button_warp .btn#sort-by-dropdown {
  padding: 8px;
  height: 36px;
  width: 36px;
  line-height: 18px;
}
.filter_button_warp .dropdown-menu-end {
  border: 1px solid #eaecf0;
  box-shadow: 0px 20px 24px -4px #10182814;
  width: 220px;
  border-radius: 12px;
  position: absolute;
  right: -4px;
  z-index: 9;
  top: 2.04rem;
  background: #fff;
  display: none;
}
.profile_content_btn .btn-cancel:hover {
  color: #344054 !important;
}
.filter_button_warp .dropdown-menu-end li:first-child {
  padding-top: 0;
}
.filter_button_warp .dropdown-menu-end input[type="radio"] {
  width: 16px;
  accent-color: transparent;
}
.filter_button_warp .dropdown-menu-end input[type="radio"]:focus {
  box-shadow: none;
}
#update-job .form-check-input:checked::after {
  content: "";
  width: 16px;
  height: 16px;
  display: block;
  background: white;
  border-radius: 100%;
  border: 5px solid #475467;
  top: 0;
  position: absolute;
  bottom: 0;
  margin: auto;
}
.driver_license_container label {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding-left: 0px;
  cursor: pointer;
  pointer-events: all;
}
.driver_license_container .form-check-input {
  width: 16px;
  cursor: pointer;
  position: relative;
}
.driver_license_container #driver_license:focus-visible,
.driver_license_container #driver_license2:focus-visible {
  outline: 0;
}
.job_hading_filter .filter_button_warp .dropdown-menu-end label {
  padding-left: 0.3rem;
  font-weight: 400;
}
.ascend-descend {
  cursor: pointer;
  padding: 6px 8px;
  color: #475467;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
  position: relative;
}
.sort-by-outer.top-border {
  position: relative;
}
.sort-by-outer.top-border::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #eaecf0;
}
.sort-by-outer.top-border.mat-top-border::before {
  top: 40px;
}
.ascend-descend span {
  width: 100%;
  text-align: left;
  padding-left: 8px;
}
.ascend-descend.active {
  background: #f2f4f7;
  border-radius: 6px;
  color: #344054;
}
.job_applicants_Page .page_title_div .profile_image {
  margin-right: 20px;
}
.job_applicants_Page .page_title_div .profile_image .profile_image_inner {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  z-index: 0;
  border-radius: 200px;
  background: #f2f4f7;
  border: 1px solid #d0d5dd;
}
.job_applicants_Page .page_title_div .profile_image .profile_placeholder {
  /*  width: 32px !important;
height: 32px; */
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  object-fit: cover;
  transform: translate(-50%, -50%);
}
.job_applicants_Page .page_title_div .profile_image .profile_change_btn {
  background: #0000006b;
  position: absolute;
  z-index: 2;
  bottom: -25px;
  left: 0;
  width: 100%;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  transition: all 0.15s ease-in-out;
}
.job_applicants_Page
  .page_title_div
  .profile_image_inner:hover
  .profile_change_btn {
  bottom: 0;
}
.job_applicants_Page .page_title_div .page-title .text p {
  line-height: 24px;
}
.applicant_profile_content {
  margin-top: 24px;
}
.auto-load-client-modal {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.profile_content {
  display: flex;
  gap: 32px;
  padding: 20px 0;
  border-bottom: 1px solid #eaecf0;
}
.job_applicants_Page .profile_page_title.create-profile {
  padding-bottom: 40px;
}
.profile_content:first-child {
  padding-top: 0;
}
/*.profile_content:last-child{
padding-bottom: 0;
border-bottom: none;
}*/
.profile_content .left_div {
  width: 300px;
}
.profile_content .left_div h3,
.profile_content .left_div p {
  color: #475467;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
}
.timesheet-page-candidate .ui-widget-content {
  background-color: #fff;
  border-radius: 12px;
  padding: 5px;
  border: 1px solid #eaecf0;
  box-shadow: 0px 20px 24px -4px #10182814;
  z-index: 9;
  max-height: 300px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #101828;
}
.timesheet-page-candidate .ui-widget-content .ui-menu-item {
  list-style: none;
  padding: 3px 1em 3px 0.4em;
}
.timesheet-page-candidate
  .ui-widget-content
  .ui-menu-item
  .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px 0.4em;
}
.page-recruiter-candidate-hours-review .ui-widget-content {
  width: 150px !important;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #f9fafb !important;
  background-color: #f9fafb !important;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #101828 !important;
}
.profile_content .left_div h3 {
  color: #344054;
  font-weight: 600;
}
.profile_content .right_div {
  max-width: 900px;
  width: 100%;
}
.profile_content .right_div .row {
  margin: 0 -10px;
}
.profile_content .right_div .row.row-accordion {
  row-gap: 0px;
}
.profile_content .right_div .row > div {
  padding: 10px 6px;
}
.profile_content .right_div .div-resume-outer.row > div {
  padding: 0px 8px;
}
.profile-content-pt.profile_content .right_div .row > div {
  padding: 0px 6px 20px;
}
.profile_content .right_div label {
  color: #344054;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 6px;
}
.profile_content .right_div input,
.input-form-control {
  color: #101828;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding: 10px 12px;
  border-radius: 8px;
  height: 40px !important;
  border-color: #d0d5dd;
}
.profile_content .right_div input:focus,
.input-form-control:focus {
  box-shadow: 0px 0px 0px 4px rgba(152, 162, 179, 0.14);
  border-color: #d0d5dd;
}
.profile_content .right_div input::placeholder,
.input-form-control::placeholder {
  color: #667085;
}
.profile_content .right_div .input_right_group p,
.profile_content .right_div .input_left_group p,
.job_applications .input_left_group p {
  color: #475467;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 10px 12px;
  height: 40px;
  margin-bottom: 0;
  border: 1px solid #d0d5dd;
  white-space: nowrap;
}
.profile_content .right_div .input_right_group p {
  border-radius: 8px 0 0 8px;
  border-right: 0;
}
.profile_content .right_div .input_left_group p {
  border-radius: 0 8px 8px 0;
  border-left: 0;
}
.p-relative {
  position: relative;
}
.p-relative .dkk-onboarding {
  border: none !important;
  border-left: 1px #d0d5dd solid !important;
  position: absolute;
  right: 0px;
}
.profile_content .right_div .input_right_group input {
  border-radius: 0px 8px 8px 0px;
}
.profile_content .right_div .input_left_group input {
  border-radius: 8px 0 0 8px;
}
.profile_content .right_div .input_right_group,
.profile_content .right_div .input_left_group,
.job_applications .input_left_group {
  display: flex;
}
.profile_content .right_div .select2-selection__rendered {
  color: #667085 !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px !important;
  padding-left: 0 !important;
}
.profile_content .right_div .select2-selection {
  height: 40px;
  border-radius: 8px;
  border: 1px solid #d0d5dd !important;
  padding: 10px 12px;
}
.profile_content .right_div .select2-container--focus .select2-selection:focus {
  box-shadow: none;
}
.profile_content .right_div .select2-container--focus .select2-selection:focus {
  box-shadow: 0px 0px 0px 4px rgba(152, 162, 179, 0.14);
}
.profile_content
  .filter_dropdown.select2-container--open
  .select2-selection--single {
  box-shadow: 0px 0px 0px 4px rgba(152, 162, 179, 0.14);
}
.profile_content .toggle_switch {
  display: flex;
  align-items: flex-end;
  height: 100%;
}
.profile_content .right_div textarea {
  color: #101828;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding: 10px 12px;
  border-radius: 8px;
  width: 100%;
  border: 1px solid #d0d5dd;
  resize: none;
}
.page-job-edit .profile_content .right_div textarea {
  padding: 12px;
}
.profile_content .right_div textarea:focus {
  box-shadow: 0px 0px 0px 4px rgba(152, 162, 179, 0.14);
}
.profile_content .right_div textarea:focus-visible {
  outline: none;
}
.profile_content .toggle_switch input {
  display: none;
}
.profile_content
  .toggle_switch
  input[type="checkbox"].toggle_switch_checkbox
  .profile_content
  .toggle_switch
  input[type="checkbox"].toggle_switch_checkbox {
  position: absolute;
  margin: 8px 0 0 16px;
}
.profile_content
  .toggle_switch
  input[type="checkbox"].toggle_switch_checkbox
  + label {
  position: relative;
  padding: 0 0 0 44px;
  line-height: 20px;
  margin-bottom: 10px;
}
.profile_content
  .toggle_switch
  input[type="checkbox"].toggle_switch_checkbox
  + label:before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 36px;
  height: 20px;
  border-radius: 16px;
  background: #f2f4f7;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.profile_content
  .toggle_switch
  input[type="checkbox"].toggle_switch_checkbox
  + label:after {
  content: "";
  position: absolute;
  display: block;
  left: 2px;
  top: 2px;
  width: 16px;
  height: 16px;
  border-radius: 16px;
  background: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  box-shadow:
    0px 1px 3px 0px rgba(16, 24, 40, 0.1),
    0px 1px 2px 0px rgba(16, 24, 40, 0.06);
}
.profile_content
  .toggle_switch
  input[type="checkbox"].toggle_switch_checkbox
  + label:hover:after {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.profile_content
  .toggle_switch
  input[type="checkbox"].toggle_switch_checkbox:checked
  + label:after {
  margin-left: 16px;
}
.profile_content
  .toggle_switch
  input[type="checkbox"].toggle_switch_checkbox:checked
  + label:before {
  background: #f9ea65;
}
.profile_content
  .toggle_switch
  input[type="checkbox"].toggle_switch_checkbox:checked:hover
  + label:before {
  background: #daca60;
}
.profile_content .profile_content_btn {
  gap: 12px;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 3rem;
}
.profile_content .right_div .add_detail_btn {
  gap: 6px;
  padding: 0;
  border: none;
  display: flex;
  color: #175cd3;
  font-size: 14px;
  cursor: pointer;
  font-weight: 500;
  line-height: 20px;
  align-items: center;
  background-color: transparent;
}
.profile_content .right_div .add_detail_btn img {
  width: 16px;
  height: 16px;
}
.applicants_add_details .accordion-item {
  padding: 20px 0;
  border-bottom: 1px solid #eaecf0;
}
.disabled[data-orgtitle] {
  position: relative;
}
.disabled[data-orgtitle]:hover::before,
.disabled[data-orgtitle]:hover::after {
  opacity: 1;
  transition: all 0.1s ease 0.5s;
  visibility: visible;
}
.disabled[data-orgtitle]::before {
  content: attr(data-orgtitle);
  background-color: #101828;
  color: #fff;
  font-size: 12px;
  position: absolute;
  padding: 1px 5px 2px 5px;
  bottom: 30px;
  left: 100%;
  white-space: nowrap;
  opacity: 0;
  border: 1px solid #101828;
  z-index: 99999;
  visibility: hidden;
  font-weight: 500;
  border-radius: 8px;
  padding: 8px 12px;
  left: -50px;
}
.disabled[data-orgtitle]::after {
  content: "";
  position: absolute;
  left: 55%;
  bottom: 18px;
  z-index: 999999999;
  position: absolute;
  border-width: 6px;
  border-style: solid;
  border-color: #101828 transparent transparent transparent;
  visibility: hidden;
  opacity: 0;
}
.applicants_add_details .accordion-item:first-child {
  padding-top: 0;
}
.applicants_add_details .accordion-item:last-child {
  border-bottom: 0;
}
.applicants_add_details .accordion-header {
  margin: 0;
}
.applicants_add_details .accordion-header button {
  width: 100%;
  border: none;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  text-align: start;
  cursor: pointer;
}
.applicants_add_details .accordion-header button h4 {
  color: #344054;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin: 0;
}
.applicants_add_details .accordion-header button p {
  color: #667085;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
}
.applicants_add_details .accordion-body {
  padding-top: 16px;
}
.applicants_add_details .accordion-collapse {
  margin: 0;
}
.applicants_details_body {
  border-radius: 16px;
  background: #f9fafb;
  padding: 16px;
}
.applicants_add_details .accordion-item .applicants_details_body {
  margin-bottom: 0 !important;
}
.applicants_details_body .row {
  margin: 0 -8px !important;
  row-gap: 16px !important;
}
.applicants_details_body .row > div {
  padding: 0 8px !important;
}
.applicants_details_body .applicants_details_delete_btn {
  display: flex;
  justify-content: flex-end;
}
.applicants_details_body .applicants_details_delete_btn button {
  border: none;
  background-color: transparent;
  color: #b42318;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  cursor: pointer;
}
.applicant_profile_file_upload:focus-visible {
  box-shadow: 0px 0px 0px 4px rgba(152, 162, 179, 0.14) !important;
  border-color: #d0d5dd !important;
}
.profile_content .right_div .applicant_profile_file_upload input {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100% !important;
  opacity: 0;
  cursor: pointer;
  top: 0;
  left: 0;
}
.applicant_profile_file_upload .file_upload_img {
  border-radius: 8px;
  border: 1px solid #eaecf0;
  background: #fff;
  margin-bottom: 12px;
  padding: 10px;
}
.applicant_profile_file_upload .file_upload_img img {
  width: 20px;
  height: 20px;
}
.applicant_profile_file_upload .file_upload_text h4 {
  color: #475467;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
  text-align: center;
  margin-bottom: 4px;
}
.applicant_profile_file_upload .file_upload_text h4 span {
  font-weight: 500;
  color: #175cd3;
}
.applicant_profile_file_upload .file_upload_text p {
  color: #475467;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  margin: 0;
  text-align: center;
}
.applicants_add_details .accordion-button::after {
  content: "";
  background-image: url("../images/timesheet/arrow-up.svg");
  display: block;
  background-size: 20px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
}
.applicants_add_details .accordion-button.collapsed::after {
  background-image: url("../images/timesheet/arrow-down.svg");
}
#date-roll {
  display: none;
}
.timesheet-page-admin .datepaire_filter .custom_date-outer .cust-date-range,
.timesheet-page-admin .datepaire_filter {
  cursor: pointer;
}
/* checkbox end */
.select-checkbox .select2-results__option.select2-results__message::before {
  display: none;
}
.profile_page_title .page_title_div .page-title .text h2 {
  color: #101828;
  font-weight: 600;
}
.active-candidates-count .candidate-name {
  color: #475467;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  padding-top: 4px;
}
.active-candidates-count .active-candidates-count {
  display: flex;
  padding: 2px 8px;
  align-items: center;
}
.active-candidates-count .active-candidates-count-number {
  display: flex;
  position: relative;
  padding: 2px 8px;
  align-items: center;
  border-radius: 16px;
  border: 1px solid #eaecf0;
  background: #f9fafb;
  margin-left: 10px;
  cursor: pointer;
  margin-bottom: 4px;
  color: #344054;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  margin-top: 4px;
}
.active-candidates-count {
  display: flex;
  align-items: center;
}
.active-candidates-count .div-active-candidates {
  display: none;
  width: max-content;
  padding: 10px 15px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  border-radius: 8px;
  border: 1px solid #eaecf0;
  background: #fff;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
  position: absolute;
  left: 10px;
  z-index: 9;
  max-width: 162px;
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
}
.active-candidates-count .position-relative:hover .div-active-candidates {
  display: flex;
}
.profile_page_title
  .page_title_div
  .active-candidates-count
  .position-relative
  .div-active-candidates
  p {
  color: #101828;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-top: 0;
  white-space: nowrap;
  /*     overflow: hidden; */
  text-overflow: ellipsis;
  width: 130px;
}
.profile_page_title .page_title_div .page-title .text p {
  color: #475467;
  font-size: 16px;
}
.profile_page_title .right_div .select2-selection__rendered {
  color: #101828 !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px !important;
  padding-left: 0 !important;
}
.add_todo_form_buttons.add-to-do-dis-button.file-personal_ml {
  margin-left: 3.1rem;
}
.file-personal_ml .edit_files_new_content {
  margin-left: 3.1rem;
}
.profile_page_title .right_div .select2-selection {
  height: 40px;
  border-radius: 8px;
  border: 1px solid #d0d5dd !important;
  padding: 10px 14px;
  min-width: 114px;
}
.page-applicant-profile-edit .profile_page_title .right_div .select2-selection {
  min-width: 174px;
  /*  hiral */
}
.profile_page_title .right_div .select2-container--open .select2-selection {
  box-shadow: 0px 0px 0px 4px rgba(152, 162, 179, 0.14);
}
.job_applicants_Page .profile_page_title .text {
  display: flex;
}
.job_applicants_Page .profile_page_title .text .rating_applicants {
  padding-left: 12px;
  padding-top: 6px;
}
.job_applicants_Page .profile_page_title .text .rating_applicants button {
  display: flex;
  border: none;
  background-color: transparent;
  gap: 3.33px;
  font-size: 16px;
  color: #eaecf0;
  cursor: pointer;
  padding-left: 0;
  padding-right: 0;
}
.job_applicants_Page
  .profile_page_title
  .text
  .rating_applicants-tooltip.rating_applicants
  button {
  position: relative;
}
.job_applicants_Page
  .profile_page_title
  .text
  .rating_applicants-tooltip.rating_applicants:hover
  .star-tooltip {
  display: block;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
.job_applicants_Page
  .profile_page_title
  .text
  .rating_applicants-tooltip.rating_applicants
  .star-tooltip {
  background: #101828;
  padding: 12px;
  border-radius: 8px;
  position: absolute;
  top: 30px;
  width: 320px;
  left: -6rem;
  z-index: 9;
  display: none;
  cursor: text;
  pointer-events: none;
}
.job_applicants_Page
  .profile_page_title
  .text
  .rating_applicants-tooltip.rating_applicants
  .star-tooltip::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 8.5rem;
  margin-left: 0px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent #101828 transparent;
}
.job_applicants_Page
  .profile_page_title
  .text
  .rating_applicants-tooltip.rating_applicants
  .star-tooltip
  h3 {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  text-align: left;
  margin-top: 0;
}
.job_applicants_Page
  .profile_page_title
  .text
  .rating_applicants-tooltip.rating_applicants
  .star-tooltip
  p {
  color: #d0d5dd;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
}
.job_applicants_Page .profile_page_title .text .rating_applicants .s_active {
  color: #fec84b;
}
.rating_applicants_modal .modal-content {
  border-radius: 12px;
  border: 1px solid #eaecf0;
  background: #fff;
  padding: 20px;
  gap: 24px;
}
.rating_applicants_modal .modal-header {
  padding: 0 0 20px !important;
  border-bottom: 0;
}
#match_job_modal.rating_applicants_modal .modal-header {
  padding: 0px !important;
}
.rating_applicants_modal .modal-header h5 {
  color: #101828;
  font-weight: 500;
}
.rating_applicants_modal .modal-body {
  border-bottom: 0;
}
.rating_applicants_modal .modal-footer {
  border-top: 0;
  gap: 8px;
  padding-top: 20px !important;
}
.rating_applicants_modal .modal-footer button {
  width: 50%;
  margin: 0 !important;
}
#activity .ajax_load {
  margin: auto;
  width: 100%;
  text-align: center;
}
#applicantRatingModal {
  pointer-events: none;
}
.rating_applicants_modal .rating_form {
  display: flex;
  justify-content: center;
  padding: 16px 0;
}
.rating_form .rating:not(:checked) > input {
  display: none;
}
.rating_form .rating:not(:checked) > label {
  float: right;
  width: 40px;
  padding: 4px;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 0;
  line-height: 1.2;
  color: #eaecf0;
}
.rating_form .rating:not(:checked) > label:before {
  content: "\f005";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-size: 32px;
}
.rating_form .rating > input:checked ~ label {
  color: #fec84b;
}
.rating_form .rating:not(:checked) > label:hover,
.rating_form .rating:not(:checked) > label:hover ~ label {
  color: #fec84b;
}
.rating_form .rating > input:checked + label:hover,
.rating_form .rating > input:checked + label:hover ~ label,
.rating_form .rating > input:checked ~ label:hover,
.rating_form .rating > input:checked ~ label:hover ~ label,
.rating_form .rating > label:hover ~ input:checked ~ label {
  color: #fec84b;
}
.rating_applicants_modal .modal-body .Feedback_rating_div {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.rating_applicants_modal .modal-body .Feedback_rating_div label {
  color: #344054;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.rating_applicants_modal .modal-body .Feedback_rating_div textarea {
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #d0d5dd;
  background: #fff;
  resize: none;
  color: #101828;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  height: 128px;
}
.rating_applicants_modal .modal-body .Feedback_rating_div textarea:focus {
  box-shadow: 0px 0px 0px 4px rgba(152, 162, 179, 0.14);
}
.rating_applicants_modal
  .modal-body
  .Feedback_rating_div
  textarea:focus-visible {
  outline: none;
}
.rating_applicants_modal
  .modal-body
  .Feedback_rating_div
  textarea::placeholder {
  color: #667085;
}
.applicant_profile_content .applicants_tabs_nav {
  border-bottom: 1px solid #eaecf0;
  gap: 12px;
}
.applicant_profile_content .applicants_tabs_nav a {
  padding: 0 8px 12px 8px !important;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  color: #667085;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.applicant_profile_content .applicants_tabs_nav a span {
  padding: 2px 7px;
  border-radius: 16px;
  border: 1px solid #eaecf0;
  background: #f9fafb;
  color: #344054;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}
.applicant_profile_content .applicants_tabs_nav a:hover {
  color: #182230 !important;
  border-color: transparent;
}
.applicant_profile_content .applicants_tabs_nav a.active {
  border-bottom: 2px solid #182230;
}
.applicants_tabs_tab .tab-pane {
  padding-top: 24px;
}
.breadcrumbs.mb-3 {
  margin-bottom: 20px !important;
}
.applicants_tabs_tab .profile_content_right ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.applicants_tabs_tab .profile_content_right ul li {
  padding: 16px 0;
  border-bottom: 1px solid #eaecf0;
}
.applicants_tabs_tab .profile_content_right ul li:last-child {
  border-bottom: 0;
}
.applicants_tabs_tab .profile_content_right li {
  display: flex !important;
  gap: 12px;
  text-decoration: none;
  position: relative;
  cursor: default;
}
.applicants_tabs_tab .profile_content_right li:hover .profile_item_options {
  display: flex;
}
.applicants_tabs_tab .profile_content_right li .profile_item_options {
  display: none;
  position: absolute;
  z-index: 2;
  right: -40px;
  top: 50%;
  transform: translateY(-50%);
  gap: 4px;
  padding: 4px;
  border-radius: 8px;
  border: 1px solid #eaecf0;
  background: #fff;
  box-shadow:
    0px 4px 8px -2px rgba(16, 24, 40, 0.08),
    0px 1px 2px -2px rgba(16, 24, 40, 0.03);
}
.applicants_tabs_tab
  .profile_content_right
  li
  .profile_item_options.to-do-profile-hover {
  top: 55px;
}
.applicants_tabs_tab .profile_content_right li .pin_to_top.to-do-profile-pin {
  top: 55px;
}
.applicants_tabs_tab .profile_content_right li .profile_item_options button {
  border: none;
  background-color: transparent;
  padding: 0 8px;
  height: 32px;
  cursor: pointer;
  border-radius: 4px;
}
.applicants_tabs_tab
  .profile_content_right
  li
  .profile_item_options
  button:hover {
  background: #f2f4f7;
}
.applicants_tabs_tab
  .profile_content_right
  li
  .profile_item_options
  button
  img {
  width: 16px;
  height: 16px;
}
.applicants_tabs_tab .todo_content .right_div li .checkbox_custom {
  margin-top: 4px;
}
#todo_items_container .check_todo_description {
  max-height: 80px;
  overflow-x: hidden;
  overflow-y: auto;
}
.applicants_tabs_tab .todo_content .todo_item .todo_item_text {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.applicants_tabs_tab
  .todo_content
  .todo_item
  .todo_item_text
  .todo_item_header {
  display: flex;
  /*     justify-content: space-between; */
}
.applicants_tabs_tab .todo_content .todo_item .todo_item_text h4 {
  color: #344054;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin: 0;
  width: 70%;
}
.applicants_tabs_tab .todo_content .todo_item .todo_item_text p {
  color: #475467;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
}
.page-candidates-details .job_applicants_Page .page_title_div .page_hading,
.page-companies-details .job_applicants_Page .page_title_div .page_hading,
.job_applicants_Page .page_title_div .page_hading {
  padding-bottom: 0px;
}
.applicants_tabs_tab .todo_content .todo_item .todo_item_text > p {
  color: #667085;
}
.applicants_tabs_tab
  .todo_content
  .todo_item
  .todo_item_text
  .todo_item_header
  p {
  width: 30%;
  text-align: right;
}
.to-do-body .alert-dismissible .close {
  display: none;
}
.applicants_tabs_tab .todo_item .avatars_group {
  margin-top: 4px;
  height: 30px;
}
.applicants_tabs_tab .todo_item .avatars_group img {
  width: 30px;
  height: 30px;
  border-radius: 200px;
  border: 1px solid #e0e0e0;
  outline: 2px solid #fff;
}
.applicants_tabs_tab .todo_item .avatars_group img:first-child {
  margin-left: 0;
}
.applicants_tabs_tab .todo_item .avatars_group img {
  margin-left: -9px;
}
.applicants_tabs_tab .todo_content .right_div ul li.disable {
  text-decoration: line-through;
}
.applicants_tabs_tab .add_todo_form .add_todo_form_group {
  border-radius: 8px;
  border: 1px solid #d0d5dd;
  background: #fff;
  padding: 12px;
  display: flex;
  flex-direction: column;
}
.applicants_tabs_tab .add_todo_form .add_todo_form_group input {
  border-bottom: 1px solid #eaecf0 !important;
  font-weight: 500;
  padding: 0 0 8px 0;
  height: fit-content !important;
  border: none;
  border-radius: 0;
}
.applicants_tabs_tab
  .add_todo_form
  .add_todo_form_group.add_todo_form_group-textarea
  input {
  border-bottom: 0px !important;
}
.applicants_tabs_tab
  .add_todo_form
  .add_todo_form_group.add_todo_form_group-textarea {
  border: none !important;
}
.applicants_tabs_tab .add_todo_form .add_todo_form_group textarea {
  padding: 8px 0 0 0;
  border: none;
  border-radius: 0;
}
.applicants_tabs_tab .add_todo_form .add_todo_form_group input:focus,
.applicants_tabs_tab .add_todo_form .add_todo_form_group textarea:focus {
  box-shadow: none;
}
.applicants_tabs_tab .add_todo_form .add_todo_form_buttons {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
}
.add_person_btn .white_btn {
  display: flex;
  gap: 4px;
  border: 1px solid #f2f4f7;
  background: #f2f4f7;
  align-items: center;
  justify-content: space-between;
}
.new_todo_footer .add_person_btn .white_btn {
  padding: 0;
}
.page-companies-details .appliction_hover_table_data .add_person_btn .white_btn,
.page-applicants-list .appliction_hover_table_data .add_person_btn .white_btn {
  pointer-events: none;
}
.page-companies-details
  .appliction_hover_table_data
  .add_person_btn
  .white_btn
  .admin_placeholder,
.page-applicants-list
  .appliction_hover_table_data
  .add_person_btn
  .white_btn
  .admin_placeholder {
  pointer-events: all;
}
.appliction_hover_table_data .add_person_btn .white_btn:hover {
  box-shadow: none !important;
}
.add_person_btn .white_btn:hover {
  border-color: #d0d5dd !important;
}
.add_person_btn .white_btn p {
  margin-bottom: 0;
  color: #344054;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.add_person_btn .white_btn img {
  width: 20px;
  height: 20px;
}
.add_person_btn.box-shadow button.active_btn {
  box-shadow: 0px 0px 0px 4px rgba(152, 162, 179, 0.14);
  border-color: #d0d5dd;
}
.add_person_btn {
  position: relative;
}
.add_person_btn .add_person_dropdown {
  display: none;
  position: absolute;
  bottom: 100%;
  margin-bottom: 8px;
  left: 0rem;
  border-radius: 8px;
  border: 1px solid #eaecf0;
  background: #fff;
  box-shadow:
    0px 12px 16px -4px rgba(16, 24, 40, 0.08),
    0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  min-width: 175px;
  max-width: 175px;
}
.add_person_btn .add_person_dropdown.active {
  display: block;
}
.add_person_btn .add_person_dropdown ul {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 4px 6px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  overflow-y: auto;
  max-height: 200px;
}
.add_person_btn .add_person_dropdown ul li {
  border-radius: 6px;
  background: #fff;
  padding: 10px 10px 10px 8px;
}
.add_person_btn .add_person_dropdown ul li.selected,
.add_person_btn .add_person_dropdown ul li:hover {
  background: #f9fafb;
}
.add_person_btn .add_person_dropdown ul .checkbox_custom {
  white-space: nowrap;
  vertical-align: middle;
  overflow: hidden;
}
.add_person_btn .add_person_dropdown ul .checkbox_custom img {
  width: 24px;
  height: 24px;
  vertical-align: middle;
  border-radius: 100%;
  object-fit: cover;
}
.add_person_btn .checkbox_custom input[type="checkbox"] {
  vertical-align: middle !important;
}
.add_person_btn .add_person_dropdown ul .checkbox_custom label {
  color: #101828;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 68%;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  vertical-align: middle;
  cursor: pointer;
}
.add_person_btn button.active img {
  margin-left: -7px;
  border-radius: 200px;
  border: 0.5px solid #d0d5dd;
  width: 24px !important;
  height: 24px !important;
  object-fit: cover;
}
.add_person_btn button.active .admin_image img:nth-child(1),
.add_person_btn button.active .admin_image img:nth-child(2),
.add_person_btn button.active .admin_image img:nth-child(3) {
  display: inline-flex;
}
.add_person_btn button.active .admin_image img {
  display: none;
}

.page-companies-details
  .add_person_btn
  button.active
  .admin_image
  .admin_placeholder,
.page-applicants-list
  .add_person_btn
  button.active
  .admin_image
  .admin_placeholder,
.page-candidates-details
  .add_person_btn
  button.active
  .admin_image
  .admin_placeholder,
.page-company-profile-edit
  .add_person_btn
  button.active
  .admin_image
  .admin_placeholder {
  display: inline-flex;
  margin-left: 4px;
  pointer-events: all;
}
.add_person_btn button.active .admin_image .admin_placeholder {
  display: none;
}
.appliction_hover_table_data .add_person_btn .white_btn {
  padding: 0;
}
.count_person {
  margin-left: -12px;
  border-radius: 200px;
  border: 0.5px solid #d0d5dd;
  width: 24px !important;
  height: 24px !important;
  display: inline-flex;
  margin-right: 0.5rem;
  background: #ecedf0;
  font-size: 16px;
  align-items: center;
  justify-content: center;
}
.add_person_btn button.active img:first-child {
  margin-left: 0;
}
.applicants_tabs_tab .add_todo_form_buttons .right_div {
  display: flex;
  gap: 8px;
}
.applicants_tabs_tab .add_todo_form_buttons .right_div .add_todo_date_time {
  border: 1px solid #f2f4f7;
  background: #f2f4f7;
  padding: 0 0px 0px 12px;
  display: flex;
  align-items: center;
  border-radius: 8px;
  height: 40px;
}
.applicants_tabs_tab .add_todo_form_buttons .add_todo_date_time img {
  width: 20px;
  height: 20px;
  margin-right: 6px;
}
.applicants_tabs_tab .add_todo_form_buttons .add_todo_date_time input {
  background-color: #f2f4f7;
  border-color: #f2f4f7;
  padding: 0;
  color: #344054;
  font-weight: 500;
  cursor: pointer;
  field-sizing: content;
}
.to-do-body .ui-timepicker-wrapper {
  width: 100px;
  border-radius: 8px;
}
.add_todo_date_time:hover,
.add_todo_date_time.show {
  box-shadow: 0px 0px 0px 4px rgba(152, 162, 179, 0.14);
  overflow: hidden;
  border-color: #d0d5dd !important;
}
li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
  background: #f9fafb !important;
  color: #101828 !important;
}
.to-do-body .daterangepicker_input {
  display: none;
}
.ui-timepicker-list li {
  margin: 0 6px;
  color: #101828 !important;
  padding: 10px;
  border-radius: 6px;
  font-size: 14px;
}
li.ui-timepicker-selected::before {
  content: "";
  background-image: url(../images/applicants/check_black.svg);
  width: 20px;
  height: 20px;
  background-size: 20px;
  margin-top: 0;
  float: right;
  right: 6px;
  position: absolute;
}
.applicants_tabs_tab
  .add_todo_form_buttons
  .add_todo_date_time
  .time-validated {
  max-width: 45px;
  field-sizing: content;
  margin-left: 10px;
  margin-right: 15px;
}
.applicants_tabs_tab
  .add_todo_form_buttons
  .add_todo_date_time
  input::placeholder {
  color: #344054;
  font-weight: 500;
}
.applicants_tabs_tab .add_todo_form_buttons .add_todo_date_time input:focus {
  box-shadow: none;
}
/* ------------------- comments tab -----------------*/
.applicants_tabs_tab
  .comments_content
  .right_div
  .todo_item
  .checkbox_custom
  img {
  border-radius: 200px;
  border: 0.5px solid #d0d5dd;
  width: 40px;
  height: 40px;
  object-fit: cover;
}
.applicants_tabs_tab .comments_content .todo_item .avatars_group button {
  display: flex;
  padding: 0;
  border: 0;
  background-color: transparent;
  gap: 4px;
  align-items: center;
  cursor: pointer;
}
.applicants_tabs_tab .comments_content .todo_item .avatars_group button img {
  width: 17px;
  height: 17px;
  border: none;
  outline: none;
  border-radius: unset;
  align-items: center;
}
.applicants_tabs_tab
  .comments_content
  .todo_item
  .avatars_group
  .attachment_comments {
  display: flex;
  align-items: center;
  position: relative;
}
.attachment_comments_dropdown {
  position: absolute;
  display: none;
  width: 400px;
  z-index: 3;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #eaecf0;
  background: #fff;
  box-shadow:
    0px 20px 24px -4px rgba(16, 24, 40, 0.08),
    0px 8px 8px -4px rgba(16, 24, 40, 0.03);
  top: 23px;
  left: 0rem;
  max-height: 215px;
  overflow-y: auto;
  overflow-x: hidden;
}
.attachment_comments:hover .attachment_comments_dropdown {
  display: block;
}
.add_todo_form_group-textarea textarea {
  box-shadow: none;
  border: none !important;
}
.add_todo_form_group-textarea textarea:focus {
  box-shadow: none !important;
  border: none !important;
}
.attachment_comments_dropdown.active {
  display: block;
}
.attachment_comments_dropdown .content_button button {
  padding: 0 16px !important;
  border: 1px solid #d0d5dd !important;
}
.attachment_comments_dropdown .dropdown_content {
  display: flex;
  align-items: center;
  gap: 12px;
}
.applicants_tabs_tab .attachment_comments_dropdown .dropdown_content img {
  width: 32px;
  height: 32px;
  border-radius: 0px;
  border: 0;
  outline: 0;
}
.attachment_comments_dropdown .dropdown_content p {
  color: #344054 !important;
  font-weight: 500 !important;
}
.attachment_comments_dropdown ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.attachment_comments_dropdown ul li {
  padding: 16px 0 !important;
  display: flex;
  justify-content: space-between;
}
.attachment_comments_dropdown ul li:first-child {
  padding-top: 0 !important;
}
.attachment_comments_dropdown ul li:last-child {
  padding-bottom: 0 !important;
}
.applicants_tabs_tab .comments_content .todo_item .avatars_group {
  display: flex;
  gap: 12px;
}
.applicants_tabs_tab .profile_content_right li .pin_to_top {
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
  z-index: 1;
  padding: 4px;
  border-radius: 8px;
  border: 1px solid #eaecf0;
  background: #fff;
  box-shadow:
    0px 4px 8px -2px rgba(16, 24, 40, 0.08),
    0px 1px 2px -2px rgba(16, 24, 40, 0.03);
}
.applicants_tabs_tab .profile_content_right li .pin_to_top img {
  width: 20px;
}
.applicants_tabs_tab .comments_form .add_todo_form_group textarea {
  padding: 0px 0 0 0;
}
.applicants_tabs_tab .add_todo_form_buttons .add_comments_file input {
  display: none;
}
.add_comments_file {
  position: relative;
}
/* .to-do-body .add_todo_form_buttons.comments_hover:hover .files_list_content_{
display: flex;
opacity: 1;
visibility:visible;
} */
.to-do-body
  .add_todo_form_buttons.comments_hover.comments_hover_1:hover
  .files_list_content_ {
  display: flex;
  opacity: 1;
  visibility: visible;
}
.to-do-body .files_list_content_ li {
  display: flex;
  gap: 12px;
  padding: 16px 0 !important;
  text-decoration: none;
  position: relative;
  cursor: default;
  justify-content: space-between;
}
.to-do-body .files_list_content_ ul {
  padding-left: 0;
  width: 100%;
  margin-bottom: 0px;
}
.to-do-body .files_list_content_ ul li:first-child {
  padding-top: 0 !important;
}
.to-do-body .files_list_content_ ul li:last-child {
  border-bottom: 0;
  padding-bottom: 0 !important;
}
.to-do-body .files_list_content_ ul li:nth-child(n + 2) {
  padding-bottom: 16px !important;
}
.to-do-body .files_list_content_ ul li {
  padding: 16px 0;
  border-bottom: 1px solid #eaecf0;
}
.to-do-body .files_list_content_ {
  position: absolute;
  display: none;
  left: 6px;
  width: 400px;
  z-index: 3;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #eaecf0;
  background: #fff;
  box-shadow:
    0px 20px 24px -4px rgba(16, 24, 40, 0.08),
    0px 8px 8px -4px rgba(16, 24, 40, 0.03);
  justify-content: space-between;
  bottom: 42px;
  max-height: 151px;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
}
.to-do-body .add-to-do-dis-button.comments_hover:hover .edit_files_new_content {
  display: block;
  opacity: 1;
  visibility: visible;
}
.to-do-body .edit_files_new_content .new_files_list_content_ {
  border-top: 1px solid #eaecf0;
}
.to-do-body .edit_files_new_content {
  position: absolute;
  display: none;
  left: 6px;
  width: 400px;
  z-index: 3;
  padding: 8px 16px;
  border-radius: 12px;
  border: 1px solid #eaecf0;
  background: #fff;
  box-shadow:
    0px 20px 24px -4px rgba(16, 24, 40, 0.08),
    0px 8px 8px -4px rgba(16, 24, 40, 0.03);
  justify-content: space-between;
  bottom: 70px;
  max-height: 151px;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
}
.to-do-body .files_list_content_ .text-comments {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  color: #344054;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.to-do-body .file__value--text {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.to-do-body .file__value--text .text-comments {
  width: 70%;
  overflow: hidden;
  text-overflow: inherit;
  white-space: nowrap;
}
.cool-right-div {
  padding: 0px 6px !important;
}
.to-do-body .file__value--text .remove-white {
  font-size: 14px;
}
.to-do-body .file__value--text .delete-file-icon {
  border: none;
  background: none;
  cursor: pointer;
  padding: 0;
}
.applicants_tabs_tab .add_todo_form_buttons .add_comments_file label {
  cursor: pointer;
  padding: 0 12px;
  display: flex;
  align-items: center;
  border-radius: 8px;
  border: 1px solid #f2f4f7;
  background-color: #f2f4f7;
  margin-bottom: 0;
  height: 100%;
  gap: 4px;
  transition: all 0.15s ease-in-out;
}
.applicants_tabs_tab
  .add_todo_form_buttons.company-add-to
  .add_comments_file
  label {
  padding: 0px;
}
.applicants_tabs_tab
  .add_todo_form_buttons.company-add-to
  .add_comments_file
  label:hover,
.applicants_tabs_tab
  .add_todo_form_buttons.company-add-to
  .add_comments_file
  label:focus,
.company-add-to .white_btn:hover,
.company-add-to .white_btn:focus {
  box-shadow: none;
}
.page-notification .white_btn:hover,
.page-notification .white_btn:focus {
  box-shadow: none;
  background: #f2f4f7;
}
.applicants_tabs_tab .add_todo_form_buttons .add_comments_file label:hover {
  box-shadow: 0px 0px 0px 4px rgba(152, 162, 179, 0.14);
  border-color: #d0d5dd;
}
.applicants_tabs_tab .add_todo_form_buttons .add_comments_file label img {
  width: 20px;
}
.company-add-to .add_person_btn .white_btn img {
  width: 28px;
  height: 28px;
}
.company-add-to .add_person_btn .white_btn p {
  font-size: 0;
}
/* ------------------- activity tab -----------------*/
.applicants_tabs_tab .activity_content .left_div {
  width: 140px;
}
.applicants_tabs_tab .activity_content_right > ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.applicants_tabs_tab
  .activity_content_right
  > ul
  li:last-child
  .activity_item::before {
  display: none;
}
.applicants_tabs_tab .activity_item {
  padding-left: 28px;
  position: relative;
  z-index: 0;
  padding-bottom: 32px;
}
.applicants_tabs_tab .activity_item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  border: 3px solid #fdfad8;
  background: #f8e965;
  z-index: 1;
}
.applicants_tabs_tab .activity_item::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 7px;
  height: calc(100% - 7px);
  width: 2px;
  border-left: 2px dashed #eaecf0;
}
.applicants_tabs_tab .activity_item p {
  color: #182230;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 0;
}
.applicants_tabs_tab .activity_item span {
  color: #475467;
  font-weight: 400;
}
.applicants_tabs_tab .activity_item .time {
  color: #475467;
  font-size: 12px;
  line-height: 18px;
}
.applicants_tabs_tab .activity_item_list {
  padding-top: 15px;
  padding-bottom: 15px;
}
.applicants_tabs_tab .activity_item_list ul {
  padding-left: 28px;
  list-style: disc;
}
.applicants_tabs_tab .activity_item ul {
  font-weight: 500;
  font-size: 14px;
}
/* custom checkbox  */
.checkbox_custom input[type="checkbox"] {
  position: relative;
  border: 1px solid #d0d5dd;
  padding: 0;
  border-radius: 4px;
  background: none;
  cursor: pointer;
  outline: 0;
  vertical-align: text-top;
  height: 16px !important;
  width: 16px;
  -webkit-appearance: none;
}
.checkbox_custom input[type="checkbox"]:focus {
  box-shadow: none;
}
.checkbox_custom input[type="checkbox"]:checked {
  background-color: #475467;
  border: 1px solid #475467;
  opacity: 1;
}
.checkbox_custom input[type="checkbox"]:checked::before {
  opacity: 1;
}
.checkbox_custom input[type="checkbox"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../images/applicants/check.svg");
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
}
.page-applicant-profile-edit.to-do-body .daterangepicker {
  margin-top: -19.5rem;
  left: 27rem !important;
  width: fit-content !important;
  right: 0px !important;
}
.page-applicant-profile-edit.to-do-body .daterangepicker::before {
  top: 100%;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-bottom: 7px solid transparent;
}
.page-applicant-profile-edit.to-do-body .daterangepicker::after {
  top: 100%;
  border-right: 6px solid transparent;
  border-top: 6px solid #fff;
  border-left: 6px solid transparent;
  border-bottom: 6px solid transparent;
}
#add_hours .time[readonly] {
  background-color: #f9fafb;
}
.to-do-body .daterangepicker.opensleft::before {
  display: none;
}
.to-do-body .daterangepicker.opensleft::after {
  display: none;
}
.profile_file_upload_show ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.profile_file_upload_show ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  gap: 4px;
  border-radius: 12px;
  border: 1px solid #eaecf0;
  background: #fff;
  word-break: break-word;
  margin-bottom: 12px;
}
.profile_file_upload_show ul li:last-child {
  margin-bottom: 0;
}
.profile_file_upload_show ul li .dropdown_content {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-right: 10px;
}
.profile_file_upload_show ul li .dropdown_content p {
  margin-bottom: 0px;
  color: #344054;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.profile_file_upload_show ul li .dropdown_content img {
  width: 40px;
}
.profile_file_upload_show ul li .content_button button {
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  width: 24px;
}
.nav-item-mobile {
  display: none;
}
.add_hours_timesheet .modal-body .custom-date .date[readonly] {
  background-color: #fff !important;
}
.profile_content .div-resume-inner a:hover {
  color: #344054 !important;
  text-decoration: none;
}
/* .generate-ai-outer { display: none;} */
.applicant_profile_file_upload {
  position: relative;
  z-index: 0;
  border-radius: 12px;
  border: 1px solid #d0d5dd;
  background: #fff;
  display: flex;
  padding: 16px 24px;
  flex-direction: column;
  align-items: center;
  transition: border-color 0.5s ease;
}
.applicant_profile_file_upload.drag-over {
  border: 1px dashed #000;
  padding: 16px 24px;
  border-color: #f8e965;
  animation: drag-over-animation 2s ease-in-out;
}
@keyframes drag-over-animation {
  0% {
    border-color: #ccc;
  }
  25% {
    border-color: #f8e965;
  }
  75% {
    border-color: #f8e965;
  }
  100% {
    border-color: #ccc;
  }
}
/* ============================================== page-onboarding-start =============================================== */
.page-company-onboarding .dash-sidebar,
.logo-Onboarding,
.page-company-onboarding .search-bar,
.page-company-onboarding .add-new-company-dropdown {
  display: none;
}
.page-company-onboarding .logo-Onboarding {
  display: block;
}
.page-company-onboarding .dash-header .header-wrapper {
  justify-content: space-between;
}
.main-section-inner .onboarding-container.container {
  padding-top: 0px;
  top: 70px;
  margin-left: 0;
  margin-right: 0;
  padding-right: 40px;
  padding-left: 0;
}
.main-section-inner .onboarding-container .page_title_div {
  gap: 32px;
  display: flex;
  flex-direction: row;
}
.onboarding-first {
  width: 20%;
  border-right: 1px #eaecf0 solid;
  max-height: 100%;
  padding: 32px;
  height: 92vh;
  text-align: -webkit-center;
  position: -webkit-sticky;
  position: sticky;
  top: 70px;
}
.onboarding-card {
  width: 296px;
  border: 1px solid #eaecf0;
  padding: 16px 32px;
  border-radius: 8px;
  text-align: center;
}
.onboarding-avtar-satting {
  padding: 24px;
}
.onboarding-avtar-satting .onboarding-avtar1 {
  width: 24px;
}
.page-company-onboarding .profile_content.profile_content-tabar-hire {
  align-items: center;
}
.page-company-onboarding .profile_content {
  border-bottom: 0px solid #eaecf0;
  border-top: 1px solid #eaecf0;
}
.onboarding-container .page_title_div .page_hading {
  /* border-bottom: 1px solid #EAECF0; */
  padding-bottom: 20px;
}
.onboarding-avtar {
  width: 72px;
  border-radius: 100%;
  height: 72px;
  object-fit: cover;
}
.onboarding-card .title-text .name-user {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  text-align: center;
  color: #101828;
  padding-top: 8px;
  width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: auto;
}
.onboarding-card .title-text {
  margin: 0px;
}
.onboarding-card .title-text .email-user {
  color: #475467;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  display: block;
  padding-bottom: 8px;
}
.onboarding-card .title-text .email-hover_user-p {
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 24px;
  position: relative;
}
.onboarding-card .title-text .email-hover_user-p:hover .email-user-hover {
  display: block;
}
.onboarding-card .title-text .email-user-hover {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0px;
  display: none;
  position: absolute;
  top: -4px;
  white-space: nowrap;
  background: #101828;
  padding: 5px 4px;
  border-radius: 8px;
  left: 14rem;
}
.onboarding-card .title-text .email-user-hover::before {
  content: "";
  position: absolute;
  top: 17%;
  left: -17px;
  margin-left: 0px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent #101828 transparent transparent;
}
.onboarding-second {
  width: 80%;
  padding-top: 16px;
  margin-bottom: 60px;
}
.onboarding-second .profile_content:first-child {
  padding-top: 36px;
}
.hired-rejected {
  background: #f9fafb;
  border: 1px solid #eaecf0;
  padding: 4px;
  gap: 4px;
  border-radius: 10px;
  width: fit-content;
}
.hired-rejected .nav-item {
  width: 140px;
  text-align: center;
}
.hired-rejected.nav-pills .nav-link.active {
  color: #182230 !important;
  background-color: #f8e965;
  border-radius: 6px;
}
.hired-rejected.nav-pills .nav-link {
  color: #667085 !important;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.onboarding-second .profile_content .right_div {
  max-width: 80%;
  width: 100%;
  display: block;
}
.onboarding-second .profile_content .left_div {
  width: 20%;
}
.wizard-layoffboarding.onboarding-second .profile_content .left_div {
  position: relative;
  z-index: -1;
}
.dress-tools.off-checbox {
  cursor: pointer;
}
.complete-later .right-side .white_btn,
.complete-later .right-side .yellow_btn {
  padding: 10px 14px;
  height: inherit;
}
.onboarding-second .profile_content:last-child {
  border-bottom: none;
}
.complete-later {
  border-top: 1px #eaecf0 solid;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0px 20px 0px;
  position: fixed;
  bottom: 0;
  background: #fff;
  width: 100%;
  max-width: 77%;
  padding-right: 0rem;
  margin-left: 0rem;
}
.complete-later .left-side {
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}
.complete-later .right-side {
  display: flex;
  gap: 12px;
  align-items: center;
}
.complete-later .left-side .go_back {
  color: #475467;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 0px;
}
.complete-later .left-side:hover .go_back,
.arrow-left-right li .go_back:hover {
  color: #182230 !important;
}
.complete-later .left-side:hover .onboarding-arrow,
.arrow-left-right li .go_back:hover .onboarding-arrow {
  filter: brightness(0.5);
}
.onboarding-card .copy-number {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  position: relative;
}
.onboarding-card .copy-number p {
  color: #475467;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  margin-bottom: 0px;
}
.onboarding-card .copy-number .onboarding-copy {
  cursor: pointer;
}
.onboarding-card .copy-number button {
  border: none;
  background: none;
  padding: 0px;
  position: relative;
}
.onboarding-card .copy-number button::before {
  content: "Kopieret";
  position: absolute;
  top: -32px;
  right: -25px;
  background: #f8e965;
  padding: 3px 10px;
  border-radius: 10px;
  font-size: 14px;
  display: none;
  color: #182230;
}
.onboarding-card .copy-number button::after {
  content: "";
  position: absolute;
  top: -10px;
  right: 3px;
  width: 10px;
  height: 10px;
  background: #f8e965;
  transform: rotate(45deg);
  display: none;
}
.onboarding-card .copy-number.active button::before,
.onboarding-card .copy-number.active button::after {
  display: block;
}
.taeb-switch {
  position: relative;
}
.taeb-switch::after {
  content: "";
  position: absolute;
  width: 50%;
  top: 0;
  transition: left cubic-bezier(0.88, -0.35, 0.565, 1.35) 0.4s;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  background-color: #f8e965;
  height: 100%;
  z-index: 0;
}
.taeb-switch.left::after {
  left: 0;
}
.taeb-switch.right::after {
  left: 50%;
}
.taeb-switch .taeb {
  display: inline-block;
  width: 50%;
  padding: 10px 0px;
  z-index: 1;
  color: #344054 !important;
  position: relative;
  cursor: pointer;
  transition: color 200ms;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  user-select: none;
  height: 40px;
}
.taeb-switch {
  display: flex;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  overflow: hidden;
}
.taeb-switch .taeb.active {
  color: #ffffff;
}
.feedback-next-step .wrapper {
  border-radius: 8px;
  background-color: #fff;
  width: 100%;
}
.onboarding-second .skill-inner ul {
  display: flex;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  max-width: 100%;
  padding-left: 0px;
  padding-right: 0px;
  align-items: center;
  overflow: hidden;
}
.onboarding-second .skill-inner ul li {
  display: inline-block;
  padding: 8px 15.5px;
  text-align: center;
  border-right: 1px solid #eaecf0;
  cursor: pointer;
}
.onboarding-second .skill-inner ul li.active {
  background: #f8e965;
}
.onboarding-second .skill-inner ul li:last-child {
  border-right: 0px;
}
.onboarding-second .skill-inner ul li span {
  padding: 8px 8.7px;
  font-size: 14px;
  color: #344054;
  font-weight: 500;
  line-height: 20px;
}
.profile_content .right_div textarea {
  min-height: 100px;
}
.rating-feedback {
  border-bottom: 0px;
}
.onboarding-second .custom_date-outer .cust-date-range.date-filter-image {
  border-radius: 8px;
  border: 1px #d0d5dd solid !important;
  background: #ffffff;
  padding: 2px 14px 2px 40px !important;
  background-image: url(../images/onboarding/calendar.svg);
  background-color: #fff;
  background-repeat: no-repeat;
  padding-left: 20px;
  width: 100%;
  height: 40px !important;
  background-position: 12px 9px;
  cursor: pointer;
}
.onboarding-second .profile_content .right_div .row > div {
  padding: 0px 10px 10px;
}
.onboarding-second .profile_content .right_div .row > div:last-child {
  padding: 0px 10px 0px;
}
.datepairExample-section .datepairExample-images {
  position: absolute;
  top: 10px;
  left: 12px;
}
.datepairExample-section .datepairExample {
  position: relative;
}
.datepairExample-section .datepairExample .time {
  padding-left: 2.4rem;
}
.datepairExample-section .col-5w {
  width: 45%;
}
.datepairExample-section .col-2w {
  width: 10%;
}
.reg-onboarding {
  position: relative;
}
.reg-onboarding .alert-circle-img {
  position: absolute;
  top: 40px;
  right: 10px;
  display: none;
}
.reg-onboarding .start-date-validation {
  font-size: 14px;
  font-weight: 400;
  color: #667085;
  line-height: 20px;
}
.reg-onboarding-dkk-applicant p.dkk-onboarding {
  margin-bottom: 0px;
  position: absolute;
  right: 0;
  top: 28px;
  color: #475467;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 10px 12px;
  border-left: 1px solid #d0d5dd;
}
.reg-onboarding .reg-onboarding-dkk-applicant .alert-circle-img {
  right: 64px;
}
.page-company-onboarding .daterangepicker.opensleft::before,
.page-company-onboarding .daterangepicker.opensleft::after {
  display: none;
}
.page-company-onboarding
  .profile_content
  .right_div
  .select2-selection__rendered {
  color: #101828 !important;
}
.page-company-onboarding .daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  width: 278px;
  padding: 4px;
  margin-top: 1px;
  top: 269px !important;
  left: 43.3rem !important;
  width: fit-content !important;
}
.page-company-onboarding
  .datepairExample-section
  .reg-onboarding
  .alert-circle-img,
.page-company-onboarding .custom-date .reg-onboarding .alert-circle-img {
  top: 12px;
}
.onboarding-second
  .reg-onboarding.error
  .custom_date-outer
  .cust-date-range.date-filter-image {
  border-color: #fda29b !important;
}
.reg-onboarding.error .alert-circle-img {
  display: block;
}
.reg-onboarding.error .form-control {
  border-color: #fda29b;
}
.reg-onboarding.error .form-control:focus {
  box-shadow: 0px 0px 0px 4px rgba(253, 162, 155, 0.14);
  border-color: #fda29b;
}
.profile_content .right_div .reg-onboarding.error .select2-selection {
  box-shadow: 0px 0px 0px 4px rgba(253, 162, 155, 0.14);
  border-color: #fda29b !important;
}
.reg-onboarding .select-alert-circle {
  right: 40px;
}
.onboarding-second .dk-phone {
  position: relative;
}
.onboarding-second .dk-phone .sambol {
  color: #475467;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 10px 12px;
  height: 40px;
  margin-bottom: 0;
  border-right: 1px solid #d0d5dd;
  position: absolute;
  left: 0;
}
.invoce-job-handle .select2-container {
  width: 250px !important;
}
.onboarding-second .dk-phone .form-control {
  padding-left: 5.4rem;
}
.off-checbox .checkbox .check-item:focus {
  box-shadow: none;
}
.off-checbox .checkbox .check-item {
  padding: 8px 7px;
}
.page-timesheet.timesheet-page-candidate {
  overflow-y: hidden !important;
}
.off-checbox .checkbox .backgr-check[type="checkbox"]:checked {
  background-color: #d0d5dd;
  border: 1px solid #d0d5dd;
}
/* ============================================== page-onboarding-end =============================================== */
#btn-group-drivingLicenceMultiSelect button {
  max-width: 100% !important;
}
.div_icon img {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 12px;
}
.div_icon.fit-div img {
  top: 10px;
  bottom: initial;
}
.div_icon {
  position: relative;
}
.div_icon input {
  padding-left: 45px;
}
.page-company-profile-edit .job_matches_table table thead tr th:first-child,
.page-company-profile-edit
  .job_matches_table
  table
  thead
  tr
  th.job_post:first-child,
.page-company-profile-edit-tab .job_matches_table table thead tr th:first-child,
.profile-edit-tab .job_matches_table table thead tr th.job_post:first-child {
  padding: 12px 24px;
}
.page-company-profile-edit #scheduleInterviewModal .send_reminder_outer {
  color: #344054;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.page-company-profile-edit #editInterviewModal .send_reminder_outer {
  color: #344054;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.page-company-profile-edit-tab #company_employees_table h5 a,
.page-company-profile-edit #company_employees_table h5 a,
.page-company-profile-edit-tab #company_employees_table h5 a:hover,
.page-company-profile-edit #company_employees_table h5 a:hover {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  color: rgb(16, 24, 40) !important;
}
.onboarding_progress_div li.checkbox_custom:last-child {
  pointer-events: all;
}
.onboarding_progress_div li.checkbox_custom:last-child label {
  color: #344054;
}
#company_employees_table .taccordion_td {
  cursor: auto;
}
.page-company-profile-edit .job_matches_table table thead tr th,
.page-company-profile-edit-tab .job_matches_table table thead tr th {
  padding: 12px 20px;
}
.page-company-profile-edit .job_matches_table table tbody tr td,
.page-company-profile-edit-tab .job_matches_table table tbody tr td {
  padding: 16px 20px;
}
.page-company-profile-edit
  .job_matches_table
  tbody
  .taccordion_body_inner
  .taccordion_detail_text,
.page-company-profile-edit-tab
  .job_matches_table
  tbody
  .taccordion_body_inner
  .taccordion_detail_text {
  width: 50%;
}
.page-company-profile-edit .job_matches_table tbody #post-data-applicant,
.page-company-profile-edit-tab .job_matches_table tbody #post-data-applicant {
  width: 50%;
}
.page-company-profile-edit
  .job_matches_table
  tbody
  .taccordion_body_inner
  .taccordion_detail_item
  h5,
.page-company-profile-edit-tab
  .job_matches_table
  tbody
  .taccordion_body_inner
  .taccordion_detail_item
  h5 {
  font-size: 16px;
  overflow: hidden;
  white-space: normal;
  display: -webkit-box;
  line-height: 24px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-company-profile-edit
  .job_matches_table
  tbody
  .taccordion_body_inner
  .taccordion_detail,
.page-company-profile-edit-tab
  .job_matches_table
  tbody
  .taccordion_body_inner
  .taccordion_detail {
  gap: 40px;
}
.page-company-profile-edit .gap-16,
.page-company-profile-edit-tab .gap-16 {
  gap: 16px;
}
.page-company-profile-edit .gap-8,
.page-company-profile-edit-tab .gap-8 {
  gap: 8px;
}
.comapny_onboarding_score {
  display: flex;
  padding: 3px 12px 3px 3px;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  border-radius: 92px;
  border: 1px solid #eaecf0;
  background: #fcfcfd;
}
.comapny_onboarding_score h5 {
  color: #344054;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin: 0;
}
.page-company-profile-edit
  [aria-expanded="true"]
  .score
  .circle_progress
  svg
  circle.circle_bg,
.page-company-profile-edit-tab
  [aria-expanded="true"]
  .score
  .circle_progress
  svg
  circle.circle_bg {
  stroke: white;
}
.page-company-profile-edit a,
.page-company-profile-edit-tab a,
.page-company-profile-edit a:hover,
.page-company-profile-edit-tab a:hover {
  text-decoration: none;
}
.intial_onborading a.btn,
.initial_onborading .btn-initiate-onboarding {
  display: flex;
  padding: 10px 14px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 8px;
  border: 1px solid var(--Gray-300, #d0d5dd);
  background: var(--Base-White, #fff);
  color: #344054;
  text-decoration: none;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.intial_onborading a.btn:hover,
.initial_onborading .btn-initiate-onboarding:hover {
  color: #344054 !important;
  background-color: whitesmoke;
}
.intial_onborading a.btn.disabled {
  cursor: not-allowed;
}
.page-company-profile-edit.to-do-body .daterangepicker.opensright.show-calendar,
.page-company-profile-edit-tab.to-do-body
  .daterangepicker.opensright.show-calendar {
  margin: 5px auto auto 0;
  left: 63.95rem !important;
}
.page-company-profile-edit.to-do-body .daterangepicker::before,
.page-company-profile-edit-tab.to-do-body .daterangepicker::before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-top: 0px;
  border-bottom: 0px;
}
.page-company-profile-edit.to-do-body .daterangepicker::after,
.page-company-profile-edit-tab.to-do-body .daterangepicker::after {
  top: -6px;
  border-right: 6px solid transparent;
  border-top: 0px;
  border-left: 6px solid transparent;
  border-bottom: 0px;
}
.project-setting-inner .avtar-upload-area img {
  width: 100%;
}
.project-setting-inner .avtar-upload-area .logo-hieght {
  object-fit: contain;
}
.filter_button_warp .onboarding_progress_div {
  width: 240px;
  top: 4rem;
  right: 3rem;
  cursor: auto;
  z-index: 9999;
}
.page-candidates-details .filter_button_warp .onboarding_progress_div {
  top: 3rem;
  right: 0rem;
}
.page-companies-details .filter_button_warp .onboarding_progress_div {
  top: 3rem;
  right: -1.5rem;
}
.btn-po-mr1.filter_button_warp .onboarding_progress_div {
  right: 0px;
  top: 3.8rem;
  z-index: 99999;
}
.comapny_onboarding_score:hover + .onboarding_progress_div,
.onboarding_progress_div:hover,
.candidate_reminder:hover + .onboarding_progress_div {
  display: block;
  cursor: auto;
}
.filter_button_warp .onboarding_progress_div h5 {
  padding: 12px 16px;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  text-align: left;
  align-self: stretch;
  border-bottom: 1px solid #eaecf0;
}
.send_reminder_div {
  padding: 12px;
  border-top: 1px solid #eaecf0;
}
.send_reminder_div .send_reminder_btn {
  display: flex;
  padding: 8px 12px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  align-self: stretch;
  color: #344054;
  border-radius: 8px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  background: #f2f4f7;
  width: 100%;
}
.onboarding_progress_div label {
  color: #344054;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.onboarding_progress_div li.checkbox_custom {
  display: flex;
  padding: 4px 8px;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  align-self: stretch;
  pointer-events: none;
}
.onboarding_progress_div
  .checkbox_custom
  input[type="checkbox"]:checked
  + label {
  text-decoration: line-through;
}
.disabled {
  pointer-events: none;
  cursor: not-allowed;
}
.mobile-hours {
  display: none;
}
.timesheet-header-week-control .border-div {
  color: #101828;
}
#timesheet_tab_mobile .inactive-row td.day,
#timesheet_tab_mobile .inactive-row td.timer-td,
#timesheet_tab_mobile .inactive-row .btn-add-hours {
  opacity: 0.65;
}
#mileage_tab_mobile .inactive-row td.day,
#mileage_tab_mobile .inactive-row td.timer-td,
#mileage_tab_mobile .inactive-row .btn-add-hours1 {
  opacity: 0.65;
}
.timesheet-outer-empty {
  background-image: url("../images/timesheet/timesheet-background.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.timesheet-outer-empty.timesheet-outer-no-job {
  background-image: url("../images/timesheet/timesheet-outer-no-job.svg");
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}
img.career-center-icon {
  position: absolute;
  top: 49%;
  left: 42.3%;
  transform: translate(50%, -50%);
}
.timesheet-outer-empty .position-absolute {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: -webkit-fill-available;
}
.div-no-candidate-outer {
  margin: auto;
  max-width: 400px;
  padding-right: 2rem;
  position: absolute;
  bottom: 3.2rem;
}
.h100vh-start.timesheet-outer-empty {
  height: 50vh;
}
.h100vh-start.timesheet-outer-empty.timesheet-outer-no-job {
  height: 60vh;
}
.sign-contrac-bg-button {
  padding: 10px 14px;
  border-radius: 8px;
  border: 1px solid #d0d5dd;
  background: #fff;
  color: #344054;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  cursor: pointer;
  margin-top: 24px;
}
.sign-contrac-bg-button:hover {
  text-decoration: none;
}
.timesheet-outer-no-job .div-no-candidate-outer {
  bottom: 6.2rem;
}
.outer-empty {
  background-image: url("../images/timesheet/empty_timesheet.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.outer-empty .position-absolute {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.inner-empty {
  width: 48px;
  padding: 12px;
  border: 1px solid #eaecf0;
  border-radius: 10px;
  margin-bottom: 1rem;
}
.timesheet-company_info .btn-spinner {
  top: 5px;
  left: 55% !important;
}
.week-mobile-responshive ul {
  padding-left: 0px;
  display: flex;
  justify-content: space-between;
}
.week-mobile-responshive ul li {
  color: #667085;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 142%;
  display: list-item;
  list-style: none;
  padding: 4px;
  width: 37px;
}
.week-mobile-responshive ul li.active {
  background: #f8e965;
  border-radius: 100%;
  height: 40px;
}
.week-mobile-responshive li span {
  color: #182230;
  text-align: center;
  font-weight: 500;
}
.company_mobile .btn {
  width: 100%;
  display: flex;
  height: 40px;
  padding: 10px 14px;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.company_mobile .btn:hover {
  background: #daca60;
  border-color: #daca60;
  transition: 0.5s ease;
}
.company-btn-match-prt {
  background: #f9ea65 !important;
  border: 1px solid #f9ea65 !important;
}
.company_mobile .save_button {
  border-radius: 8px;
  border: 1px solid #f8e965;
  background: #f8e965;
  margin-bottom: 10px;
}
.company-btn-match-prt:hover {
  background: #daca60 !important;
  border-color: #daca60 !important;
  transition: 0.5s ease;
}
.company_mobile .rejecthours {
  border-radius: 8px;
  border: 1px #d0d5dd solid;
  background: #fff;
}
.mobile-company-hours .description-text-form {
  border-color: #d0d5dd;
  background: #f9fafb;
}
.dropdown-toggle.status-dropdown::after {
  display: none;
}
.status-dropdown-menu {
  padding: 4px;
  margin-top: 12px;
  border-radius: 12px;
  border: 1px solid #eaecf0;
  background: #fff;
  box-shadow:
    0px 20px 24px -4px rgba(16, 24, 40, 0.08),
    0px 8px 8px -4px rgba(16, 24, 40, 0.03);
}
.status-dropdown-menu .dropdown-item p {
  color: #344054;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  cursor: pointer;
}
.status-dropdown-menu .dropdown-item label {
  cursor: pointer;
}
.status-dropdown-menu .dropdown-item {
  padding: 8px 12px;
}
.status-dropdown img {
  margin-left: 4px;
  margin-top: -2px;
}
.status-dropdown-menu .dropdown-item input[type="checkbox"] {
  position: relative;
  border: 1px solid #d0d5dd;
  border-radius: 4px;
  background: none;
  cursor: pointer;
  outline: 0;
  vertical-align: text-top;
  height: 16px;
  width: 16px;
  -webkit-appearance: none;
}
.status-dropdown-menu .dropdown-item input[type="checkbox"]::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  background-image: url("../images/applicants/check.svg");
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: center;
  width: 16px;
  height: 16px;
  z-index: 2;
  opacity: 0;
}
.status-dropdown-menu .dropdown-item input[type="checkbox"]:checked::before {
  opacity: 1;
}
.status-dropdown-menu .dropdown-item input[type="checkbox"]:checked {
  background-color: #475467;
  border: 1px solid #475467;
  opacity: 1;
}
/*============================================================================== applicants-end ============================================ */
/* ======================================= invoce-start ========================================================== */
.single-spiner-submit .btn-spinner {
  position: initial !important;
  margin: 0px !important;
}
.create-credit-note .form-control,
.create-credit-note .select_full_day .form_select_container .dropdown-toggle {
  background-color: #f2f4f7;
}
.create-credit-note .select_full_day .form_select_container .dropdown-item {
  font-size: 12px;
}
.invoice-form-control .form-control-sm {
  padding-left: 35px;
}
.invoice-form-control .invoice-images {
  position: absolute;
  top: 8px;
  left: 10px;
}
.bg-reminder {
  margin-bottom: 16px;
}
.bg-reminder,
.paid-reminder-heading {
  border-radius: 8px;
  background: #f2f4f7;
  padding: 12px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}
#header.header-reminder {
  min-height: initial;
  padding: 24px 56px 0px !important;
}
.header-reminder #comment {
  padding: 0px;
}
.header-reminder #address,
.header-reminder #logo {
  min-height: initial;
  height: initial;
  padding-bottom: 40px;
}
.reminder-text {
  margin-top: 8px;
}
.invoice-paper-pdf .create_invoice td.description.description-left-padding,
.invoice-paper-pdf th.description.description-left-padding {
  padding-left: 2rem;
}
#content.content-reminder {
  padding-top: 16px;
}
.job_hading_filter.invoice-form-control
  .select2-container
  .select2-selection--single {
  padding: 0 35px;
}
.invoice-form-control {
  position: relative;
}
.page-invoices-index .calender-view .dropdown-item {
  padding: 9px;
  display: flex;
  gap: 8px;
  align-items: center;
  color: #344054 !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.add-hours-type-icon.add-new-item p {
  color: #175cd3;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.page-invoices-index .td-id a,
.page-invoices-index .td-id,
.page-contract-index .td-id {
  font-weight: 500 !important;
  pointer-events: none;
  color: #101828 !important;
}
.page-invoices-index .dropdown-menu.calender-view.show {
  top: 2px !important;
  min-width: 192px;
  left: -8rem !important;
}
.page-invoices-index .calender-view .dropdown-item img {
  position: initial;
  display: inline-flex;
}
.page-invoices-index .dropdown-toggle::after {
  display: none;
}
.form-control.error {
  background-color: #ff000014;
}
.create-credit-note .form-control.error::placeholder {
  color: #cdcdcd;
}
.invoice-note-outer.disabled .invoice-note {
  opacity: 0.5;
  pointer-events: none;
}
.invoice-note-outer .spinner-outer {
  padding: 20px;
  text-align: center;
}
.download-pdf-send .credit-note-de {
  text-align: center;
}
.cancel-credit-note {
  width: auto;
  margin: 0 auto;
  cursor: pointer;
}
.page-invoices-show .toaster button.close {
  display: none;
}
.inactive-row .carnumber_item_md .timesheet_mood-tooltip {
  right: -4.6rem;
  top: -5.8rem;
}
.form-control-invoice
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  left: 30%;
  top: 70%;
}
.form-control-invoice .form-control-sm {
  height: 40px !important;
  width: 300px;
}
.form-control-invoice {
  gap: 12px;
}
.invoice-paper-pdf {
  padding-top: 24px;
  margin-top: 24px;
  position: relative;
  display: flex;
  gap: 24px;
  padding-bottom: 24px;
  justify-content: center;
}
.page-invoices-create #invoice-div .text-body {
  color: #98a2b3;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  margin: 0;
}
.invoice-paper-pdf .paper {
  width: 820px;
  justify-content: space-between;
  border-radius: 10px;
}
.invoice-paper-pdf::after {
  background: #f9fafb;
  content: "";
  width: 104%;
  height: 100%;
  position: absolute;
  left: -24px;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -9;
}
.invoice-paper-pdf.pay-show-invoice .paper {
  min-height: 850px;
}
.invoice-paper-pdf.pay-show-invoice::after {
  overflow: hidden;
  background: #fff;
}
.invoice-paper-pdf.pay-show-invoice {
  padding-top: 0px;
}
.invoice-paper-pdf .paper {
  margin: initial !important;
  font-family: "Poppins", sans-serif !important;
}
.right-side-documents {
  width: 320px;
  border: 1px #eaecf0 solid;
  background: #ffff;
  border-radius: 10px;
  height: fit-content;
  margin-bottom: 20px;
}
.right-side-documents:last-child {
  margin-bottom: 0px;
}
.invoice-paper-pdf .right-side-documents header {
  padding: 12px 20px;
  overflow: hidden;
  border-bottom: 1px solid #eaecf0;
  background: #f9fafb;
  border-radius: 10px 10px 0px 0px;
  color: #475467;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}
.invoice-paper-pdf .invoice-note {
  padding: 16px 16px 16px 20px;
  display: flex;
  align-items: center;
  background: transparent;
  justify-content: space-between;
  border-bottom: 1px solid #eaecf0;
}
.invoice-paper-pdf .invoice-note.active {
  background: #fefdf0;
}
.invoice-paper-pdf .invoice-note-outer.disabled .invoice-note.active {
  background: transparent;
}
.invoice-paper-pdf
  .invoice-note-outer.disabled
  .radio_button
  input[type="radio"]:checked
  + label::before {
  border: 1px #d0d5dd solid;
}
.invoice-paper-pdf .right-side-documents .gap-in {
  gap: 12px;
}
.invoice-paper-pdf .right-side-documents .invoice-number .count,
.invoice-paper-pdf .right-side-documents .currency-invoice {
  color: #101828;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.currency-invoice .text-red {
  color: #f97066;
}
.invoice-paper-pdf .right-side-documents .invoice-number .in-mter {
  color: #475467;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.invoice-paper-pdf .right-side-documents .color-red {
  color: #d92d20;
}
.currency-invoice-total .currency-invoice {
  display: flex;
  justify-content: flex-end;
  gap: 34px;
}
.currency-invoice-total,
.right-side-documents .credit-note {
  padding: 16px 16px 16px 20px;
}
.right-side-documents .create-invoice {
  display: flex;
  padding: 10px 14px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid #d0d5dd;
  background: #fff;
  width: 100%;
  color: #344054;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  cursor: pointer;
}
.download-pdf-send .create-invoice-download {
  border-radius: 8px;
  border: 1px solid #d0d5dd;
  background: #fff;
  display: flex;
  padding: 10px 14px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  align-self: stretch;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  cursor: pointer;
}
.download-pdf-send {
  padding: 20px;
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.download-pdf-send .credit-note-de {
  width: 100%;
}
.color-18 .create-invoice-download {
  color: #182230;
  border-radius: 8px;
  border-color: #f8e965;
  background: #f8e965;
}
.color-34 .create-invoice-download {
  color: #344054;
  background: #fff;
}
.color-06 .create-invoice-download {
  color: #067647;
  border-color: #067647;
}
.invoice-status {
  display: flex;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
}
.invoice-status .text-din {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.invoice-status .text-din .in-date-t {
  color: #344054;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.invoice-status .text-din .date-in {
  color: #101828;
  text-align: right;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.user-warning,
.user-active,
.sent-stat-in,
.user-danger,
.bg-gray-user,
.user-inactive {
  display: flex;
  padding: 2px 8px;
  border-radius: 16px;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  width: fit-content;
  white-space: nowrap;
}
.bg-gray-user {
  border: 1px solid #eaecf0;
  background: #fcfcfd;
  color: #344054 !important;
}
.user-warning {
  border: 1px solid #fedf89;
  background: #fffaeb;
  color: #b54708 !important;
}
.user-active {
  border: 1px solid #abefc6;
  background: #ecfdf3;
  color: #067647 !important;
}
.sent-stat-in {
  border: 1px solid #b2ddff;
  background: #eff8ff;
  color: #175cd3 !important;
}
.user-danger {
  border: 1px solid #fecdca;
  background: #fef3f2;
  color: #b42318 !important;
}
.page-invoices-show .btn-disable {
  background: #f2f4f7;
  border: 1px #eaecf0 solid;
  display: flex;
  padding: 10px 14px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 8px;
  overflow: hidden;
}
.page-invoices-show .btn-create-reminder.btn-disable {
  background: transparent;
}
.page-invoices-show .btn-disable .notification-icon-active {
  display: none;
}
.page-invoices-show .credit-note-de .btn-disable {
  background: transparent;
}
.page-invoices-show .btn-disable .disable-notification {
  display: flex !important;
}
.invoice-paper-pdf #address .name-address-in {
  font-weight: 600;
}
.contract-job-handing-search,
.contract-job-handing-search .filter_button_warp {
  gap: 12px;
}
.page-candidates-details
  .candidate-filter-form-rangebar-ty
  .job_hading_filter
  .com-search {
  max-width: 22%;
  flex: 0 0 22%;
}
.page-candidates-details .job_hading_filter {
  gap: 12px;
}
.page-job-applicants #scheduleInterviewModal .select2-container,
.page-company-profile-edit #scheduleInterviewModal .select2-container {
  pointer-events: none;
}

.page-job-applicants #editInterviewModal .select2-container,
.page-company-profile-edit #editInterviewModal .select2-container {
  pointer-events: none;
}

/*  */
/* .page-job-applicants #scheduleInterviewModal .contact_person_interview_main .select2-container { pointer-events: all !important;
} */

/*  */
/* .page-job-applicants #scheduleInterviewModal .contact_person_interview_main .select2-container { pointer-events: all !important;
} */

#scheduleInterviewModal .contact_person_interview_main .select2-container {
  pointer-events: all !important;
}

#editInterviewModal .contact_person_interview_main .select2-container {
  pointer-events: all !important;
}

.page-job-applicants .select2-container {
  z-index: 99999999;
}

/* Select2 dropdown for contact person - rendered outside modal */
#select2-company_contact_person-results {
  pointer-events: all !important;
}

#select2-edit_company_contact_person-results {
  pointer-events: all !important;
}

#reject-applicant .form_select_container {
  max-width: 100% !important;
}
.m-com-5 {
  margin-top: 5px;
}
.contract-job-handing-search .com-search {
  width: 30.6%;
  max-width: 30.6%;
  flex: 0 0 30.6%;
}
.contract-job-handing-search .applicants_filter_form {
  width: 4%;
  max-width: 4%;
  flex: 0 0 4%;
}
.page-payroll-index .contract-job-handing-search .com-search {
  max-width: 20%;
  flex: 0 0 20%;
  width: 20%;
}
.contract-job-handing-search .applicants_filter_form {
  width: 2.5%;
  max-width: 2.5%;
  flex: 0 0 2.5%;
  display: block;
  margin-top: 5px;
}
.invoice-paper-pdf #address,
.invoice-paper-pdf #comment,
.invoice-paper-pdf #address #payment-text,
.invoice-paper-pdf #lines th,
.invoice-paper-pdf #lines td {
  color: #0c111d;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.invoice-paper-pdf .paper.card #header {
  padding: 24px 56px;
}
.invoice-paper-pdf .unit,
.invoice-paper-pdf .discount,
.invoice-paper-pdf .price,
.invoice-paper-pdf .number {
  width: 120px;
}
.invoice-paper-pdf td.description,
.invoice-paper-pdf th.description {
  width: 210px;
  max-width: 210px;
  padding-left: 0px;
}
.invoice-paper-pdf #create_reminder_outer td.description {
  width: 340px;
  max-width: 340px;
}
.d-contents {
  display: contents !important;
}
.create_invoice .form-control {
  border: none;
  padding: 0px 8px;
  color: #0c111d;
}
.create_invoice .form-control:focus {
  background: #f2f4f7;
}
.create_invoice .form-control::placeholder {
  color: #a9abaf;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.create_invoice
  .unit
  .select_full_day
  .form_select_container
  .dropdown-menu.calender-view.show {
  right: inherit;
}
.create_invoice .unit .select_full_day .form_select_container .dropdown-toggle {
  width: 100%;
  height: 34px;
  border: none;
  padding: 0px 8px;
}
.create_invoice
  .unit
  .select_full_day
  .form_select_container
  .dropdown-item:hover {
  color: #101828 !important;
  background-color: transparent !important;
}
.create_invoice
  .unit
  .select_full_day
  .form_select_container
  .dropdown-toggle:focus {
  box-shadow: none;
  background: #f2f4f7;
}
.invoice-paper-pdf tbody td {
  padding: 10px;
}
.invoice-paper-pdf tbody td.price {
  padding-right: 0px;
}
.cvr-nr-client {
  color: #0c111d;
  font-weight: 500;
}
.invoice-paper-pdf table {
  margin-bottom: 0px;
  border-collapse: collapse;
}
.invoice-paper-pdf table tr {
  border-bottom: 1px solid #0c111d;
}
.invoice-paper-pdf table tr:last-child {
  border-bottom: 0px;
}
.invoice-paper-pdf .create_invoice td {
  padding: 12px 5px;
}
.invoice-paper-pdf .add-hours-type-icon {
  display: flex;
  cursor: pointer;
  position: absolute;
  padding-top: 10px;
  gap: 4px;
}
.invoice-paper-pdf #total {
  padding-top: 12px;
}
.invoice-paper-pdf #total-container {
  margin-bottom: 0px;
}
.adress-invoice {
}
.adress-invoice .invoice-add {
  padding: 20px 20px 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.adress-invoice .invoice-add .Over-dark,
.payment-date-mount-invoice .Over-dark {
  color: #101828;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 0px;
  margin-top: 0;
}
.adress-invoice .invoice-add .Over-dull,
.payment-date-mount-invoice .Over-dull {
  color: #344054;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-top: 0;
}
.payment-date-mount-invoice {
  border-top: 1px #eaecf0 solid;
  padding: 12px 20px 20px;
  display: flex;
  gap: 50px;
}
.Hadsten-tomer .Over-dull {
  width: 240px;
}
/* =============================== invoce-end ============================== */
/* ========================== layoff-onboarding-start =================================== */
.page-layoff-onboarding .dash-sidebar {
  display: none;
}
.page-layoff-onboarding .search-bar,
.page-layoff-onboarding .add-new-company-dropdown {
  display: none;
}
.datepicker-meeeting {
  position: relative;
  width: 205px !important;
}
#add_new_rate.add_hours_timesheet .modal-body .custom-date .date {
  width: 205px;
}
.datepicker-meeeting .clock-layoff {
  position: absolute;
  top: 39px;
  left: 10px;
}
.datepicker-meeeting .form-control {
  padding-left: 2.5rem !important;
}
.datepicker-meeeting.mt-012 .clock-layoff {
  top: 34px;
}
.datepicker-meeet {
  justify-content: center;
  display: flex;
  align-items: center;
  width: fit-content !important;
  position: relative;
  top: 15px;
}
.datepicker-meeeting.mt-012 {
  margin-top: 5px;
}
.page-title .text.layoffOnboarding h2 {
  font-size: 18px;
  line-height: 28px;
}
.page-layoff-onboarding .onboarding-container .page_title_div .page_hading {
  border-bottom: 1px solid #eaecf0;
}
.page-layoff-onboarding .logo-Onboarding {
  position: absolute;
  left: 29px;
  top: 17px;
  display: flex;
}
.calendar-offboarding {
  position: absolute;
  top: 40px;
  left: 10px;
  width: 16px;
}
.reg-onboarding .off-form-control {
  padding-left: 2rem !important;
}
.of-bor-r {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.input-mb-20 {
  padding-bottom: 20px;
}
.off-checbox {
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.off-checbox #dress-check {
  cursor: pointer;
}
.off-checbox .custom {
  color: #344054;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  cursor: pointer;
  line-height: 20px;
}
.off-checbox .dis-off-bor {
  color: #475467;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.arrow-left-right .go_back {
  border: none;
  background: transparent;
  color: #475467;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  cursor: pointer;
}
.arrow-left-right {
  margin-bottom: 0px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #ffffff;
  padding: 20px 0px;
  border-top: 1px #eaecf0 solid;
  position: absolute;
  bottom: 0;
}
.wizard-inner .nav-tabs {
  border-bottom: none;
}
.b-1 {
  border-bottom: 0px;
}
.off-checbox .checkbox input {
  height: fit-content !important;
}
.wizard-inner .on-of-active {
  display: none;
  color: #475467 !important;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  width: fit-content;
}
.wizard-inner .nav-tabs {
  pointer-events: none;
}
.wizard-inner .on-of-active a {
  color: #475467 !important;
  text-decoration: none;
}
.wizard-inner .on-of-active a i {
  font-style: normal;
}
.wizard-inner .on-of-active a:hover {
  color: #475467 !important;
}
.wizard-inner .active {
  display: block;
}
.dress-tools {
  display: flex;
  width: 160px;
  height: 120px;
  padding: 16px !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  border-radius: 8px;
  border: 1px solid #eaecf0;
  background: #fff;
  position: relative;
}
.dress-tools .checkbox {
  position: absolute;
  right: 5px;
  top: 5px;
}
.dress-tools-click {
  box-shadow:
    0px 1px 2px 0px rgba(16, 24, 40, 0.05),
    0px 0px 0px 4px rgba(152, 162, 179, 0.14);
}
.input-mdre {
  gap: 16px;
}
.input-mdre .dress-tools .laym {
  width: 32px;
}
.input-mdre .dress-tools p {
  color: #344054;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.of-bor-ryu {
  padding-bottom: 20px !important;
  padding-top: 0px !important;
}
.wizard-layoffboarding {
  position: relative;
  margin-bottom: 0;
}
.wizard-inner {
  width: fit-content;
  position: absolute;
  bottom: 30px;
  left: 50%;
}
.matm1#reject .submit-hours {
  padding-top: 16px;
}
.page-company-candidate-hours-review .pac-container.pac-logo {
  z-index: 999999 !important;
}
.text-Off-boarding-layoff h6 {
  color: #101828;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 4px;
}
.text-Off-boarding-layoff p {
  color: #475467;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.wizard-tab-pane {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  height: 75vh;
}
.wizard-tab-pane .successful-layoff {
  width: 56px;
}
.text-Off-boarding-layoff {
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.successful-btn-dis .btnsuccessful {
  border-radius: 8px;
  border: 1px solid #f8e965;
  background: #f8e965;
  color: #182230;
  font-weight: 500;
  line-height: 20px;
  padding: 10px 14px;
  font-size: 14px;
  transition: 0.5s ease;
  width: 336px;
  position: relative;
  cursor: pointer;
}
.successful-btn-dis .btnsuccessful .btn-spinner {
  top: 8px;
}
.successful-btn-dis .btnsuccessful.btn-disable-s {
  color: #98a2b3;
  border-color: #eaecf0;
  background: #f2f4f7;
}
.wizard-inner .active.martmnp {
  display: none;
}
.rating-s {
  padding-left: 0;
}
.rating-s li {
  list-style: none;
  display: inline-block;
}
.ulma {
  margin-bottom: 20px !important;
}
.feedback-text .reg-onboarding {
  padding: 0px !important;
}
.profile_content .right_div .feedback-text textarea {
  min-height: 70px;
  width: 440px;
}
.feedback-text .reg-onboarding label {
  width: 100%;
}
.send-survey {
  gap: 32px;
}
.send-survey .checkbox {
  color: #344054;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.successful-text-newjob {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.mrtpn {
  gap: 16px;
}
.successful-text-newjob .successful-text {
  color: #475467;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  width: 400px;
  line-height: 20px;
  text-align: center;
}
.match-later-profile .right_div {
  max-width: 100% !important;
}
.match-dress,
.match-later-dress {
  cursor: pointer;
}
.select-step-section-4 .select-step-4 {
  position: absolute;
  top: 35px;
  z-index: 9;
  left: 6px;
}
.select-step-section-4 {
  position: relative;
}
.job_applicants_Page .select-step-section-4 .select2-selection--single {
  padding-left: 2rem !important;
}
.page-layoff-onboarding .select-step-section-4 .select2-selection--single {
  padding-left: 2rem !important;
}
.match-dress-tool-later,
.match-dress-tool {
  box-shadow:
    0px 1px 2px 0px rgba(16, 24, 40, 0.05),
    0px 0px 0px 4px rgba(152, 162, 179, 0.14);
}
.body-lay-off-boarding .onboarding-first,
.body-lay-off-boarding .page_hading {
  display: none !important;
}
.body-lay-off-boarding .onboarding-second {
  width: 100%;
  margin: auto;
}
.onboarding-second .form-group {
  margin-bottom: 20px;
}
.page-invoices-create .ranges {
  display: none;
}
/* ========================== layoff-onboarding-end =================================== */
/* ==================================== job-overview-start ====================================== */
.satuts-job-td {
  white-space: nowrap !important;
}
.app-recieved {
  display: inline;
  border-color: #eaecf0 !important;
  background-color: #f9fafb;
  color: #344054;
  margin-right: 2px;
}
.job-matches {
  display: inline;
  border-color: #b2ddff !important;
  background-color: #eff8ff;
  color: #175cd3;
  margin-right: 2px;
}
.tele-screen {
  display: inline;
  border-color: #fedf89 !important;
  background-color: #fffaeb;
  color: #b54708;
  margin-right: 2px;
}
.presentation {
  display: inline;
  border-color: #d9d6fe !important;
  background-color: #f4f3ff;
  color: #5925dc;
}
.interview {
  display: inline;
  border-color: #abefc6 !important;
  background-color: #ecfdf3;
  color: #067647;
}
.status-job-pipe .job-pipeline-stauts p {
  font-weight: 500;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 18px;
  border: 1px solid;
  border-radius: 16px;
  padding: 2px 8px;
}
.h-wage-icn-number .form-control {
  padding-left: 2.6rem;
}
.h-wage-icn-number .h-wage-icn {
  position: absolute;
  top: 38px;
  left: 1rem;
}
.job-info-outer .city-company {
  color: #344054;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.job-info-outer {
  gap: 28px;
  padding-top: 8px;
}
.job-info-outer .job-info-company,
.job-info-outer .job-info-location,
.job-info-outer .job-info-salary {
  align-items: center;
  gap: 8px;
  display: flex;
}
.drag-and-drop-jobs-outer {
  margin-top: 40px;
}
.job-kanban-wrapper {
  position: relative;
  display: flex;
  gap: 8px;
}
.job-kanban-wrapper .col {
  padding-left: 0;
  padding-right: 0px;
  background: #f9fafb;
  border-radius: 12px;
}
.job-kanban-wrapper .card:last-child {
  gap: 0px;
}
.job-kanban-wrapper .card {
  gap: 8px;
  border: none;
  width: 100%;
  height: 100%;
  background: transparent;
}
.employed1 .job-body-header-card:hover .delete-applicant.dt-1 {
  display: none;
}
.job-kanban-wrapper .job-body-card {
  gap: 8px;
  /*     display: flex; */
  flex-wrap: wrap;
  background: transparent;
  padding: 8px;
}
.job-kanban-wrapper .job-header-card {
  padding: 8px 12px;
  border-radius: 12px;
  margin: 12px 8px 0px;
}
.job-kanban-wrapper .hedader-title {
  color: #101828;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-top: 0;
  white-space: nowrap;
}
.page-job-applicants .gu-transit {
  position: relative;
  opacity: 1 !important;
  height: 100%;
}
.user-card.application-deleted,
.user-card.applicant-hired {
  pointer-events: none;
}
.page-job-applicants .user-card.gu-mirror {
  transform: rotate(-5deg);
}
.page-job-applicants .user-card.application-deleted .btn-group.card-option {
  display: none;
}
.page-job-applicants .user-card.application-deleted .font-12 {
  pointer-events: all;
  cursor: pointer;
}
/*  .page-job-applicants .user-card.application-deleted .card-job-htime .job-title{
pointer-events: all;
} */
.page-job-applicants .user-card.application-deleted .font-12 {
  font-size: 12px;
  color: #b42318;
  font-weight: 500;
}
.page-job-applicants .toaster button.close {
  display: none;
}
.page-job-applicants .kanban-box.employed1 .delete-applicant {
  display: none;
}
.page-job-applicants .gu-transit::before {
  content: "Flyt hertil";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  border-radius: 12px;
  padding: 35px 16px 12px;
  height: 100%;
  text-align: center;
  z-index: 999;
  background: #fffaeb;
  border: 1px dashed #fec84b;
}
.standalone-login.page-job-applicants #kanban-blacklist-4 .gu-transit::before {
  background: #f4f3ff;
  border: 1px dashed #d9d6fe;
}
.standalone-login.page-job-applicants #kanban-blacklist-8 .gu-transit::before {
  background: #f0f9ff;
  border: 1px dashed #b9e6fe;
}
.standalone-login.page-job-applicants #kanban-blacklist-2 .gu-transit::before {
  background: #f9fafb;
  border: 1px dashed #eaecf0;
}
.standalone-login.page-job-applicants #kanban-blacklist-4 .gu-transit::before {
  background: #f4f3ff;
  border: 1px dashed #d9d6fe;
}
.standalone-login.page-job-applicants #kanban-blacklist-5 .gu-transit::before {
  background: #ecfdf3;
  border: 1px dashed #abefc6;
}

.page-job-applicants .fa-time-scroce {
  color: #b42318;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  display: flex;
  align-items: center;
  gap: 8px;
  pointer-events: all;
}
.page-job-applicants .fa-time-scroce span {
  font-family: "Poppins";
}
#createReasonModal {
  pointer-events: none;
}
.page-job-applicants.modal-open .modal-backdrop.show {
  opacity: 0.3;
}
.add-createReasonModal:before {
  content: "";
  position: fixed;
  background: #000;
  top: 0;
  border: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0.3;
}
.add-createReasonModal #reject-applicant {
  z-index: 9999999999;
}
.delete-applicant.dt-1 {
  display: none;
}
.job-body-header-card:hover .delete-applicant.dt-1 {
  display: flex;
}
.page-job-applicants .delete-applicant:focus,
.page-job-applicants .delete-applicant:hover {
  background: #fff !important;
  background-color: #fff !important;
  color: #b42318 !important;
}
.standalone-login.page-job-applicants .delete-applicant {
  color: #475467 !important;
  border: none !important;
}

.dottitle-header {
  display: flex;
  align-items: center;
  gap: 4px;
}
.dottitle-header .dot-span {
  width: 8px;
  height: 8px;
  position: relative;
  display: block;
  background: #000;
  border-radius: 100%;
}
.job-kanban-wrapper .application_received .dottitle-header .dot-span {
  background: #667085;
}
.job-kanban-wrapper .application_received {
  background: transparent;
}
.job-kanban-wrapper .presentation {
  background: #fffaeb;
}
.job-kanban-wrapper .interview {
  background: #f4f3ff;
}
.job-kanban-wrapper .employed {
  background: #ecfdf3;
}
.job-kanban-wrapper .telephonic {
  background: #f0f9ff;
}
.job-kanban-wrapper .presentation .dottitle-header .dot-span {
  background: #f79009;
}
.job-kanban-wrapper .interview .dottitle-header .dot-span {
  background: #7a5af8;
}
.job-kanban-wrapper .employed .dottitle-header .dot-span {
  background: #17b26a;
}
.job-kanban-wrapper .telephonic .dottitle-header .dot-span {
  background: #0ba5ec;
}
.job-kanban-wrapper .application_received .float-left-count .count {
  border-color: #eaecf0;
  background: #f9fafb;
  color: #344054;
}
.job-kanban-wrapper .telephonic .float-left-count .count {
  border-color: #b9e6fe;
  background: #f0f9ff;
  color: #026aa2;
}
.job-kanban-wrapper .employed .float-left-count .count {
  border-color: #abefc6;
  background: #ecfdf3;
  color: #067647;
}
.job-kanban-wrapper .interview .float-left-count .count {
  border-color: #d9d6fe;
  background: #f4f3ff;
  color: #5925dc;
}
.job-kanban-wrapper .presentation .float-left-count .count {
  border-color: #fedf89;
  background: #fffaeb;
  color: #b54708;
}
.job-body-header-card {
  border-radius: 12px;
  border: 1px solid #eaecf0;
  background: #fff;
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  cursor: grab;
}
.page-job-applicants .schedule-interview-modal .loction_add .checkbox_custom {
  color: var#344054;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.page-job-applicants .schedule-interview-modal .color-picker-calendar,
.page-company-profile-edit .schedule-interview-modal .color-picker-calendar {
  display: none;
}
.job-body-header-card .card-job-htime .job-title {
  color: #101828;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 0px;
}
.job-body-header-card .card-job-htime .job-title a {
  color: #101828;
}
.job-body-header-card .card-job-htime .job-title a:hover {
  color: #101828 !important;
  text-decoration: none;
}
.job-body-header-card .list-inline-item {
  color: #667085;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.job-body-card .user-card {
  width: 100%;
  padding-bottom: 8px;
  position: relative;
}
.user-card.application-deleted .job-body-header-card {
  pointer-events: none;
  background: #ffc6c44f;
}
.page-job-applicants .page_title_div .right_div .expoert_btn {
  border: none;
  color: #475467;
  display: flex;
  align-items: center;
  gap: 6px;
}
.gap-list-inline-f {
  gap: 4px;
}
.gap-list-inline-f img {
  width: 16px;
}
.application-received-app-dinline {
  position: relative;
}
.application-received-app-dinline .tooltip-application-received {
  padding: 8px 12px;
  border-radius: 8px;
  background: #101828;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  position: absolute;
  left: -64px;
  bottom: 32px;
  display: none;
}
.btn-responsive.ga {
  gap: 8px;
}
.showEvent_modal .btn-responsive.ga .btn-primary {
  display: flex;
  white-space: nowrap;
  justify-content: center;
}
.application-received-app-dinline.a2 .tooltip-application-received {
  left: -40px;
}
.application-received-app-dinline.a2 .tooltip-application-received::before {
  left: 40px;
}
.application-received-app-dinline.a3 .tooltip-application-received {
  left: -40px;
}
.application-received-app-dinline.a4 .tooltip-application-received {
  left: -35px;
}
.application-received-app-dinline.a5 .tooltip-application-received {
  left: -1.3rem;
}
.application-received-app-dinline.a3 .tooltip-application-received::before {
  left: 40px;
}
.application-received-app-dinline.a4 .tooltip-application-received::before {
  left: 40px;
}
.application-received-app-dinline.a5 .tooltip-application-received::before {
  left: 23px;
}
.application-received-app-dinline .tooltip-application-received::before {
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  border-bottom: solid 10px transparent;
  border-top: solid 10px #101828;
  height: 0;
  width: 0;
  content: "";
  position: absolute;
  left: 66px;
  bottom: -18px;
}
.application-received-app-dinline:hover .tooltip-application-received {
  display: flex;
}
.application-form-drag {
  width: 720px;
  border-radius: 12px;
  border: 1px solid #eaecf0;
  padding: 16px 16px 16px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.application-form-drag:last-child {
  margin-bottom: 0px;
}
.profile_content .right_div .application-form-drag label {
  margin-bottom: 0px;
}
.application-form-drag .app-d-flex {
  color: #667085;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  gap: 8px;
  display: flex;
  align-items: center;
}
.footer-application {
  border-top: 1px solid #eaecf0;
  padding-top: 20px;
  /* position: fixed; */
  bottom: 0;
  /* width: 92.5%; */
}
.page-job-edit
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 26px !important;
}
.page-job-edit
  .select-company-div
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 100% !important;
}
.input-form-control-job-meeting {
  padding-left: 2.5rem !important;
}
.gap-8 {
  gap: 8px;
}
.discount-shape-free {
  position: relative;
}
.discount-shape-free .discount-shape-img {
  position: absolute;
  left: 8px;
  top: 38px;
}
.user-job-can.div_icon img {
  z-index: 99;
}
.profile_content .right_div .user-job-can.div_icon .select2-selection__rendered,
.profile_content .right_div .div_icon.sales-email .select2-selection__rendered {
  color: #101828 !important;
}
.job_applicants_Page
  .user-job-can
  .select2-container
  .select2-selection--single {
  padding-left: 2.5rem;
}
.discount-shape-free .form-control {
  padding-left: 2.3rem !important;
}
.applicant-presentation-heder h6 {
  color: #101828;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 0px;
}
.applicant-presentation-heder p {
  color: #475467;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.applicant-presentation-heder p span {
  color: #101828;
  font-weight: 500;
}
.applicant-presentation-modal .modal-content,
#applicant-employment .modal-content {
  padding: 24px;
  gap: 16px;
}
.applicant-presentation-modal .modal-header,
#applicant-employment .modal-header {
  padding: 0 !important;
  border-bottom: 0px;
}
.applicant-presentation-modal .modal-body,
#applicant-employment .modal-body {
  padding: 0;
}
.applicant-presentation-modal .modal-dialog {
  max-width: 652px;
}
#applicant-employment {
  pointer-events: none;
}
#applicant-employment .modal-dialog {
  max-width: 400px;
}
.applicant-presentation-modal .score-calculate {
  border-radius: 8px;
  background: #f9fafb;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  height: 140px;
  margin: 24px 0px;
}
.applicant-presentation-modal .score-calculate p {
  color: #182230;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.applicant-presentation-modal .score-calculate .btn-yellow {
  display: flex;
  padding: 8px 12px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 8px;
  border: 1px solid #f8e965;
  background: #f8e965;
}
.applicant-presentation-modal .score-calculate .btn-yellow:hover,
.applicant-presentation-modal-footer .close_button:hover {
  background: #daca60;
  border-color: #daca60;
  color: #182230 !important;
  transition: 0.5s ease;
}
.applicant-presentation-modal-footer .button-select {
  width: 50%;
}
.applicant-presentation-modal-footer {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 32px;
}
#duplicate-job-match .applicant-presentation-modal-footer {
  margin-top: 32px;
}
#duplicate-job-match.add_hours_timesheet .modal-content {
  gap: 16px;
}
#duplicate-job-match.add_hours_timesheet .modal-body {
  gap: 0px;
}
.applicant-presentation-modal-footer .close_button {
  border: 1px #d0d5dd solid;
  padding: 8px 12px;
  background: #ffffff;
  border-radius: 8px;
  width: 50%;
  color: #344054;
  font-size: 14px !important;
  font-weight: 500;
  line-height: 20px;
}
.applicants_tabs_tab .comments_content .profile_content_right ul {
  position: relative;
}
.applicants_tabs_tab .comments_content .profile_content_right ul .ajax_load {
  text-align: center;
}
.get-started-btn-document .right-side-desktop-mobile #header {
  z-index: 9;
  position: relative;
}
.get-started-btn-document
  .carrier-settings-hero
  .right-side-desktop-mobile
  .creer_home {
  position: relative;
}
.get-started-btn-document .right-side-desktop-mobile .creer_home::before,
.standalone-career .creer_home::before,
.creer_home::before {
  position: absolute;
  background-color: rgb(0 0 0 / 50%);
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
}
.standalone-career .creer_home {
  position: relative;
}
.applicant-presentation-modal-footer
  .select_full_day
  .form_select_container
  .dropdown-toggle {
  width: 100%;
}
.applicant-presentation-modal-footer .form_select_container {
  max-width: 100%;
}
.applicant-presentation-modal-footer
  .select_full_day
  .form_select_container
  .dropdown-menu.calender-view.show {
  top: 3px !important;
  right: auto;
  min-width: 18.5rem;
}
.applicant-presentation-modal-footer
  .select_full_day
  .form_select_container
  .dropdown-item:hover {
  color: #101828 !important;
  background-color: transparent !important;
}
.applicant-presentation-modal-footer
  .calender-view
  .dropdown-item.active::before {
  display: none;
}
.applicant-presentation-modal-footer
  .select_full_day
  .form_select_container
  .dropdown-toggle
  .dropdown-item {
  text-align: center;
}
.applicant-presentation-modal-footer
  .select_full_day
  .form_select_container
  .dropdown-toggle[aria-expanded="false"]
  .dropdown-item::after {
  right: 4.3rem;
}
.applicant-presentation-modal-footer
  .select_full_day
  .form_select_container.show
  .dropdown-toggle[aria-expanded="true"]
  .dropdown-item::after {
  right: 4.1rem;
}
.applicant-presentation-modal-footer .pipeline-stage-name {
  border: 1px solid #f8e965 !important;
  background: #f8e965 !important;
}
.applicant-presentation-modal-footer .pipeline-stage-name.btn-disable {
  border: 1px solid#EAECF0 !important;
  background: #f2f4f7 !important;
  pointer-events: none;
}
.applicant-presentation-modal-footer .calender-view .dropdown-item img {
  width: 16px;
  display: inline-block;
  position: initial;
}
.applicant-presentation-modal-footer .calender-view .dropdown-item {
  color: #101828;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.applicant-presentation-modal-footer .time-se {
  color: #475467;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.applicant-presentation-modal-footer .calender-view .dropdown-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#saveFeedbackModal .modal-content {
  border-radius: 12px;
  padding: 24px;
}
#saveFeedbackModal.emoji_feedback {
  pointer-events: none;
}
.dashboard-candidate .main-section-inner .container {
  min-height: calc(95vh - 70px);
}
/* ==================================== job-overview-end ====================================== */
/* ========================================== contract-start ================================ */
.contract-table .number-contract {
  width: 8%;
}
.contract-table .name-contract {
  width: 20%;
}
.contract-table .name-candidate-contract {
  width: 15%;
}
.contract-table .date-contract {
  width: 12%;
}
.contract-table .status-contract {
  width: 10%;
}
.contract-table .status-contract-company {
  width: 5%;
}
.contract-table .action-contract {
  width: 15%;
}
.contract-table .status-contract-period {
  width: 22%;
}
.contract-table .status-contract-action {
  width: 12%;
}
.contract-table .action-contract-due-day {
  width: 13%;
}
.contract-table .travel-status {
  width: 17%;
}
.page-payroll-index .contract-table .payrool-candaidate-th {
  width: 11%;
}
.page-payroll-index .contract-table .travel-status {
  width: 16%;
}
.contract-table .checkbox-table {
  width: 0%;
  padding-right: 0px !important;
}
.contract-table .zenegy-table {
  width: 6%;
}
.contract-table .job-title-table {
  width: 20%;
}
.job-table-tbody-overview.applicants_detail_table table tbody tr td {
  white-space: normal;
}
/*.page-job .job-table-tbody-overview.applicants_detail_table .applicants_table {
overflow: initial !important;
}*/
/*.job-table-tbody-overview.applicants_detail_table .applicants_table {
overflow: hidden !important;
}*/
.job-table-tbody-overview.applicants_detail_table .contract-table thead tr th,
.job-table-tbody-overview.applicants_detail_table table tr td {
  padding: 12px 20px;
}
.page-job .job-table-tbody-overview.applicants_detail_table table tr td.mar3 {
  padding-left: 10px;
}
.page-payroll-index .applicants_detail_table table thead tr .checkbox,
.page-payroll-index .applicants_detail_table table tbody tr .checkbox {
  padding-right: 0px !important;
  width: auto !important;
}
.actione-invoice {
  gap: 8px;
}
/* .payroll-table-main .payrool-candaidate-th{
padding-left: 0px !important;
} */
.actione-invoice-admin .edit,
.actione-invoice-admin .dropdown-toggle {
  padding: 10px;
}
.actione-invoice-admin .dropdown-toggle {
  background: transparent;
}
.actione-invoice-admin .dropdown.show .dropdown-toggle {
  background: #f9fafb;
}
.applicants_detail_table .contract-table thead tr th {
  padding: 16px 20px;
}
.applicants_detail_table .contract-table .contract-table-user tr td {
  padding: 16px 20px;
  color: #475467;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.action-btn-contr {
  padding: 16px;
}
.contract-table .contract-table-user .action-user {
  gap: 8px;
}
.page-contract-index
  .form_select_container
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  top: 50%;
}
.page-contract-index .add_hours_timesheet .modal-body > div {
  margin-right: -15px;
  margin-left: -15px;
}
#userContract .submit-hours {
  padding: 20px 0px 0px;
}
.page-contract-index .btn#sort-by-button,
.btn#sort-by-button-popup,
.page-invoices-index .btn#sort-by-button,
.page-payroll-index .btn#sort-by-button,
.page-candidates-details .btn#sort-by-button {
  height: 40px;
  width: 40px;
}
.page-contract-index .btn#btn-filter-submit,
.btn#btn-filter-submit-modal {
  height: 40px;
}
.page-contract-index .job_hading_filter {
  align-items: center;
}
.page-contract-index .job_applicants_Page .applicants_filter_form,
.page-invoices-index .job_applicants_Page .applicants_filter_form {
  display: block;
  margin-top: 5px;
}
.page-payroll-index .applicants_filter_form {
  margin-top: 3px;
}
.page-contract-index .applicants_table .job_list .action-btn .action-btn-contr {
  border-radius: 8px;
  background: #fff;
  padding: 10px;
}
.page-contract-index
  .applicants_table
  .job_list
  .action-btn
  .action-btn-contr.btn-disable {
  filter: grayscale(1);
}
.page-contract-index
  .applicants_table
  .job_list
  .action-btn
  .action-btn-contr:hover {
  background: #f9fafb;
}
.page-contract-index
  .applicants_table
  .job_list
  .action-btn:last-child
  .action-btn-contr:hover {
  background: #fef3f2;
}
.presentation-select-con .form-select {
  appearance: none;
  position: relative;
}
.presentation-select-con label::before {
  background-image: url(../images/dashboard/arrow_down.svg);
  width: 30px;
  height: 20px;
  top: 43px;
  display: inline-block;
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  right: 9px;
  z-index: 999;
}
.page-contract-index.modal-open
  #contractEdit
  .form_select_container.mnp
  .select2-container
  .select2-selection--single
  .select2-selection__rendered {
  color: #667085 !important;
}
.error-message {
  color: #f04438;
  font-weight: 400;
  font-size: 14px;
}
.login-form input.form-control.invild-rig,
.login-form input.form-control.is-invalid {
  border-color: #fda29b !important;
}
.invoice-paper-pdf #lines .create-credit-note .price {
  line-height: 36px;
}
.btn-no-background {
  border: none;
  background: #ffffff;
  width: auto;
  color: #475467;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.price .total {
  border: none;
}
.price .total:focus {
  border: none;
  box-shadow: none;
  outline: 0;
}
.contarct-page-hading {
  padding-bottom: 0px !important;
}
.custom-file-label::after {
  display: none !important;
}
.timesheet-page-admin
  #add_hours
  .select_full_day
  .form_select_container
  .dropdown-menu.calender-view.show {
  top: 40px !important;
  right: 0;
}
.company-timesheet-reject .rolldate {
  display: none;
}
/* .btn-approve-single, .btn-approve-single-mileage { min-width: 98px;} */
.btn-disable.action-disable .contract-img {
  display: none;
}
.btn-disable.action-disable .contract-img-disable {
  display: inline-block !important;
  width: 20px;
}
/* ========================================== contract-end ================================ */
/* ========================================== candidate-employment ================================ */
.employment_tab_main {
  display: flex;
  gap: 24px;
  align-items: flex-start;
  padding-bottom: 24px;
}
.employment_tab_main .employment_history {
  width: 320px;
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid #eaecf0;
  background: #fff;
}
.employment_tab_main .employment_history_head {
  padding: 12px 20px;
  border-bottom: 1px solid #eaecf0;
  background: #f9fafb;
}
.employment_tab_main .employment_history_head p {
  color: #475467;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  margin-bottom: 0;
}
.employment_tab_main .employment_history .employment_history_list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.employment_tab_main .employment_history .employment_history_list li {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #eaecf0;
  cursor: pointer;
}
.employment_tab_main .employment_history .employment_history_list li.selected {
  background: #fefdf0;
}
.employment_tab_main
  .employment_history
  .employment_history_list
  li:last-child {
  border-bottom: none;
}
.employment_tab_main .employment_history_item {
  padding: 16px 16px 16px 20px;
  display: flex;
  gap: 12px;
  align-items: center;
}
.employment_tab_main .employment_history .employment_history_text h5 {
  color: #101828;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  width: 150px;
  text-overflow: ellipsis;
}
.employment_tab_main .employment_history .employment_history_text p {
  color: #475467;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 0;
  white-space: nowrap;
}
.employment_tab_main .employment_history .employment_status {
  padding: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0;
}
.employment_details {
  width: calc(100% - 344px);
  border-radius: 12px;
  border: 1px solid #eaecf0;
  overflow: hidden;
}
.employment_tab_main .employment_details_head {
  padding: 24px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  border-bottom: 1px solid #eaecf0;
  background: #f9fafb;
  align-items: center;
}
.employment_tab_main .employment_details_head .employment_details_img img {
  width: 64px;
  height: 64px;
  max-width: 64px;
  border-radius: 100%;
  object-fit: cover;
}
.employment_tab_main .employment_details_head .employment_details_text h5 {
  color: #101828;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 4px;
}
.employer-name-export .employer-name-export-div-hover .employer-img-export {
  display: none;
}
.employer-name-export
  .employer-name-export-div-hover:hover
  .employer-img-export {
  display: inline;
}
.employer-name-export .employer-name-export-div-hover {
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  gap: 6px;
  cursor: pointer;
}
.employment_tab_main .employment_details_head .employment_details_text p {
  color: #475467;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 0;
}
.employment_tab_main
  .employment_details_head
  .employment_details_text
  p
  .dot-layoff {
  font-size: 20px;
  vertical-align: middle;
  width: fit-content;
  display: inline-block;
  padding-right: 3px;
}
.employment_tab_main .employment_details_head .employment_details_btn {
  display: flex;
  gap: 12px;
}
.employment_tab_main
  .employment_details_head
  .employment_details_btn
  .calender-view
  .dropdown-item
  img {
  position: initial;
  display: inline-block;
}
.employment_details .yellow_btn.disabled {
  background: #e9e8e0;
  border-color: #ebe9da;
}
.employment_tab_main
  .employment_details_head
  .employment_details_btn
  .calender-view
  .dropdown-item.disabled
  img {
  opacity: 0.4;
}
.employment_details_btn .dropdown-menu.calender-view .dropdown-item.disabled {
  color: #dadadb !important;
}
.employment_tab_main
  .employment_details_head
  .employment_details_btn
  .dropdown-toggle::after {
  display: none;
}
.employment_tab_main .wage_history_title {
  display: flex;
  justify-content: space-between;
  padding: 16px 24px;
  gap: 8px;
  align-items: center;
}
.employment_details_btn .dropdown-menu.calender-view.show {
  top: 0px !important;
  left: inherit !important;
  right: -3.3rem;
  width: 240px;
}
.employment_details_btn .dropdown-menu.calender-view .dropdown-item {
  color: #101828 !important;
  font-size: 14px;
  font-weight: 400;
  border-bottom: 1px #eaecf0 solid;
  line-height: 20px;
}
.employment_details_btn .dropdown-menu.calender-view .dropdown-item:last-child {
  border-bottom: 0;
}
.employment_details_btn
  .dropdown-menu.calender-view
  .dropdown-item.red-dropdown {
  color: #d92d20 !important;
}
.employment_details_btn
  .dropdown-menu.calender-view
  .dropdown-item.red-dropdown.disabled {
  pointer-events: none;
  color: #dc9f9a !important;
}
.employment_tab_main .wage_history_title h5 {
  color: #101828;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 0;
}
.actione-job-admin-overview .dropdown-item {
  border-bottom: 1px #eaecf0 solid;
  gap: 8px;
  display: flex;
}
.actione-job-admin-overview .dropdown-item.m_remove1 {
  border-bottom: 0px #eaecf0 solid;
  color: #d92d20 !important;
}
.actione-job-admin-overview .dropdown-toggle::after {
  display: none;
}
.actione-job-admin-overview .dropdown .dropdown-toggle {
  background: transparent;
}
.actione-job-admin-overview .dropdown-menu.calender-view.show {
  top: 0px !important;
  right: inherit;
  left: -5.5rem !important;
  min-width: 8.6rem;
}
.actione-job-admin-overview .calender-view .dropdown-item img {
  position: initial;
  width: 16px;
  height: 16px;
  display: inline-flex;
}
.actione-job-admin-overview .dropdown.show .dropdown-toggle {
  background: #f9fafb;
}
table.candidate_employment_table {
  width: 100%;
}
table.candidate_employment_table td {
  color: #475467;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 25px 20px;
  width: 16.5%;
}
table.candidate_employment_table th {
  color: #475467;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  padding: 12px 20px;
  width: 16.5%;
}
table.candidate_employment_table thead tr {
  border-bottom: 1px solid #eaecf0;
  border-top: 1px solid #eaecf0;
  background: #f9fafb;
}
table.candidate_employment_table tbody tr:not(:last-child) {
  border-bottom: 1px solid #eaecf0;
}
table.candidate_employment_table th:first-child,
table.candidate_employment_table td:first-child,
table.candidate_employment_table th:last-child,
table.candidate_employment_table td:last-child {
  padding-left: 24px;
  padding-right: 24px;
}
table.candidate_employment_table th:not(:first-child),
table.candidate_employment_table td:not(:first-child) {
  text-align: center;
}
.timesheet_feedback_mood:hover .timesheet_mood-tooltip {
  display: flex;
}
.timesheet_feedback_mood .timesheet_mood-tooltip {
  right: -5.2rem;
  bottom: 47px;
  top: inherit;
}
.timesheet_feedback_mood .timesheet_mood-tooltip::before {
  left: 9.7rem;
}
/* ========================================== candidate-employment ================================ */
/*=========================== payroll start =======================================*/
.payroll-dropdown-toggle .dropdown-menu.show {
  border-radius: 8px;
  border: 1px solid #eaecf0;
  background: #fff;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
  top: -6px !important;
  margin-top: 0px;
  padding: 10px 8px;
}
.payroll-dropdown-toggle .dropdown-item {
  border: 1px #fff solid;
}
.payroll-dropdown-toggle .dropdown-item.active,
.payroll-dropdown-toggle .dropdown-item:active {
  color: 101828;
  text-decoration: none;
  background-color: #fff;
}
.payroll-dropdown-toggle .dropdown-item:focus,
.payroll-dropdown-toggle .dropdown-item:hover {
  color: #16181b;
  text-decoration: none;
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid #000;
}
.payroll-dropdown-toggle .dropdown-item {
  display: flex;
  padding: 10px 6px;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  color: #101828;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.payroll-dropdown-toggle .dropdown-item.disabled {
  color: #b8b4b4 !important;
}
.payroll-dropdown-toggle .dropdown-item.disabled img {
  opacity: 0.5;
}
.page-payroll-index
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  left: 40%;
  top: 68%;
}
.payroll_modal_container {
  padding: 24px;
  background-color: #fff;
  border-radius: 12px;
  border: 1px solid #eaecf0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  height: 70vh;
  /*  overflow-x: hidden;
overflow-y: auto;
max-height: 800px; */
}
.payroll_modal_container .auto-load-client {
  position: absolute;
  top: 50%;
}
.payroll_modal_container .modal_header {
  padding-bottom: 20px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eaecf0;
}
.payroll_modal_container .modal_header .modal_img {
  margin-right: 20px;
}
.payroll_modal_container .modal_header .modal_img img {
  width: 64px;
  height: 64px;
  object-fit: cover;
  border-radius: 100%;
  margin-right: 23px;
}
.payroll_modal_container .modal_header .modal_name h3 {
  color: #101828;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 4px;
  margin: 0px;
}
.payroll_modal_container .modal_header .modal_name {
  display: flex;
  align-items: center;
}
.payroll_modal_container .modal_header .modal_name .tooltip-payroll {
  margin-left: 12px;
  display: flex;
  padding: 5px;
  border-radius: 16px;
  border: 1px solid #daca60;
  background: #f8e965;
  position: relative;
  margin-top: 0px;
}
.payroll_modal_container .modal_header .modal_name .tooltip-payroll img {
  width: 12px;
  height: 12px;
}
.payroll_modal_container .modal_header .modal_role {
  color: #475467;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 0;
}
.payroll_modal_container .modal_header .modal_total p {
  color: #475467;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 0;
  white-space: nowrap;
}
.payroll_modal_container .modal_header .modal_total h4 {
  white-space: nowrap;
  color: #101828;
  text-align: right;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 0;
  margin-top: 0;
}
.payroll_modal_container .payroll_data {
  display: flex;
  flex-direction: column;
  gap: 24px;
  overflow-x: hidden;
  overflow-y: auto;
  height: 70vh;
}
.payroll_modal_container .payroll_data p {
  margin-bottom: 0;
}
.payroll_modal_container .payroll_data .table_head {
  background: #f9fafb;
  display: flex;
  padding: 12px 0;
}
.payroll_modal_container .payroll_data .table_head div {
  padding: 0 16px;
  color: #344054;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.payroll_modal_container .payroll_data .table_body .table_body_row {
  display: flex;
  padding: 0px 0 0 25%;
}
.payroll_modal_container .payroll_data .table_body .table_body_row div {
  width: 33.33%;
  color: #475467;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 12px 0;
}
.payroll_modal_container .payroll_data .table_body .table_body_row .first_col {
  padding-left: 35px;
  padding-right: 16px;
  border-left: 1.4px solid #d0d5dd;
  position: relative;
}
.payroll_modal_container
  .payroll_data
  .table_body
  .table_body_row
  .first_col::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -2px;
  width: 22px;
  height: 100%;
  background-image: url("../images/payroll/arrow.svg");
  background-size: 22px;
  background-repeat: no-repeat;
  background-position: top;
}
.payroll_modal_container
  .payroll_data
  .table_body
  .table_body_row:last-child
  .first_col {
  border-left-color: transparent;
}
.payroll_modal_container .payroll_data .table_body .table_body_row .hours_col {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding-right: 24px;
  padding-left: 14px;
}
.payroll_modal_container .payroll_data .table_body .table_body_row .third_col {
  padding-right: 16px;
  display: flex;
  justify-content: space-between;
}
.payroll_modal_container .payroll_modal_footer {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
}
.payroll_modal_container .payroll_modal_footer .btn_white,
.payroll_modal_container .payroll_modal_footer .btn_yellow {
  padding: 10px 14px;
  gap: 4px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.payroll_modal_container .payroll_modal_footer .btn_white {
  border: 1px solid #d0d5dd;
  background: #fff;
  color: #344054;
}
.payroll_modal_container .payroll_modal_footer .btn_yellow {
  color: #182230;
  border: 1px solid #f8e965;
  background: #f8e965;
}
#payroll .modal-dialog {
  max-width: 800px;
}
.tooltip-payroll .tooltip-inner-text {
  top: -42px;
  left: -5rem;
  color: #fff;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}
.tooltip-payroll .tooltip-inner-text {
  padding: 8px 12px;
}
.tooltip-payroll:hover .tooltip-inner-text {
  display: block;
}
.tooltip-payroll:hover .tooltip-inner-text::before {
  left: 80px;
}
.payroll-values {
  background: #f9fafb;
  color: #101828;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.receipt-div-flex {
  gap: 12px;
}
.receipt-div-flex .images-online img {
  border-radius: 100%;
  background: #d7e3e8;
  width: 40px;
  height: 40px;
  object-fit: cover;
}
.receipt-div-flex .images-online .online-payroll {
  width: 10px;
  height: 10px;
  flex-shrink: 0;
  border-radius: 5px;
  border: 1.5px solid #fff;
  background: #f04438;
  position: absolute;
  bottom: 5px;
  right: -2px;
}
.receipt-div-flex .images-online .online-payroll.bg-yellow {
  background: #f8e965;
}
.payroll-images-online {
  display: flex;
  align-items: center;
}
.payroll-images-online .images-online {
  width: 40px;
  position: relative;
}
.receipt-div-flex .darkmood {
  color: #101828;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 0px;
  max-width: 230px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.receipt-div-flex .lightmood {
  color: #98a2b3;
  font-weight: 400;
  line-height: 20px;
}
.page-payroll-index .zenegy-table .user-danger {
  position: relative;
  left: 14px;
  width: fit-content;
}
.page-payroll-index .zenegy-table .user-active {
  left: 20px;
  position: relative;
  width: fit-content;
}
.zenegy-table .tooltip-payroll {
  position: relative;
  width: fit-content;
  left: 5%;
}
.zenegy-table .tooltip-payroll .tooltip-inner-text {
  top: -42px;
  left: -3.5rem;
}
.zenegy-table .tooltip-inner-text {
  padding: 8px 12px;
}
.select_full_day .payroll-right-div.form_select_container .dropdown-toggle {
  width: fit-content;
}
.select_full_day
  .payroll-right-div.form_select_container
  .dropdown-toggle
  .dropdown-item:hover {
  background-color: transparent !important;
}
.select_full_day
  .payroll-right-div.form_select_container
  .dropdown-toggle
  .dropdown-item {
  padding-right: 20px !important;
  color: #344054;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.select_full_day
  .payroll-right-div.form_select_container
  .calender-view
  .dropdown-item {
  color: #344054;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.select_full_day .payroll-right-div.form_select_container {
  max-width: fit-content;
}
.select_full_day
  .payroll-right-div.form_select_container
  .dropdown-menu.calender-view.show {
  right: inherit !important;
  width: auto !important;
  max-height: 290px;
}
#payroll {
  padding-right: 0px !important;
  pointer-events: none;
}
#payroll .modal-controll {
  position: absolute;
  top: 50%;
  display: flex;
  width: 100%;
  pointer-events: all;
  z-index: 99999;
  justify-content: space-around;
}
#payroll .modal-controll .candidate-navigation {
  border-radius: 100%;
  border: 1px solid #d0d5dd;
  background: #fff;
  width: 44px;
  height: 44px;
  padding: 12px;
}
#payroll .modal-controll .candidate-navigation .fal {
  color: #344054;
  font-weight: 500;
  font-size: 20px;
}
#payroll .modal-controll .prev-navigation {
  margin-left: 5rem;
}
#payroll .modal-controll .next-navigation {
  margin-right: 5rem;
}
/*=========================== payroll end =======================================*/
/*=============================================== carrier-settings start =====================================*/
.page-career-CareerSiteSettings .main-section-inner {
  padding: 0;
}
.career_settings {
  padding-left: 80px;
}
.get-started-btn-document .cereer_page .section,
.get-started-btn-document .cereer_page .section2 {
  padding: 50px 0px !important;
}
.career_settings {
  height: 100dvh;
  display: flex;
}
.career_settings_container {
  position: relative;
}
.career_settings {
  padding-top: 70px;
}
.career_settings_progress {
  background-color: transparent;
  height: 4px;
  border-radius: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.career_settings_progress .progress-bar {
  background-color: #f8e965;
}
.section_empty {
  height: 100%;
  display: flex;
  flex-flow: column;
}
.section_empty .section_empty_header {
  padding: 24px 32px;
  flex: 0 1 auto;
  padding: 24px 32px;
}
.section_empty .section_empty_header h2 {
  margin-top: 0;
  margin-bottom: 4px;
}
.career_settings .header_md,
.career_settings .header_sm,
.career_settings .header_lg {
  color: #101828;
}
.career_settings .header_md {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}
.career_settings .header_sm {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.career_settings .header_lg {
  font-size: 32px;
  font-weight: 600;
  line-height: 40px;
  letter-spacing: -0.64px;
}
.career_settings .header_p_md,
.career_settings .header_p_lg {
  color: #475467;
}
.career_settings .header_p_md {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.career_settings .header_p_lg {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.section_empty_body {
  flex: 1 1 auto;
}
.section_empty_body .empty_body_content {
  height: 100%;
  max-width: 560px;
  padding: 15px;
  width: 100%;
  margin: auto;
  background-image: url(../images//career-setting/background-pattern.svg);
  background-repeat: no-repeat;
  background-position: center 20%;
  background-size: 480px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.canfigure_body {
  padding: 22px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
}
.canfigure_body button.configure_btn {
  padding: 10px 16px;
  font-size: 16px !important;
  line-height: 24px;
  height: 44px;
}
.canfigure_body .canfigure_body_content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
}
.icon_outer_md {
  border-radius: 10px;
  border: 1px solid #eaecf0;
  background: #fff;
  padding: 12px;
  width: fit-content;
}
.icon_outer_md img {
  width: 24px;
}
.canfigure_body .canfigure_text {
  max-width: 352px;
}
.canfigure_body .canfigure_text .header_sm {
  margin-bottom: 4px;
  color: #101828;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.get-started-btn-document .dash-sidebar {
  display: none;
}
.get-started-btn-document .career_settings {
  padding-left: 0px;
}
/* ------ 2 ------ */
.career_section_welcome {
  padding: 16px;
  display: flex;
  height: 100%;
}
.career_section_welcome .welcome_content {
  padding: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
}
.career_section_welcome .welcome_content_inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.career_section_welcome .welcome_content_inner .content_inner {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.content_inner .welcome_badge {
  border-radius: 16px;
  border: 1px solid #d5d9eb;
  background: #f8f9fc;
  padding: 4px 12px;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0;
}
.content_inner .welcome_badge img {
  height: 14px;
}
.content_inner .welcome_badge p {
  color: #363f72;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin: 0;
}
.career_section_welcome .welcome_content_inner .welcome_button {
  display: flex;
  gap: 16px;
}
.career_section_welcome .welcome_content_inner .welcome_button .btn {
  font-size: 16px !important;
  height: 48px;
  padding: 12px 18px;
}
.career_section_welcome .welcome_content_inner .welcome_button .white_btn {
  color: #344054;
}
.career_section_welcome .welcome_content_image {
  border-radius: 16px;
  background: #f2f4f7;
  height: 100%;
  width: 50%;
}
.career_section_welcome .welcome_content_image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: top;
  padding-top: 40px;
}
/* ------ 3 ------ */
.section_build_brand {
  height: 100%;
  display: flex;
  flex-flow: column;
}
.section_build_brand .brand_content {
  flex: 1 1 auto;
}
.section_build_brand .brand_footer {
  flex: 0 1 auto;
  padding: 20px 32px;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #eaecf0;
}
.section_build_brand .brand_footer button {
  padding: 8px 14px;
}
.section_build_brand .brand_footer .continue_btn_wrapper {
  display: flex;
  gap: 12px;
}
.section_build_brand .brand_footer button.later-btn {
  background: transparent;
  border: none;
  color: #475467;
}
.section_build_brand .brand_content {
  display: flex;
  justify-content: center;
  align-items: center;
}
.section_build_brand .brand_content_inner {
  width: 100%;
  max-width: 430px;
  margin: 0 auto;
  padding: 15px;
}
.section_build_brand ul.nav-pills {
  padding-top: 40px;
  margin-bottom: 40px;
  gap: 12px;
  flex-wrap: nowrap;
  border-bottom: 1px solid var(--Gray-200, #eaecf0);
}
.section_build_brand ul.nav-pills li.nav-item {
  width: 50%;
}
.section_build_brand ul.nav-pills li.nav-item button.nav-link {
  width: 100%;
  padding: 0px 8px 12px 8px;
  color: #667085;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  border: none;
  border-bottom: 2px solid transparent;
  background-color: transparent;
  border-radius: 0;
  cursor: pointer;
}
.section_build_brand ul.nav-pills li.nav-item button.nav-link.active,
.section_build_brand ul.nav-pills li.nav-item button.nav-link:hover {
  color: #182230;
  border-bottom: 2px solid #182230;
}
.section_build_brand .tab-content label {
  color: #344054;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 6px;
}
.section_build_brand .tab-content label.upload-logo-label {
  pointer-events: none;
}
.section_build_brand .tab-content .form_item .form_item_note {
  color: #475467;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-top: 6px;
  margin-bottom: 0;
}
.section_build_brand .tab-content .form_item input {
  border-radius: 8px;
  border: 1px solid #d0d5dd;
  background: #fff;
  padding: 10px 12px;
  overflow: hidden;
  color: #101828;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  width: 100%;
  transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
.section_build_brand .tab-content .form_item input:focus-visible {
  outline: none;
  box-shadow: 0px 0px 0px 4px rgba(152, 162, 179, 0.14);
  border-color: #d0d5dd;
}
.section_build_brand .tab-content .form_item input::placeholder {
  color: #667085;
}
.section_build_brand .tab-content .import_btn {
  padding-top: 12px;
}
.manual_edit_content {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.upload_logo {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.upload_logo .upload_logo_inner {
  display: flex;
  gap: 20px;
  align-items: center;
}
.upload_logo .upload_logo_inner .upload_logo_preview {
  border-radius: 12px;
  border: 1px solid #eaecf0;
  background: #fff;
  width: 86px;
  height: 86px;
  overflow: hidden;
}
.add-new-company-dropdown .dash-head-link {
  margin-right: 16px;
  margin-left: 16px;
}
.upload_logo .upload_logo_inner .upload_logo_preview img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  overflow: hidden;
}
.upload_logo .upload_logo_right {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.left-siderbar-text-editor .upload_logo .upload_logo_right {
  width: 70%;
}
.upload_logo .upload_logo_right .upload_logo_btn_div {
  display: flex;
  gap: 8px;
}
.section-bg-edit-all #visible_options {
  height: 77vh;
  overflow-y: auto;
  overflow-x: hidden;
}
.upload_logo .upload_logo_btn input {
  display: none;
}
.upload_logo .upload_logo_btn label:hover,
.upload_logo .upload_logo_btn_div .trash_btn:hover {
  box-shadow: 0px 0px 0px 4px rgba(152, 162, 179, 0.14);
  border-color: #d0d5dd;
}
.upload_logo .upload_logo_btn label {
  border-radius: 8px;
  border: 1px solid #d0d5dd;
  background: #fff;
  padding: 8px 12px;
  margin-bottom: 0 !important;
  cursor: pointer;
  transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
.upload_logo .upload_logo_btn_div .trash_btn {
  padding: 8px;
  display: flex;
  border-radius: 8px;
  border: 1px solid transparent;
  background: transparent;
  cursor: pointer;
  transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
.upload_logo .upload_logo_btn_div .trash_btn img {
  height: 20px;
  cursor: pointer;
}
.upload_logo .upload_logo_right p {
  color: #667085;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 0;
}
.brand_content_inner .upload_logo .upload_logo_right p {
  width: 295px;
}
.manual_edit_content .color_picker_form_item {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-top: 40px;
}
.template .template_content_inner {
  width: 100%;
  max-width: fit-content;
  margin: 0 auto;
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.template .tamplate_list {
  margin: 0;
  display: flex;
  gap: 16px;
}
.template .template_item {
  width: 320px;
  border-radius: 8px;
  border: 1px solid #eaecf0;
  background: #fff;
  overflow: hidden;
  box-shadow: none;
  transition: box-shadow 0.5s ease;
  box-shadow:
    0px 1px 2px 0px rgba(16, 24, 40, 0.05),
    0px 0px 0px 4px rgba(152, 162, 179, 0.14);
}
.template .template_item.disabled {
  box-shadow: none;
}
.template .template_item.checked {
  box-shadow:
    0px 1px 2px 0px rgba(16, 24, 40, 0.05),
    0px 0px 0px 4px rgba(152, 162, 179, 0.14);
}
.template .template_item .template_item_img {
  padding: 16px;
  position: relative;
  overflow: hidden;
}
.template .template_item .template_item_img:hover .template_item_img_preview {
  opacity: 1;
  visibility: visible;
}
.template_item_img_preview .white_btn {
  display: flex;
  align-items: center;
  gap: 4px;
}
.template_item_img_preview .white_btn img {
  width: 20px;
  height: 20px;
}
.template .template_item .template_item_img_preview {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgb(0 0 0 / 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.3s ease-in-out,
    visibility 0.3s ease-in-out;
}
.template .template_item .template_item_img_preview .disabled_text {
  display: none;
  color: #344054;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin: 0;
}
.template .template_item .template_item_img_preview button {
  display: flex;
  display: flex;
  align-items: center;
  gap: 6px;
  height: 38px;
  color: #344054;
}
.template .template_item .template_item_img > img {
  width: 100%;
  border-radius: 4px;
}
.template .template_item .template_item_chackbox {
  padding: 16px;
  border-top: 1px solid #eaecf0;
  pointer-events: none;
}
.template .template_item .template_item_chackbox .search-as {
  width: 100%;
  position: unset;
  transform: unset;
  box-shadow: unset;
  padding: 0;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.template .template_item .template_item_chackbox .search-as label {
  color: #344054;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.template .template_item.disabled .template_item_img_preview {
  opacity: 1;
  visibility: visible;
  background: rgb(255 255 255 / 0.7);
  pointer-events: none;
}
.template .template_item.disabled .template_item_img_preview button {
  display: none;
}
.template .template_item.disabled .template_item_img_preview .disabled_text {
  display: block;
}
.template .template_item.disabled .template_item_chackbox .check-item {
  background: #f9fafb;
  border-color: #f2f4f7;
  pointer-events: none;
}
.template .template_item.disabled .template_item_chackbox .check-item::before {
  background-image: none;
}
.search-as input[type="checkbox"]:checked {
  background-color: #475467;
  border: 1px solid #475467;
  opacity: 1;
}
.search-as input[type="checkbox"] {
  position: relative;
  border: 1px solid #d0d5dd;
  border-radius: 4px;
  background: none;
  cursor: pointer;
  outline: 0;
  vertical-align: text-top;
  height: 16px;
  width: 16px;
  -webkit-appearance: none;
}
.search-as input[type="checkbox"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  background-image: url("../images/applicants/check.svg");
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: center;
  width: 16px;
  height: 16px;
  z-index: 2;
  opacity: 1;
}
.template_item_chackbox .search-as input[type="checkbox"]::before {
  top: -1px;
}
.visually-hidden {
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  position: absolute !important;
}
.color_picker_form_item input::-webkit-color-swatch {
  border: 0;
}
.color_picker_form_item input::-webkit-color-swatch-wrapper {
  padding: 0;
}
.customColorInput {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
  padding: 10px 16px;
  border: 2px solid rgba(255, 255, 255, 0.35);
  border-radius: 12px;
  overflow: hidden;
}
.customColorInput.isReadOnly {
  cursor: not-allowed;
}
.customColorInput.isReadOnly > input[type="text"] {
  cursor: inherit;
  filter: contrast(0);
}
.customColorInput.isReadOnly > input[type="color"] {
  pointer-events: none;
  cursor: inherit;
}
.customColorInput__text-input {
  max-width: calc(100% - 24px);
  flex-grow: 1;
  order: 1;
  padding: 0;
  background: transparent;
  border: 0;
  font-size: 16px;
  line-height: 1;
  color: white;
}
.customColorInput__text-input:focus {
  outline: none;
}
.customColorInput .invalid-feedback {
  order: 3;
}
.section_build_brand
  .tab-content
  .form_item
  input.customColorInput__select-input {
  flex-shrink: 0;
  order: 2;
  width: 20px;
  height: 20px !important;
  padding: 0;
  border: 0;
  border-radius: 100%;
  overflow: hidden;
  cursor: pointer;
  position: absolute;
  left: 12px;
  top: 39px;
  margin-bottom: 25px;
}
.customColorInput::-webkit-color-swatch-wrapper {
  padding: 0;
}
.section_build_brand
  .tab-content
  .color_picker_form_item
  .form_item
  input[type="text"] {
  padding-left: 40px;
}
.color_picker_form_item .form_item {
  position: relative;
}
#rgbPicker {
  display: none;
}
.rgbPickerClass {
  display: none;
}
.color_picker_form_item .dropper-images {
  position: absolute;
  top: 39px;
  right: 35px;
  cursor: pointer;
}
.get-started-btn-document .dash-header .header-wrapper {
  justify-content: space-between;
}
.get-started-btn-document .career-setting-logo {
  display: flex !important;
}
.mobile
  .right-siderbar-text-save
  .current_openings_job
  .current_openings_inner
  .tab-pane
  ul
  a.list_item {
  padding: 24px 0px;
  gap: 16px;
  flex-direction: column;
}
.right-siderbar-text-save
  .current_openings_job
  .current_openings_inner
  .list_item
  .item_right
  h3 {
  font-size: 15px;
}
.right-siderbar-text-save {
  background: #f9fafb;
  align-self: stretch;
  padding: 40px;
  width: 100%;
}
.right-siderbar-text-save .about_career .about_career_text ul li img {
  width: 20px;
}
.right-siderbar-text-save .about_career .about_career_text ul li img {
  margin-top: 4px;
}
.right-siderbar-text-save .right-side-desktop-mobile {
  pointer-events: none;
  background: #fff;
}
.edit-checkbox-all .right-siderbar-text-save .right-side-desktop-mobile {
  margin-bottom: 10rem;
}
.section-bg-hero label,
.section-bg-hero .images-size {
  color: #344054;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.section-bg-hero .images-size {
  font-weight: 400;
  color: #475467;
}
.section-bg-hero {
  display: flex;
  padding: 16px 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex: 1 0 0;
  align-self: stretch;
  width: 460px;
}
.section-bg-edit-all {
  width: 460px;
}

.Description-uplaod.ctr-section {
  display: block;
  line-height: 0;
  width: 100%;
}
.section-bg-hero .titlte-upload .form-control {
  height: 40px !important;
  padding: 10px 12px;
  overflow: hidden;
  color: #101828;
  text-overflow: ellipsis;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  border-radius: 8px;
}
.Description-uplaod .text-form-control:focus-visible,
.Description-uplaod .text-form-control:focus {
  outline: 0px;
}
.get-started-btn-document #header {
  position: inherit;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 9px;
}
.Description-uplaod .text-form-control {
  padding: 12px;
  color: #101828;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  border-radius: 8px;
  border: 1px solid #d0d5dd;
  background: #fff;
  width: 100%;
}
.input-file-uplaod {
  cursor: pointer;
  position: absolute;
  top: 28px;
  bottom: 28px;
  left: 0;
  right: 0;
  overflow: hidden;
  border-radius: 8px;
}
.standalone-career .video-upload-images .input-file-uplaod {
  background-position: center;
}
.input-file-uplaod .canp-input-section {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0;
  right: 0px;
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.5) 0%,
    rgba(0, 0, 0, 0.5) 100%
  );
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  opacity: 0;
  visibility: hidden;
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  overflow: hidden;
  border-radius: 8px;
}
.input-file-uplaod:hover .canp-input-section {
  opacity: 1;
  visibility: visible;
}
.about-bg .input-file-uplaod {
  bottom: 0px;
}
.input-file-uplaod .canv-input {
  position: absolute;
  top: 0px;
  bottom: 0px;
  overflow: hidden;
  border-radius: 8px;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: 1;
  opacity: 0;
  cursor: pointer;
}
.carrier-settings-hero .creer_home {
  min-height: 630px;
}
.carrier-settings-hero .brand_footer {
  flex: 0 1 auto;
  padding: 20px 32px;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #eaecf0;
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  background: #fff;
  z-index: 9;
}
.brand_footer_tab .btn-icon-mo {
  display: flex;
  padding: 8px;
  align-items: center;
  gap: 4px;
  color: #667085;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  border: none;
  border-radius: 99px;
  background: #fff;
  cursor: pointer;
}
.brand_footer_tab .btn-icon-mo.active {
  border-radius: 99px;
  background: #f8e965;
  color: #101828;
}
.get-started-btn-document .upload_resume_inner_left {
  width: 85%;
}
.brand_footer_tab .btn-icon-mo.active img {
  filter: brightness(0.5);
}
.brand_footer_tab {
  border-radius: 99px;
  border: 1px solid #eaecf0;
  background: #fff;
  display: inline-flex;
  padding: 6px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  box-shadow:
    0px 12px 16px -4px rgba(16, 24, 40, 0.08),
    0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  position: fixed;
  z-index: 99;
  bottom: 7rem;
  left: 58%;
}
.career-home-pag {
  /*         filter: blur(3px); */
  opacity: 0.2;
  background: #fff;
}
.mobile.get-started-btn-document .upload_resume_inner_left {
  width: auto;
  text-align: center;
}
.mobile.get-started-btn-document .upload_resume_inner_right,
.mobile .right-siderbar-text-save button.upload_resume {
  width: 100%;
}
.mobile .right-siderbar-text-save .work_with_us_card .work_with_us_card_item {
  padding: 24px;
}
.get-started-btn-document .sub_title.video_desc,
.get-started-btn-document .sub_title.benefits_desc,
.get-started-btn-document .about_career .about_career_text p {
  font-size: 1vw;
  line-height: 1.5;
  word-break: break-word;
}
.get-started-btn-document.mobile .sub_title.video_desc,
.get-started-btn-document.mobile .sub_title.benefits_desc,
.get-started-btn-document.mobile .about_career .about_career_text p,
.get-started-btn-document.mobile .work_with_us_card .card_text_1 h6 {
  font-size: 18px;
}
.get-started-btn-document.mobile .card_text_1 p {
  font-size: 16px;
}
.get-started-btn-document .card_text_1 p {
  font-size: 0.85vw;
}
.get-started-btn-document .about_career .about_career_text p {
  margin-bottom: 12px;
}
.get-started-btn-document .about_career .about_career_text .about_desc {
  margin-top: 0px;
}
.get-started-btn-document .upload_resume_container .upload_resume_inner_left h3,
.get-started-btn-document
  .faq_accordion
  .accordion-item
  .accordion-header
  .accordion-button
  h3 {
  font-weight: 600;
  font-size: 1.042vw;
  line-height: 1.3;
}
.get-started-btn-document .work_with_us_card .card_text_1 h6 {
  font-weight: 500;
  line-height: 1.3;
  font-size: 1vw;
}
.get-started-btn-document .about_career .about_career_text ul li {
  margin-bottom: 0px;
}
.get-started-btn-document .upload_resume_container .upload_resume_inner_left p,
.get-started-btn-document .faq_accordion .accordion-body p {
  font-weight: 400;
  font-size: 1vw;
  line-height: 1.3;
}
.mobile.get-started-btn-document
  .upload_resume_inner_right
  .yellow_btn.upload_resume {
  width: 100%;
  justify-content: center;
}
.career-home-pag.active {
  filter: none;
  opacity: 1;
}
.get-started-btn-document .Map_Container #map img[alt="Google"],
.get-started-btn-document
  .Map_Container
  #map
  .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom {
  display: none;
}
.video-upload-images .input-file-uplaod {
  bottom: 0;
}
.no-changes-allowed {
  color: #98a2b3;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  position: absolute;
  top: 50%;
}
.section-bg-hero.allowed-section {
  text-align: center;
  align-items: center;
  justify-content: center;
  height: 80vh;
}
.Description-uplaod.ctr-section label {
  margin-bottom: 8px;
}
.select-benefits .section-div-benefits {
  display: flex;
  padding: 16px;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  border-radius: 12px;
  border: 1px solid #eaecf0;
}
.select-benefits .section-div-benefits .checkbox {
  margin-top: -3px;
}
.select-benefits .checkbox input[type="checkbox"] {
  position: relative;
  border: 1px solid #d0d5dd;
  border-radius: 4px;
  background: none;
  cursor: pointer;
  outline: 0;
  height: 16px;
  width: 16px;
  -webkit-appearance: none;
}
.select-benefits .checkbox input[type="checkbox"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  background-image: url("../images/applicants/check.svg");
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: center;
  width: 16px;
  height: 16px;
  z-index: 2;
}
.select-benefits .checkbox input[type="checkbox"]:checked {
  background-color: #475467;
  border: 1px solid #475467;
  opacity: 1;
}
.select-benefits .healthcare h6 {
  color: #344054;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.select-benefits .healthcare p {
  overflow: hidden;
  color: #667085;
  text-overflow: ellipsis;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.titlte-upload.position-relative#req_input {
  display: flex;
  gap: 16px;
}
.titlte-upload.position-relative .form-control {
  padding-left: 2.2rem !important;
}
.titlte-upload.position-relative#req_input .position-imga {
  top: 47px;
}
.titlte-upload.position-relative.required_inp .position-imga {
  top: 9px !important;
}
.titlte-upload.position-relative.required_inp.first_location .position-imga {
  top: 45px !important;
}
.titlte-upload.position-relative .position-imga {
  width: 20px;
  position: absolute;
  top: 38px;
  left: 10px;
}
.right-side-desktop-mobile .about_career .about_career_text {
  margin-top: 15px;
}
.add_more_location .add_input {
  color: #175cd3;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  text-decoration: none;
}
#faq_form .add_more_location:nth-child(n + 7) .add_input {
  color: #ddd;
  pointer-events: none;
}
#faq_form .add_more_location:nth-child(n + 7) .position-imga {
  filter: grayscale(100%);
  opacity: 0.5;
  pointer-events: none;
}
.titlte-upload .contact-invalid.invalid-feedback {
  margin-top: -10px;
}
.required_inp .inputRemove {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.required_inp .input-flex {
  display: flex;
  gap: 8px;
  align-items: center;
}
.all-section-career {
  position: sticky;
  top: 70px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 20px;
  /*     height: 11%; */
  width: 460px;
}
.is-mark-opned {
  color: #175cd3;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.mobile .right-side-desktop-mobile {
  width: 100%;
  max-width: 400px;
  margin: auto;
}
.mobile.get-started-btn-document .cereer_page .section,
.get-started-btn-document .cereer_page .section2 {
  padding: 50px 15px !important;
}
.mobile.get-started-btn-document #header {
  padding-left: 16px;
  padding-right: 16px;
  top: 10px;
}
.right-side-desktop-mobile
  .faq_accordion
  .accordion-item
  .accordion-header
  .accordion-button
  h3 {
  text-align: left;
  width: 100%;
}
.page-karriere-company-hero .right-side-desktop-mobile .job-detail-logo {
  object-fit: contain;
  overflow: visible;
  width: 153px;
  height: 32px;
}
.page-karriere-company-hero .right-side-desktop-mobile .logo-head {
  width: 152px !important;
  height: 40px !important;
  display: flex;
  align-items: flex-start;
}
.mobile .creer_home .creer_home_btn {
  flex-direction: column-reverse;
}
.standalone-career .testimonials_career_item > p {
  min-height: fit-content;
}
.recent-jobs-checkbox.checkbox-hero-edit {
  pointer-events: none;
}
.mobile .creer_home .creer_home_btn .white_btn {
  justify-content: center;
}
.mobile.home-page-careersite .creer_home_content {
  padding: 0px 16px;
}
.home-map-details-edit {
  background: #fff;
  width: 320px;
  height: 268px;
  padding: 12px;
  position: relative;
  border-radius: 8px;
  border: 1px solid #eaecf0;
  overflow: hidden;
}
.right-siderbar-text-save
  .career_faq
  .faq-forech-accrodion
  .faq_accordion:last-child {
  border-bottom: 0px solid #eaecf0;
}
.page-welcome-settings-company {
  overflow: hidden;
}
.homepage-serch {
  align-items: center;
  justify-content: space-between;
  display: flex;
  padding: 4px 4px 4px 12px;
  position: absolute;
  bottom: 0;
  width: 100%;
  border-top: 1px #eaecf0 solid;
  left: 0;
  background: #fff;
}
.homepage-serch h6 {
  margin-bottom: 0px;
}
.homepage-serch .button-data {
  border: none;
  background: transparent;
  cursor: pointer;
  border-radius: 8px;
  padding: 8px;
}
.homepage-serch .btn-group.show .button-data {
  background: #f9fafb;
}
.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: transparent;
}
.homepage-serch .dropdown-item {
  padding: 8px;
  background-color: transparent;
}
.homepage-serch .dropdown-menu.show {
  display: flex;
  padding: 4px;
  align-items: center;
  gap: 4px;
  min-width: max-content;
  border-radius: 8px;
  border: 1px#EAECF0 solid;
  background: #fff;
  box-shadow:
    0px 4px 8px -2px rgba(16, 24, 40, 0.08),
    0px 1px 2px -2px rgba(16, 24, 40, 0.03);
  margin-top: 0;
  top: -6px !important;
  left: -2.8rem !important;
  transform: translate3d(0px, -50px, 0px) !important;
}
.label-edit-warp .copy-text.active {
  box-shadow: 0px 0px 0px 4px rgba(152, 162, 179, 0.14);
  border-radius: 12px;
}
.profile_content .right_div .label-edit-warp .copy-text input:focus {
  box-shadow: none;
}
.homepage-serch.v2 .dropdown-menu.show,
.homepage-serch.v3 .dropdown-menu.show {
  left: -0.59rem !important;
}
.right-div-edit-carrer {
  display: flex;
  width: 752px;
  align-items: flex-end;
  gap: 16px;
}
.label-edit-warp {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 430px;
  align-self: stretch;
}
.edit-warp-profile h6 {
  color: #101828;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  margin-bottom: 4px;
  line-height: 24px;
}
.edit-warp-profile {
  padding-bottom: 24px;
}
.edit-warp-profile p {
  color: #475467;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  white-space: nowrap;
}
.label-edit-warp .copy-text {
  width: 100%;
  display: flex;
  align-items: center;
}
.label-edit-warp .custom-domain-form {
  width: 414px;
}
.dark-car-ed .copy-text button {
  position: relative;
  cursor: pointer;
}
.label-edit-warp .copy-text button,
.copy-text-welcome .copy-text button {
  white-space: nowrap;
  height: 40px;
  width: 120px;
  border: 1px #d0d5dd solid;
  background: transparent;
  border-radius: 0px 8px 8px 0px;
  cursor: pointer;
  color: #344054;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}
.label-edit-warp .copy-text .form-control,
.copy-text-welcome .copy-text .form-control,
.dark-car-ed .copy-text .form-control {
  border-radius: 8px 0px 0px 8px;
  border-right: 0;
  background: #f9fafb;
}
.label-edit-warp .copy-text button::before,
.copy-text-welcome .copy-text button::before,
.dark-car-ed .copy-text button::before {
  content: "Kopieret";
  position: absolute;
  top: -45px;
  right: -4px;
  background: #101828;
  padding: 8px 10px;
  border-radius: 20px;
  font-size: 14px;
  display: none;
  line-height: 20px;
  font-weight: 400;
  color: #fff;
}
.label-edit-warp .copy-text button::after,
.copy-text-welcome .copy-text button::after,
.dark-car-ed .copy-text button::after {
  content: "";
  position: absolute;
  top: -16px;
  right: 25px;
  width: 10px;
  height: 10px;
  background: #101828;
  transform: rotate(45deg);
  display: none;
}
.dark-car-ed .copy-text button::before {
  top: -44px;
  right: -28px;
}
.dark-car-ed .copy-text button::after {
  top: -13px;
  right: 3px;
}
.label-edit-warp .copy-text.active button::before,
.label-edit-warp .copy-text.active button::after,
.copy-text-welcome .copy-text.active button::before,
.copy-text-welcome .copy-text.active button::after,
.dark-car-ed .copy-text.active button::before,
.dark-car-ed .copy-text.active button::after {
  display: block;
}
.copy-text-edit-warp {
  display: flex;
  flex-direction: column;
  gap: 48px;
  width: 318px;
}
.copy-text-edit-warp .copt-edit-card {
  border-radius: 12px;
  display: flex;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  border: 1px dashed #d0d5dd;
  background: #f9fafb;
}
.light-ness {
  color: #475467;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  list-style: none;
  width: 110px;
}
.dark-car-ed {
  color: #101828;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  list-style: none;
  width: 170px;
}
.copt-edit-card ul {
  margin-bottom: 0px;
  margin-left: 0px;
  padding-left: 0;
  display: flex;
  align-items: center;
}
.label-edit-warp .copy-text .form-control {
  border-radius: 8px 0px 0px 8px;
  border-right: 0;
  background: #f9fafb;
}
.bg-transparent-copy {
  position: relative;
}
.bg-transparent-copy .tick-circle-img {
  position: absolute;
  right: 6.5rem;
}
.copu-text-dark {
  display: flex;
  align-items: center;
}
.profile_content .right_div .copt-edit-card .copu-text-dark .form-control,
.profile_content
  .right_div
  .copt-edit-card
  .copu-text-dark
  .form-control::placeholder {
  padding: inherit;
  height: auto !important;
  text-overflow: ellipsis;
  border-radius: 0;
}
.profile_content
  .right_div
  .copt-edit-card
  .copu-text-dark
  .form-control::-ms-input-placeholder {
  padding: inherit;
  height: auto !important;
  text-overflow: ellipsis;
}
.right-side-desktop-mobile .info_item {
  width: 33%;
}
.mobile .right-side-desktop-mobile .info_item {
  width: 100%;
}
.copu-text-dark .form-control {
  font-weight: 500 !important;
}
.profile_content .right_div .copu-text-dark input:focus {
  box-shadow: none !important;
}
.edit-careet-wight .manual_edit_content .color_picker_form_item,
.color-d-flex-item {
  gap: 20px;
}
.section_build_brand.edit-careet-wight
  .tab-content
  .color_picker_form_item
  .form_item
  input {
  max-width: 100%;
}
.edit-careet-wight .color_picker_form_item .dropper-images {
  right: 15px;
}
.career-homepage-text {
  display: flex;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  background: #f9fafb;
  margin: 12px 16px 0px;
}
.gap-20 {
  gap: 20px;
}
.career-homepage-text .title {
  color: #344054;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.career-homepage-text .edit-arrow-down {
  display: flex;
  align-items: center;
  gap: 8px;
}
.career-homepage-text .edit-arrow-down img {
  width: 16px;
  height: 16px;
  margin-top: 2px;
}
.edit-section-career-all.all-section-career .checkbox-section {
  background: #fff;
  border-bottom: 1px solid #f2f4f7;
  padding: 0px;
}
.edit-section-career-all.all-section-career .section-bg-edit-all {
  width: 459px;
}
.edit-checkbox-all .career-home-pag {
  filter: none;
  opacity: 1;
}
.background-color-opacity .career-home-pag {
  opacity: 0.2;
}
.background-color-opacity .career-home-pag.active {
  opacity: 1;
}
.page-karriere-settings-company {
  overflow: hidden;
}
.career_faq .faq-forech-accrodion .faq_accordion {
  padding-bottom: 32px;
  border-bottom: 1px solid #eaecf0;
  margin-bottom: 24px;
}
.career_faq .faq-forech-accrodion .faq_accordion:last-child {
  border-bottom: 0px;
}
.career_faq .faq-forech-accrodion .faq_accordion:nth-child(1) {
  padding-top: 0px;
}
.checkbox-hero-edit input:checked + .slider {
  background-color: #f2f4f7;
}
.faq-forech-accrodion .faq_accordion .accordion-body {
  padding-top: 5px;
}
.right-side-desktop-mobile .about_career .about_career_text h2,
.right-side-desktop-mobile .current_openings_job .semibold_text_32,
.right-side-desktop-mobile .section_heading_career .heading_title {
  font-size: 1.042vw;
  line-height: 1.3;
  letter-spacing: -0.4px;
}
/*=============================================== carrier-settings start =====================================*/
.home-page-careersite .owl-dots .owl-dot:last-child {
  display: none;
}

.visually-hidden {
  width: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  position: absolute !important;
}
.color_picker_form_item input::-webkit-color-swatch {
  border: 0;
}
.color_picker_form_item input::-webkit-color-swatch-wrapper {
  padding: 0;
}
.customColorInput {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
  padding: 10px 16px;
  border: 2px solid rgba(255, 255, 255, 0.35);
  border-radius: 12px;
  overflow: hidden;
}
.customColorInput.isReadOnly {
  cursor: not-allowed;
}
.customColorInput.isReadOnly > input[type="text"] {
  cursor: inherit;
  filter: contrast(0);
}
.customColorInput.isReadOnly > input[type="color"] {
  pointer-events: none;
  cursor: inherit;
}
.customColorInput__text-input {
  max-width: calc(100% - 24px);
  flex-grow: 1;
  order: 1;
  padding: 0;
  background: transparent;
  border: 0;
  font-size: 16px;
  line-height: 1;
  color: white;
}
.customColorInput__text-input:focus {
  outline: none;
}
.customColorInput .invalid-feedback {
  order: 3;
}
.section_build_brand
  .tab-content
  .form_item
  input.customColorInput__select-input {
  flex-shrink: 0;
  order: 2;
  width: 20px;
  height: 20px;
  padding: 0;
  border: 0;
  border-radius: 100%;
  overflow: hidden;
  cursor: pointer;
  position: absolute;
  left: 12px;
  top: 39px;
  margin-bottom: 25px;
}
.customColorInput::-webkit-color-swatch-wrapper {
  padding: 0;
}
.section_build_brand
  .tab-content
  .color_picker_form_item
  .form_item
  input[type="text"] {
  padding-left: 40px;
  text-transform: uppercase;
}
.color_picker_form_item .form_item {
  position: relative;
}
#rgbPicker {
  display: none;
}
.rgbPickerClass {
  display: none;
}
.color_picker_form_item .dropper-images {
  position: absolute;
  top: 39px;
  right: 35px;
  cursor: pointer;
}
.get-started-btn-document .dash-header .header-wrapper {
  justify-content: space-between;
}
.get-started-btn-document .career-setting-logo {
  display: flex !important;
}
.main-section-inner .container.carrier-settings-hero {
  top: 70px;
  /*     padding-left: 30px; */
  margin-left: 0px;
}
.left-siderbar-text-editor {
  align-items: flex-start;
  gap: 16px;
  flex: 1 0 0;
  align-self: stretch;
  border-right: 1px solid #eaecf0;
  background: #fff;
  display: flex;
  width: 460px;
  flex-direction: column;
}
.right-side-desktop-mobile .creer_home .creer_home_btn button {
  height: 44px;
}
.right-side-desktop-mobile .career_footer .creer_footer_inner img {
  width: 154px;
  height: 32px;
  object-fit: contain;
}
.get-started-btn-document .todo_dropdown_main {
  display: none;
}
.all-section-career .checkbox-section .title {
  color: #667085;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.all-section-career .checkbox-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  display: flex;
  padding: 16px 24px;
  gap: 8px;
  align-self: stretch;
  border-bottom: 1px solid #eaecf0;
  background: #fcfcfd;
  position: sticky;
  top: 0px;
  z-index: 9;
}
.edit-checkbox-all .checkbox-section {
  position: inherit;
}
.all-section-career .section-bg-hero-scroll {
  height: 78vh;
  overflow-y: auto;
  overflow-x: hidden;
}
.section-bg-hero label,
.section-bg-hero .images-size {
  color: #344054;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.section-bg-hero .images-size {
  font-weight: 400;
  color: #475467;
}
.section-bg-hero canvas {
  height: 160px !important;
  border-radius: 8px;
  object-fit: cover;
  width: 100%;
}
.section-bg-hero {
  display: flex;
  padding: 16px 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex: 1 0 0;
  align-self: stretch;
}
.uplaod-bg-hero-images,
.titlte-upload,
.Description-uplaod {
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  width: 100%;
}
.standalone-login.get-started-btn-document .Description-uplaod .note-editable {
  height: 134px !important;
}
.section-bg-hero .titlte-upload .form-control {
  height: 40px !important;
  padding: 10px 12px;
  overflow: hidden;
  color: #101828;
  text-overflow: ellipsis;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  border-radius: 8px;
}
.Description-uplaod .text-form-control:focus-visible,
.Description-uplaod .text-form-control:focus {
  outline: 0px;
}
.get-started-btn-document #header {
  position: inherit;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 0px;
  top: 10px;
}
.Description-uplaod .text-form-control {
  padding: 12px;
  color: #101828;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  border-radius: 8px;
  border: 1px solid #d0d5dd;
  background: #fff;
  height: 94px;
}
.mobile .about_career .about_career_img,
.mobile .about_career .about_career_text {
  width: 100%;
  height: unset;
}
.mobile .about_career .about_career_img {
  height: 275px;
}
.mobile .work_with_us_card .work_with_us_card_item,
.mobile .looking_for_job .looking_for_job_text {
  width: 100%;
}
.mobile .section_heading_career {
  gap: 16px;
  flex-direction: column;
}
.mobile .section_heading_career.column {
  gap: 16px;
}
.mobile .section_heading_career .heading_title,
.mobile .section_heading_career .sub_title {
  width: 100%;
}
.mobile .hiring_proscess .hiring_proscess_inner .hiring_proscess_card {
  flex-wrap: wrap;
  margin: 0;
}
.mobile .testimonials_career_slider #owl-carousel .owl-nav button.owl-prev {
  left: 33%;
}
.mobile .testimonials_career_slider #owl-carousel .owl-nav button.owl-next {
  right: 33%;
}
.mobile .work_with_us_card .work_with_us_card_item,
.mobile .looking_for_job .looking_for_job_text {
  width: 100%;
}
.right-side-desktop-mobile
  .testimonials_career_slider
  #owl-carousel
  .owl-stage {
  display: flex;
}
.right-side-desktop-mobile
  .testimonials_career_slider
  #owl-carousel
  .owl-stage
  .owl-item {
  display: flex;
  flex: 1 0 auto;
  height: auto;
}
.right-side-desktop-mobile
  .testimonials_career_slider
  #owl-carousel
  .owl-stage
  .testimonials_career_item {
  height: 100%;
}
.right-side-desktop-mobile
  .testimonials_career_slider
  #owl-carousel
  .owl-stage
  .owl-item
  .item {
  width: 100%;
}
.mobile .career_footer .creer_footer_inner {
  gap: 48px;
  flex-direction: column;
  align-items: center;
}
.mobile .touch_with_us .touch_with_us_info {
  flex-direction: column;
}
.mobile .career_faq .career_faq_inner {
  gap: 48px;
}
.mobile .looking_for_job .looking_for_job_img {
  width: 100%;
  max-width: 280px;
  height: unset;
}
.mobile .about_career .about_career_content {
  flex-direction: column;
}
.mobile
  .right-side-desktop-mobile
  .hiring_proscess_card
  .hiring_proscess_card_item {
  width: 100%;
  padding: 24px 0px;
  border-bottom: 1px solid #eaecf0;
  border-right: 0;
  margin: 0;
}
.mobile .looking_for_job .looking_for_job_inner {
  padding: 24px;
  border-radius: 16px;
  flex-direction: column-reverse;
}
.page-karriere-company-hero.mobile .right-side-desktop-mobile .job-detail-logo {
  display: flex;
  margin-top: 4px;
}
.page-karriere-company-hero.mobile
  .right-side-desktop-mobile
  .standalone-career-logo {
  display: none;
}
.page-karriere-company-hero.mobile .creer_home {
  margin-top: -50px;
}
.mobile.home-page-careersite
  .hiring_proscess_card
  .hiring_proscess_card_item:first-child {
  padding-left: 0px;
}
.mobile .career-map-desktop,
.mobile .main-wrapper .navbar-collapse,
.mobile .navbar-toggler .hum-moblie {
  display: none !important;
}
.mobile.get-started-btn-document #header {
  justify-content: space-between;
}
.mobile .upload_resume_inner {
  gap: 32px;
  flex-direction: column;
  padding: 32px;
}
.mobile .career-map-mobile {
  display: block;
}
.mobile .navbar-expand-lg .navbar-toggler {
  display: flex !important;
  border: none;
  padding: 0px;
}
.section-bg-hero .accordion-header {
  margin: 0;
}
.section-bg-hero .accordion-item {
  border: 1px solid #eaecf0;
  border-radius: 12px;
  overflow: hidden;
}
.section-bg-hero .accordion-button {
  width: 100%;
  text-align: left;
  padding: 16px;
  display: flex;
  border: none;
  padding: 16px;
  align-items: center;
  gap: 16px;
  color: #344054;
  border-bottom: 0px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  background: #fff;
  cursor: pointer;
}
.section-bg-hero .accordion-button::after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  content: "";
  background-image: url("../images/career-setting/arrow-up.svg");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transform: rotate(-180deg);
  transition: transform 0.2s ease-in-out;
}
.section-bg-hero .accordion-button:not(.collapsed)::after {
  background-image: url("../images/career-setting/arrow-up.svg");
  transform: rotate(-360deg);
}
.section-bg-hero .accordion.accordion-flush {
  width: 100%;
}
.section-bg-hero .accordion-body {
  padding: 16px 0px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-top: 1px #eaecf0 solid;
  margin-left: 16px;
  margin-right: 16px;
}
.section-bg-hero .accordion-collapse {
  margin-top: 0px;
}
.remove-description {
  display: flex;
  align-items: center;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}
.remove-description span {
  color: #d92d20;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.right-side-desktop-mobile .hiring_proscess_card {
  width: 100%;
}
.right-side-desktop-mobile .hiring_proscess_card .hiring_proscess_card_item {
  width: 25%;
  padding: 0px 20px;
}
.congratulations-career {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100vh;
  justify-content: center;
  gap: 40px;
  width: 530px;
  margin: auto;
}
.right-side-desktop-mobile
  .career_video_section
  .career_video_inner
  .career_video {
  height: 650px;
}
.prfile-login p {
  max-width: 150px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.right-side-desktop-mobile .play-icon img {
  width: 75px;
}
.congratulations-career .check-ready {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
}
.congratulations-career .check-ready img {
  width: 48px;
}
.congratulations-career .check-ready h1 {
  color: #101828;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  margin-top: 0;
}
.copy-text-welcome label {
  color: #344054;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.copy-text-welcome {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  width: 400px;
}
.copy-text-welcome .copy-text {
  width: 100%;
  display: flex;
  align-items: center;
}
.copy-text-welcome .copy-text .form-control {
  border-radius: 8px 0px 0px 8px;
  border-right: 0;
  background: #f9fafb;
  height: 40px !important;
}
.copy-text-welcome .copy-text button {
  white-space: nowrap;
  height: 40px;
  width: 120px;
  border: 1px #d0d5dd solid;
  background: transparent;
  border-radius: 0px 8px 8px 0px;
  cursor: pointer;
  color: #344054;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}
.status .user-danger-fill {
  background-color: #b42318;
  border-color: #b42318;
  color: #fff;
}
.want-copy-welcome .copy-gap h6 {
  color: #101828;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 0px;
}
.want-copy-welcome .copy-gap p {
  color: #475467;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.want-copy-welcome .copy-gap p span {
  color: #101828;
  font-weight: 600;
}
.want-copy-welcome {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 16px;
  border-top: 1px #eaecf0 solid;
  padding-top: 40px;
  width: 400px;
}
.custom-domain-form .class-error {
  border: 1px solid;
  box-shadow: none !important;
}
.want-copy-welcome .copy-gap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: 400px;
}
.checkbox-edit-home {
  padding: 24px 16px 24px 24px;
  cursor: pointer;
}
.slider-switch-round,
.checkbox-edit-home .switch {
  pointer-events: all;
}
.recent-jobs-checkbox .checkbox-edit-home .switch {
  pointer-events: none;
}
.vsb-main button,
.multiselect-checkbox .vsb-main button {
  max-width: 100% !important;
}
.left-siderbar-text-editor .add-section-single .checkbox-section {
  padding: 16px 24px;
  background: #fcfcfd;
}
.get-started-btn-document p::-moz-selection,
.get-started-btn-document h2::-moz-selection,
.get-started-btn-document h1::-moz-selection,
.get-started-btn-document h3::-moz-selection,
.get-started-btn-document h6::-moz-selection,
.get-started-btn-document button::-moz-selection {
  color: inherit;
  background: transparent;
}
.get-started-btn-document p::selection,
.get-started-btn-document h2::selection,
.get-started-btn-document h1::selection,
.get-started-btn-document h3::selection,
.get-started-btn-document h6::selection,
.get-started-btn-document button::selection {
  color: inherit;
  background: transparent;
}
.back_edit_options {
  display: none;
  border: none;
  background: transparent;
  position: absolute;
  top: 18px;
  z-index: 99;
  cursor: pointer;
  left: 15px;
}
.titlte-upload .invalid-feedback,
.Description-uplaod .invalid-feedback {
  margin-top: -3px;
  font-size: 14px;
}
.back_edit_options img {
  width: 16px;
}
.cta_recruiter-warp .upload_logo .upload_logo_inner .upload_logo_preview {
  padding: 0px;
}
.cta_recruiter-warp .upload_logo .upload_logo_inner .upload_logo_preview img {
  border-radius: 12px;
  object-fit: contain;
}
.add-section-single .checkbox-section {
  position: relative;
}
.add-section-single .checkbox-section .title {
  padding-left: 1rem;
}
.add-section-single .back_edit_options {
  display: flex;
}
.right-side-desktop-mobile .testimonials_career_item .item_other_name > img {
  width: 40px !important;
  border-radius: 100%;
  height: 40px;
  object-fit: cover;
}
.right-side-desktop-mobile .looking_for_job .looking_for_job_text h2 {
  font-size: 20px;
  line-height: 25px;
  letter-spacing: -0.4px;
}
.right-side-desktop-mobile .looking_for_job .looking_for_job_text p {
  color: #475467;
  font-size: 12.5px;
  font-weight: 400;
  line-height: 18.75px;
}
.mobile .right-side-desktop-mobile .looking_for_job .looking_for_job_text p {
  font-size: 18px;
  line-height: 28px;
}
.mobile .right-side-desktop-mobile .looking_for_job .looking_for_job_text h2 {
  font-size: 28px;
  font-weight: 600;
  line-height: 38px;
}
.mobile
  .right-side-desktop-mobile
  .looking_for_job_btn.cta_recruiter-warp-vis
  .btn_icon.yellow_btn {
  justify-content: center;
}
.mobile
  .right-side-desktop-mobile
  .looking_for_job
  .looking_for_job_text
  .cta_recruiter-warp-vis.looking_for_job_btn {
  flex-direction: column;
}
.mobile .right-side-desktop-mobile .looking_for_job .looking_for_job_img img {
  width: 280px;
  height: 280px;
  border-radius: 100%;
  object-fit: cover;
  margin: auto;
}
.right-side-desktop-mobile .creer_home .creer_home_content h1 {
  font-size: 30px;
  font-weight: 600;
  line-height: 37.5px;
  letter-spacing: -0.6px;
  word-break: break-word;
}
.mobile .right-side-desktop-mobile .creer_home .creer_home_content h1 {
  font-size: 30px;
}
.mobile .career_footer .creer_footer_inner p {
  text-align: center;
}
#general-settings .manual_edit_content .color_picker_form_item {
  padding-top: 0px;
}
.mobile .right-side-desktop-mobile .creer_home .creer_home_content p {
  font-size: 16px;
  line-height: 24px;
}
.right-side-desktop-mobile .creer_home .creer_home_content p {
  font-size: 1vw;
  line-height: 1.3;
}
.mobile
  .right-side-desktop-mobile
  .testimonials_career_slider
  #owl-carousel
  .owl-stage
  .testimonials_career_item {
  width: 370px;
  overflow: hidden;
}
.mobile
  .right-side-desktop-mobile
  .testimonials_career_slider
  #owl-carousel
  .owl-stage
  .owl-item {
  width: 370px !important;
}
.right-siderbar-text-save {
  background: #f9fafb;
  align-self: stretch;
  padding: 40px;
}
/*=============================================== carrier-settings end =====================================*/
.progress-bar {
  height: 100%;
  width: 0%;
  background-color: #f8e965;
  transition: width 0.3s;
}
.get-started-btn-document .progress-container {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  height: 5px;
  margin: 20px 0;
  position: fixed;
  top: 50px;
  z-index: 9999;
}
/* ================================ notification Start ============================================================ */
.allNotification_tabs_tab {
  padding-top: 16px;
}
.allNotification_tabs_tab .allNotification_tabs {
  padding: 20px 0;
  border-bottom: 1px solid #eaecf0;
}
.page-notification .daterangepicker td.start-date.end-date {
  border-radius: 100%;
  color: #182230 !important;
  font-weight: 500;
}
.page-notification
  .daterangepicker.dropdown-menu.ltr.single.opensright.show-calendar:nth-child(
    even
  ) {
  left: auto !important;
  right: 2rem !important;
}
.page-notification .daterangepicker.dropdown-menu {
  width: auto;
  border-radius: 12px;
  border: 1px solid #eaecf0;
  background: #fff;
  box-shadow:
    0px 20px 24px -4px rgba(16, 24, 40, 0.08),
    0px 8px 8px -4px rgba(16, 24, 40, 0.03);
}
.page-notification .daterangepicker .calendar th,
.page-notification .daterangepicker .calendar td {
  white-space: nowrap;
  text-align: center;
  min-width: 36px;
  color: #344054;
  font-weight: 400;
  padding: 8px;
}
.page-notification .daterangepicker .calendar th {
  font-weight: 500;
}
.page-notification .daterangepicker .calendar th.month {
  font-weight: 600;
}
.page-notification .daterangepicker td.off,
.page-notification .daterangepicker td.off.in-range,
.page-notification .daterangepicker td.off.start-date,
.page-notification .daterangepicker td.off.end-date {
  color: #98a2b3 !important;
}
.page-notification .daterangepicker .calendar th,
.page-notification .daterangepicker .calendar td {
  font-size: 14px;
}
.page-notification .daterangepicker.ltr .calendar.left .calendar-table {
  padding-right: 4px;
}
.page-notification .daterangepicker.ltr .calendar.left {
  margin-right: 4px;
}
/* .translated-ltr .page-notification .daterangepicker.ltr .table-condensed  thead tr th:nth-child(1) font font,
.translated-ltr .page-notification .daterangepicker.ltr .table-condensed  thead tr th:nth-child(3) font font{
font-size: 0;
}
.translated-ltr .page-notification .daterangepicker.ltr .table-condensed  thead tr th:nth-child(1) font font:before{
content: "Su";
font-size: 14px;
}
.translated-ltr .page-notification .daterangepicker.ltr .table-condensed  thead tr th:nth-child(3) font font:before{
content: "Tu";
font-size: 14px;
} */
.allNotification_tabs_tab .allNotification_tabs:first-child {
  padding-top: 0;
}
.allNotification_tabs_tab .allNotification_tabs:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.allNotification_tabs_tab .allNotification_tabs {
  display: flex;
  gap: 32px;
}
.allNotification_tabs .allNotification_tabs_date {
  width: 100%;
  max-width: 150px;
}
.allNotification_tabs .allNotification_tabs_date p {
  color: #344054;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin: 0;
}
.allNotification_tabs .allNotification_tabs_content ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.allNotification_tabs
  .allNotification_tabs_content
  ul
  li:first-child
  .allNotification_tabs_item {
  padding-top: 0;
}
.allNotification_tabs_item {
  display: flex;
  gap: 10px;
  padding: 16px;
}
.allNotification_tabs_item .allNotification_tabs_item_img img {
  width: 48px;
}
.allNotification_tabs .allNotification_item_content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.allNotification_tabs .allNotification_item_content .item_header .item_title {
  display: flex;
  gap: 12px;
  align-items: center;
}
.allNotification_tabs
  .allNotification_item_content
  .item_header
  .item_title
  h3 {
  color: #344054;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin: 0;
  opacity: 0.7;
}
.allNotification_tabs .allNotification_item_content .item_header p {
  color: #475467;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
  opacity: 0.7;
}
.allNotification_tabs .allNotification_item_content .item_header p span {
  color: #101828;
  font-weight: 500;
  margin: 0;
  opacity: 0.7;
}
.allNotification_tabs
  .unread-notification
  .allNotification_item_content
  .item_header
  .item_title
  h3,
.allNotification_tabs
  .unread-notification
  .allNotification_item_content
  .item_header
  p,
.allNotification_tabs .allNotification_item_content .item_header p span {
  opacity: 1;
}
.allNotification_tabs .allNotification_item_content .item_header {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.allNotification_tabs .allNotification_item_content .item_btn_main {
  display: flex;
  gap: 16px;
}
.allNotification_tabs .allNotification_item_content .item_btn_main .read_btn {
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
  align-items: center;
  gap: 6px;
  border: none;
  box-shadow: none;
}
.allNotification_tabs
  .allNotification_item_content
  .item_btn_main
  .read_btn
  img {
  width: 16px;
}
.allNotification_tabs .allNotification_item_content .item_btn_main button {
  color: #344054;
}
.allNotification_tabs_item.read .allNotification_item_content .item_header {
  opacity: 0.5;
  pointer-events: none;
}
.allNotification_tabs_item.read .allNotification_item_content .read_btn {
  opacity: 0.5;
  pointer-events: none;
}
.notification_tab_nav {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #eaecf0;
  align-items: flex-start;
}
.notification_tab_nav .nav-tabs {
  border-bottom: none;
}
.notification_tab_nav .fliter_dropdown_notification .dropdown-toggle {
  padding: 3px 8px;
  display: flex;
  gap: 6px;
  border-radius: 6px;
  background: transparent;
  color: #475467;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  border: none;
  align-items: center;
  cursor: pointer;
}
.notification_tab_nav
  .fliter_dropdown_notification
  .dropdown-toggle[aria-expanded="true"] {
  background: #f2f4f7;
}
.notification_tab_nav .fliter_dropdown_notification .dropdown-toggle::after {
  display: none;
}
.notification_tab_nav .fliter_dropdown_notification .dropdown-menu {
  width: 392px;
  max-width: 392px;
  padding: 20px;
  border-radius: 12px;
  border: 1px solid #eaecf0;
  background: #fff;
  top: 30px;
  left: -18.5rem;
  box-shadow:
    0px 20px 24px -4px rgba(16, 24, 40, 0.08),
    0px 8px 8px -4px rgba(16, 24, 40, 0.03);
}
.page-notification .calendar .fa-chevron-left::before {
  content: url("../images/notifications/arrow-left-c.svg") !important;
}
.page-notification .calendar .fa-chevron-right::before {
  content: url("../images/notifications/chevron-right-c.svg") !important;
}
.page-notification .daterangepicker td.available:hover,
.page-notification .daterangepicker th.available:hover {
  background-color: transparent;
  border-color: transparent;
  color: inherit;
}
.page-notification
  .select2-container--default
  .select2-selection--single
  .select2-selection__placeholder {
  color: #667085 !important;
}
.fliter_dropdown_notification.active {
  padding: 0px 8px;
  border-radius: 6px;
  background: #f2f4f7;
}
.page-notification .slider {
  background-color: #f2f4f7;
}
.page-notification .select2-results__option .todo-span {
  justify-content: flex-start;
}
.fliter_dropdown_notification {
  position: relative;
}
.fliter_dropdown_notification .job_hading_filter.fliter_form {
  margin: 0 -6px;
  align-items: flex-end;
}
.fliter_dropdown_notification .job_applicants_Page {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.company_search .select2-selection--single {
  padding-left: 40px !important;
  background-image: url(../images/notifications/briefcase.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 12px 50%;
}
.company_search .filter_dropdown:not([dir]),
.select_candiate_main .filter_dropdown:not([dir]) {
  top: 100% !important;
}
.select_candiate_main .select2-selection__placeholder {
  padding-left: 28px !important;
  background-image: url(../images/meeting/user.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 0px 50%;
}
.select_candiate_main .select_candiate_img {
  width: 24px;
  border-radius: 24px;
  margin-right: 8px;
  object-fit: cover;
}
.fliter_dropdown_notification .job_applicants_Page .input_item_btn {
  gap: 8px;
}
.fliter_dropdown_notification .job_applicants_Page .input_item_btn .white_btn {
  color: #475467;
}
.fliter_dropdown_notification .job_applicants_Page .input_item_btn button {
  padding: 6px 12px;
  height: 36px;
}
.page-notification .select2-results__option .todo-span {
  color: #101828;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
}
.page-notification .data_inner p {
  padding-left: 8px;
}
.page-notification .select2-results__option .todo-span {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 332px;
}
.page-notification .select2-results__option .todo-span span img {
  width: 20px;
  height: 20px;
}
.Description-uplaod .note-editable {
  height: 134px !important;
}
.Description-uplaod .note-editor.note-frame {
  border: 1px solid #ced4da;
  overflow: hidden;
}
.Description-uplaod .note-editor.note-frame .note-statusbar .note-resizebar {
  cursor: ns-resize;
  display: none;
}
.Description-uplaod .note-editor .note-editable * {
  background-color: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-align: inherit;
}
.vsb-menu {
  border-radius: 12px !important;
}
.vsb-menu .multi li {
  padding: 10px 10px 10px 30px !important;
  border-radius: 6px;
  color: #101828;
  font-size: 14px !important;
  font-weight: 400;
  line-height: 20px;
}
.google-sign-up {
  position: relative;
}
.google-sign-up:hover .tooltip-google {
  opacity: 1;
  visibility: visible;
}
.google-sign-up .tooltip-google {
  background: #101828;
  padding: 12px;
  border-radius: 8px;
  position: absolute;
  top: 53px;
  width: max-content;
  left: 0rem;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  cursor: text;
  pointer-events: none;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
}
.google-sign-up .tooltip-google::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 50%;
  margin-left: 0px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent #101828 transparent;
}
.notification-container .page_title_div .page_hading {
  gap: 0px;
}
.notification-container .page_title_div .page-title {
  justify-content: space-between;
}
.notification-container .page_title_div .page-title .add_applicant_btn {
  display: flex;
  align-items: center;
  gap: 4px;
}
.notification-container .switch {
  color: #344054;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  white-space: nowrap;
  justify-content: flex-start;
  cursor: pointer;
}
.notification-container .switch-flex {
  gap: 120px;
}
.notification-container .switch-flex .switch input {
  display: block;
  margin-right: 30px;
}
.notification-container .input_item_btn {
  margin-top: 24px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}
.notifications-images-cal {
  position: absolute;
  top: 38px;
  left: 13px;
}
.notifications-position .form-control {
  padding-left: 2rem;
}
.notifications-position.not-pos .notifications-images-cal {
  top: 10px;
}
.header-wrapper .notifications-count-btn-dropdown .dropdown-menu {
  padding: 0;
  border: none;
  border-radius: 10px;
  width: 200px;
  margin-left: 0;
  margin-top: 8px;
  left: -8rem !important;
}
.timesheet-page-admin
  .header-wrapper
  .notifications-count-btn-dropdown
  .dropdown-menu {
  left: -12rem !important;
}
.header-wrapper .notifications-count-btn-dropdown .dropdown-item {
  padding: 9px 10px;
}
.header-wrapper .notifications-count-btn-dropdown .dropdown-item img {
  width: 16px;
  height: 16px;
}
.header-wrapper .notifications-count-btn-dropdown .dropdown-item.gap-8 {
  gap: 8px;
  color: #344054;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  line-height: 20px;
  align-items: center;
}
.header-wrapper .notifications-count-btn-dropdown .dropdown-item:active {
  color: #344054;
}
.white_btn.frame_btn.dropdown-toggle .contract-img {
  width: 26px;
}
.job_matches_table.applicants_detail_table
  .applicants_table
  .total_jobs
  .td-job
  .m-0 {
  width: 300px;
  white-space: break-spaces;
}
.page-notification .data_inner .loder-notification {
  text-align: center;
  padding: 10px;
  color: #475467;
  font-size: 14px;
  font-weight: 400;
}
.page-notification .daterangepicker::before,
.page-notification .daterangepicker::after {
  display: none;
}

/* ========================================================= notification end==================================== */
/*====================================================== to-do header  start ====================================================*/
.todo_dropdown_main .todo_dropdown_menu {
  width: 100%;
  top: 4.4rem;
  max-width: 390px;
  min-width: 390px;
  border: 1px solid #eaecf0;
  position: absolute;
  background: #fff;
  right: 2rem;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
  border-radius: 8px;
}
.add_time_date-imagesbg {
  border-radius: 8px;
  background: #fff;
  padding: 6px;
}
.add_time_date-imagesbg.active {
  background: #f9fafb;
}
.to-do-edit-pin,
.to-do-edit-pin-header {
  display: none;
  position: absolute;
  z-index: 2;
  right: -12px;
  top: 25px;
  gap: 4px;
  padding: 4px;
  border-radius: 8px;
  border: 1px solid #eaecf0;
  background: #fff;
  box-shadow:
    0px 4px 8px -2px rgba(16, 24, 40, 0.08),
    0px 1px 2px -2px rgba(16, 24, 40, 0.03);
}
/*================= hiral============ */
input[type="text"].hide-input-text {
  height: 0 !important;
  width: 0 !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent;
  opacity: 0 !important;
}
.header-assigned-todo-tab .to-do-edit-pin {
  display: none !important;
}
#headerTodoForm .select_applicant_edit_select {
  background-color: #f2f4f7 !important;
  border: none !important;
  border-radius: 5px;
  display: flex;
  padding: 4px;
  color: #444;
  line-height: 28px;
  font-size: 13px;
}
/*============================= */
.alone_todo_body:hover .to-do-edit-pin {
  display: flex;
}
.todo_item_body_hover:hover .to-do-edit-pin {
  display: flex;
}
.todo_item_content_collapse:hover .to-do-edit-pin-header {
  display: flex;
}
.to-do-edit-pin button,
.to-do-edit-pin-header button {
  border: none;
  background-color: transparent;
  padding: 0 8px;
  height: 32px;
  cursor: pointer;
  border-radius: 4px;
}
.select2-results__option .todo-span {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.select2-results__option .todo-span span {
  max-width: 165px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #101828;
}
.select2-results__option .todo-span span.email {
  max-width: 110px;
  color: #475467;
}
.todo_dropdown_main .todo_dropdown_btn {
  padding: 10px 14px;
  margin: 0 8px;
  border-radius: 8px;
  position: relative;
  font-weight: 500;
  position: relative;
  background-color: #fff;
  border-radius: 6px;
  height: 40px;
}
.header-todo-popup-new .add_person_btn.box-shadow button.active_btn {
  box-shadow: none;
}
.header-todo-popup-new .add_person_btn button.active img {
  width: 20px !important;
  height: 20px !important;
}
.header-todo-popup-new .btn-link:focus {
  text-decoration: none;
}
.header-todo-popup-new .company-add-to .add_person_btn .white_btn img {
  width: 20px;
  height: 20px;
}
.header-todo-popup-new input[type="text"].hide-input-text {
  display: none;
}
.todo_dropdown_main .todo_dropdown_btn.active {
  background: #f9fafb;
}
.todo_dropdown_main .todo_dropdown_btn .count,
.add-new-notification .notification .count {
  position: absolute;
  left: 50%;
  top: 6px;
  border: none;
  color: #fff;
  text-align: center;
  font-size: 10px;
  font-weight: 600;
  line-height: 10px;
  border-radius: 16px;
  border: 1.5px solid #fff;
  background: #ff4405;
  padding: 2px;
  min-width: 19px;
  height: 19px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.todo_dropdown_main .todo_dropdown_btn.active .count {
  border: 1.5px solid #f9fafb;
}
.todo_dropdown_main .todo_dropdown_btn img {
  min-width: 20px;
}
.todo_dropdown_main .dropdown_header {
  border-bottom: 1px solid #eaecf0;
}
.header-wrapper
  .add-new-notification
  .notification-content
  .todo_dropdown_menu_wrapper {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 86px);
}
.todo_dropdown_main .tab-content {
  display: flex;
}
.todo_dropdown_main .tab-content::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #eaecf0;
  border: 1.5px solid #eaecf0;
}
.todo_dropdown_main .tab-content::-webkit-scrollbar {
  width: 6px;
  height: 5px;
}
.todo_dropdown_main .tab-content::-webkit-scrollbar-track {
  background: transparent;
}
.todo_dropdown_main .dropdown_header .notification-total {
  padding: 16px;
  align-items: center;
}
.todo_dropdown_main .dropdown_header .notification-total .todo_add_new:hover {
  color: #175cd3 !important;
}
.todo_dropdown_main .dropdown_header .notification-total .notifications-count {
  display: flex;
  align-items: center;
}
.todo_dropdown_main .dropdown_header .todo_nav {
  display: flex;
  justify-content: space-between;
  padding: 0 16px;
}
.todo_dropdown_main .dropdown_header .todo_nav .nav-item:first-child {
  margin-left: 0px;
}
.todo_dropdown_main .dropdown_header .todo_nav .nav-item {
  padding: 0px 8px 12px 8px;
}
.todo_list .todo_item_header {
  background: #f9fafb;
  padding: 10px 16px;
  display: flex;
  justify-content: space-between;
  color: #667085;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.todo_list .todo_item_header p {
  margin-bottom: 0;
}
.todo_list .todo_item_content:last-child {
  border-bottom: none;
}
.todo_list .todo_item_content {
  padding: 16px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  border-bottom: 1px solid #eaecf0;
}
.todo_list .todo_item_content .search-as {
  position: unset;
  padding: 0;
  transform: unset;
  box-shadow: unset;
  background: transparent;
}
.todo_list .todo_item_content .search-as input {
  margin-top: 4px;
}
.todo_list .todo_item_content .todo_item_body {
  width: 100%;
}
.todo_list .todo_item_content .todo_item_body .todo_item_title,
.todo_list .todo_item_content .todo_item_content_collapse .todo_item_title {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding: 2px 0;
}
.todo_list .todo_item_content .todo_item_content_collapse {
  width: 100%;
  position: relative;
}
.todo_list .todo_item_content .todo_item_body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  position: relative;
}
.todo_list .todo_item_content .todo_item_body .todo_item_title h4 {
  color: #344054;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin: 0;
  word-break: break-word;
}
.todo_list .todo_item_content .todo_item_body p {
  color: #667085;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
  word-break: break-word;
}
.todo_list
  .todo_item_content.completed
  > .todo_item_body
  > .todo_item_title
  h4 {
  text-decoration: line-through;
}
.todo_list
  .todo_item_content.completed
  .todo_item_body
  .todo_item_body_hover
  .todo_item_title
  .date {
  text-decoration: line-through;
}
.todo_list .todo_item_content.completed > .todo_item_body > .todo_item_title p,
.todo_list .todo_item_content.completed > .todo_item_body > p {
  text-decoration: line-through;
}
.todo_list
  .todo_item_content.completed
  .todo_item_body
  .todo_item_body_hover
  .todo_item_title
  h4 {
  text-decoration: line-through;
}
.todo_list
  .collapseTask_list
  .todo_item_content.completed
  .todo_item_content_collapse
  .todo_item_title
  h4,
.todo_list
  .collapseTask_list
  .todo_item_content.completed
  .todo_item_content_collapse
  .todo_item_title
  p {
  text-decoration: line-through;
}
.todo_list .todo_item_content .todo_item_body .todo_item_title .date {
  color: #475467;
  white-space: nowrap;
}
.todo_list .todo_item_content .todo_item_footer {
  padding-top: 4px;
  display: flex;
  justify-content: space-between;
}
.todo_list .todo_item_content .todo_item_footer .applicant_details {
  display: flex;
  gap: 4px;
  align-items: center;
}
.todo_list .todo_item_content .todo_item_footer .applicant_details img {
  width: 24px;
  height: 24px;
  border-radius: 100%;
  object-fit: contain;
}
.todo_list .todo_item_content .todo_item_footer .applicant_details p {
  color: #475467;
}
.todo_list .todo_item_content .todo_item_footer .status_avatar {
  display: flex;
}
.todo_list .todo_item_content .todo_item_footer .status_avatar img {
  margin-right: -5.5px;
  width: 28px;
  border: 2px solid #fff;
  border-radius: 100%;
  height: 28px;
  object-fit: cover;
  min-width: 28px;
}
.collapse_task {
  margin-top: -2px;
}
.collapse_task .collapse_task_btn {
  background-color: transparent;
  border: none;
  color: #175cd3;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  padding: 0 12px;
  display: flex;
  gap: 4px;
  cursor: pointer;
}
.collapse_task .collapse_task_btn span {
  padding: 2px 0;
}
.collapse_task .collapse_task_btn .arrow_index {
  width: 14px;
}
.collapse_task .collapse_task_btn .arrow_toggle {
  transform: rotate(180deg);
  width: 16px;
  margin: 3px 0;
  transition: transform 0.3s ease-in-out;
}
.collapse_task .collapse_task_btn[aria-expanded="true"] .arrow_toggle {
  transform: rotate(0deg);
}
.collapse_task .collapseTask_body {
  padding: 0px;
  border-radius: 8px;
  background: #f9fafb;
  margin-top: 2px;
}
.collapseTask_list {
  padding: 12px;
}
.collapse_task .collapseTask_body .todo_item_content {
  padding: 12px 0;
  border-bottom: 1px solid #eaecf0;
}
.collapse_task .collapseTask_body .todo_item_content:first-child {
  padding-top: 0;
}
.collapse_task .collapseTask_body .todo_item_content:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.todo_list .todo_item_body .todo_item_completed {
  display: flex;
  margin-top: 8px;
  gap: 12px;
  justify-content: space-between;
  border-radius: 4px;
  background: #f9fafb;
  padding: 4px 8px;
}
.todo_list .todo_item_body .todo_item_completed div {
  display: flex;
  gap: 4px;
  align-items: center;
}
.todo_list .todo_item_body .todo_item_completed .completed_by img {
  width: 20px;
  border-radius: 100%;
  height: 20px;
  object-fit: cover;
}
.todo_item_content.completed .to-do-edit-pin {
  display: none;
}
.todo_list .todo_item_body .todo_item_completed p {
  color: #475467;
  font-size: 12px;
  line-height: 18px;
}
.todo_list .todo_item_body .todo_item_completed .completed_date_time img {
  width: 16px;
}
.fliter_dropdown_todo .dropdown-toggle {
  padding: 0;
  border: 0;
  background: transparent;
  display: flex;
  align-items: center;
  gap: 6px;
  color: #475467;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.fliter_dropdown_todo .dropdown-toggle img {
  width: 16px;
}
.fliter_dropdown_todo .dropdown-toggle::after {
  display: none;
}
.fliter_dropdown_todo .dropdown-menu {
  padding: 4px 0px;
  border-radius: 8px;
  border: 1px solid #eaecf0;
  background: #fff;
  box-shadow:
    0px 20px 24px -4px rgba(16, 24, 40, 0.08),
    0px 8px 8px -4px rgba(16, 24, 40, 0.03);
}
.fliter_dropdown_todo .dropdown-menu .filter_list {
  padding: 0px 6px 4px 6px;
  margin: 0;
  list-style: none;
  border-bottom: 1px solid #eaecf0;
}
.fliter_dropdown_todo .dropdown-menu .filter_list button {
  border-radius: 6px;
  display: flex;
  padding: 10px 10px;
  border: transparent;
  color: #344054;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  width: 100%;
  background-color: transparent;
}
.fliter_dropdown_todo .dropdown-menu .filter_list button:hover {
  background-color: #f9fafb;
}
.fliter_dropdown_todo .dropdown-menu .completed {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 10px;
  margin-top: 4px;
  border-bottom: 0;
}
.fliter_dropdown_todo .dropdown-menu .completed p {
  color: #344054;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
}
.add_new_todo {
  display: none;
  padding: 16px;
  border-radius: 8px;
  background: #fff;
  box-shadow:
    0px -12px 16px -4px rgba(16, 24, 40, 0.08),
    0px -4px 6px -2px rgba(16, 24, 40, 0.03);
}
.add_new_todo form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.add_new_todo .text_input_main {
  border-radius: 8px;
  border: 1px solid #d0d5dd;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.add_new_todo .text_input_main input.text_input,
.add_new_todo .text_input_main .description_input {
  width: 100%;
  border: none;
  background-color: transparent;
  color: #101828;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  padding: 0;
}
.add_new_todo .text_input_main input.text_input:focus-visible,
.add_new_todo .text_input_main .description_input:focus-visible {
  outline: none;
}
.add_new_todo .text_input_main input.text_input::placeholder,
.add_new_todo .text_input_main .description_input::placeholder {
  color: #667085;
}
.add_new_todo .text_input_main .description_input {
  font-weight: 400;
  resize: none;
}
.add_new_todo .text_input_main input.text_input {
  padding-bottom: 8px;
  border-bottom: 1px solid #eaecf0;
}
.select_applicant .select2-container--default .select2-selection--single {
  background-color: #f2f4f7 !important;
  border: none !important;
  border-radius: 5px;
  display: flex;
}
.select_applicant .select2-container[dir="ltr"] {
  max-width: fit-content;
  border-radius: 5px;
  background: #f2f4f7;
}
.select_applicant .select2-container[dir] .select2-selection__rendered {
  padding: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.select_applicant
  .select2-container[dir]
  .select2-selection__rendered
  .select2-selection__placeholder {
  color: #667085;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  padding-left: 20px;
  background-image: url(../images/todo/plus.svg);
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: 16px;
}
.select_applicant
  .select2-container[dir]
  .select2-selection--single
  .select2-selection__arrow
  b {
  display: none;
}
.select_applicant .select_candiate_img {
  width: 20px;
  border-radius: 24px;
  margin-right: 8px;
}
.select_applicant {
  position: relative;
}
.select_applicant .filter_dropdown:not([dir]) {
  top: unset !important;
  left: -13px !important;
  bottom: 100% !important;
  display: flex;
  width: 356px !important;
}
.select_applicant .filter_dropdown:not([dir]) .select2-dropdown {
  width: 100% !important;
  margin-bottom: 10px;
  position: unset;
}
.add_new_todo .new_todo_footer {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  align-items: center;
}
.add_new_todo .new_todo_footer .add_time_date_inner {
  display: flex;
  gap: 16px;
  align-items: center;
}
.add_new_todo .new_todo_footer .add_btn {
  display: flex;
  gap: 12px;
}
.add_new_todo .new_todo_footer .add_btn .white_btn {
  padding: 0;
}
.add_new_todo .new_todo_footer .add_btn .white_btn:hover,
.add_new_todo .new_todo_footer .add_btn .white_btn:focus {
  box-shadow: none;
}
.header-todo-popup-new .to-do-tab {
  height: 500px;
}
.to-do-tab {
  height: 750px;
  overflow-y: auto;
  overflow-x: hidden;
}
#select2-select_applicant-container.select2-selection__rendered span.email {
  display: none;
}
.header-todo-popup {
  overflow: hidden;
}
.header-todo-popup.page-dashboard_home .daterangepicker.dropdown-menu {
  top: 35rem !important;
}
.header-todo-popup .filter_dropdown .select2-dropdown {
  width: 360px !important;
  /*    left: -17px !important;*/
}
.header-todo-popup.page-applicant-profile-edit.to-do-body
  .daterangepicker.dropdown-menu {
  top: 37rem !important;
  right: 10rem !important;
  left: inherit !important;
  margin-top: 0px;
}
.header-todo-popup.timesheet-page-admin
  .select2-results__option[aria-selected] {
  overflow: visible !important;
}
.header-todo-popup .daterangepicker.dropdown-menu {
  top: 35rem !important;
  right: 10rem !important;
}
.page-notification.header-todo-popup .daterangepicker.dropdown-menu {
  top: 31.5rem !important;
}
.header-todo-popup .ui-timepicker-list {
  width: 5rem;
}
.to-do-body .ui-timepicker-list {
  width: 5.3rem;
}
.header-todo-popup .ui-timepicker-wrapper {
  top: 33rem !important;
  right: 18rem !important;
  left: initial !important;
}
.header-todo-popup.page-dashboard_home .ui-timepicker-wrapper {
  top: 33rem !important;
  right: 18rem !important;
  left: initial !important;
}
.header-todo-popup .ui-timepicker-list {
  margin: 6px;
}
.header-todo-popup .ui-timepicker-list li {
  padding: 10px 8px;
}
.header-todo-popup li.ui-timepicker-selected,
.header-todo-popup .ui-timepicker-list li:hover,
.header-todo-popup .ui-timepicker-list .ui-timepicker-selected:hover {
  background: #f9fafb !important;
  color: #101828 !important;
}
.header-todo-popup.timesheet-page-admin .daterangepicker.dropdown-menu {
  top: 35.8rem !important;
}
.header-todo-popup .daterangepicker.opensleft::after,
.daterangepicker.opensleft::before {
  display: none;
}
.header-todo-popup .daterangepicker td.start-date.end-date {
  border-radius: 100%;
}
.header-todo-popup-new .select_applicant .select2-container[dir="ltr"] {
  background: #fff;
}
.header-todo-popup-new
  .select_applicant
  .select2-container[dir]
  .select2-selection__rendered {
  padding: 4px;
  color: #667085;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  border-radius: 5px;
  background: #f2f4f7;
}
.header-todo-popup-new
  .select_applicant
  .select2-container--default
  .select2-selection--single {
  background-color: #fff !important;
}
.header-todo-popup-new .select_applicant .select_candiate_img {
  margin-right: 5px;
  width: 20px;
  border-radius: 100%;
  height: 20px;
  object-fit: contain;
}
.header-todo-popup-new
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  display: none;
}
.toaster .message a {
  color: #daca60;
}
/* .add-new-notification{
padding-left: 8px;
}
*/
/*====================================================== to-do header  end ====================================================*/
/*================================= StandAloneCompany start =====================================================*/
.standalone-login .dash-sidebar {
  width: 220px;
}
.standalone-login .main-section-inner .container {
  margin-left: 230px;
  padding-right: 275px;
}
.standalone-login .dash-sidebar .main-logo a img.logo-desktop,
.dash-sidebar .main-logo a img.standalone-logo {
  display: none;
}
.standalone-login
  .dash-sidebar
  .main-logo
  a
  img.standalone-logo.standalone-logo {
  display: block;
  width: 153px !important;
  margin-right: 0;
}
.standalone-login .dash-sidebar .m-header {
  padding: 20px 24px 5px;
}
.standalone-login .dash-sidebar .navbar-content {
  padding: 12px 0;
}
.standalone-menu li {
  margin: 0px 16px 8px;
  border-radius: 6px;
  cursor: pointer;
}
.standalone-menu li:hover {
  background: #f6f6f6;
  color: #182230;
}
.standalone-menu li:hover a {
  color: #182230;
  text-decoration: none;
}
.standalone-menu li.active {
  background: #f8e965;
}
.standalone-menu li:hover .header-images,
.standalone-menu li.active .header-images {
  filter: brightness(0.5);
}
.standalone-menu .header-images {
  margin: 0px;
}
.standalone-menu li.active a {
  color: #182230;
}
.standalone-menu li a {
  color: #344054;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
}
.standalone-settings .page-titlediv {
  padding-bottom: 20px;
  border-bottom: 1px #eaecf0 solid;
}
.standalone-settings .profile-content-pt.profile_content .right_div .row > div {
  padding: 0px 10px 20px;
}
/* .standalone-login .footer-application {
width: 83.5%;
} */
.standalone-settings .package-card {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 240px;
}
.standalone-settings .package-card-outer {
  border-radius: 12px;
  border: 1px solid #eaecf0;
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}
.standalone-settings .package-details h3 {
  margin: 0;
  color: #333;
}
.standalone-settings .package-details ul {
  list-style: none;
  padding: 0;
  width: 50%;
  margin-bottom: 0px;
}
.standalone-settings .package-details ul li img {
  width: 20px;
  height: 20px;
}
.standalone-settings .package-details ul li {
  color: #475467;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 8px;
  display: flex;
  gap: 12px;
}
.standalone-settings .package-details ul li:last-child {
  margin-bottom: 0px;
}
.standalone-settings .action-buttons {
  margin-top: 8px;
  display: flex;
  gap: 8px;
}
.standalone-settings .modify-plan:hover {
  background-color: #e5a709;
}
.standalone-settings .btn.cancel-plan {
  border-radius: 8px;
  border: 1px solid #d0d5dd;
  background: #fff;
  padding: 8px 12px;
  cursor: pointer;
  color: #344054;
  line-height: 20px;
  font-weight: 500;
}
#error-message {
  font-size: 14px;
  font-weight: 400;
  color: #b42318;
  padding-top: 4px;
}
.standalone-settings .package-price {
  text-align: right;
  margin-top: 0px;
  display: flex;
}
.standalone-settings .package-price h2 {
  margin: 0;
  color: #101828;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
  letter-spacing: -0.64px;
  padding-left: 3px;
  padding-right: 3px;
}
.standalone-settings .package-price .dkk-bil {
  margin: 0;
  color: #101828;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
}
.standalone-settings .package-price .month-bil {
  color: #475467;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-top: 0.7rem;
}
.standalone-settings .package-card .package-pt {
  border-radius: 99px;
  border: 1px solid #b9c0d4;
  background: #eff1f5;
  display: flex;
  padding: 4px 16px;
  align-items: center;
  gap: 8px;
  color: #101828;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.billing-standalalone .page-titlediv {
  border: none;
  padding-bottom: 16px;
}
.invoice-standalone p {
  color: #101828;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.billing-standalalone .applicants_detail_table table thead tr .name {
  width: 52%;
}
.billing-standalalone .approved {
  width: fit-content;
}
.billing-standalalone .download a {
  color: #175cd3 !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.applicants_detail_table table thead tr .checkbox,
.applicants_detail_table table tbody tr .checkbox {
  /* width: 28px; */
  width: auto;
}
.billing-standalone-modal .pricing-section {
  text-align: center;
  padding: 20px;
}
.billing-standalone-modal .pricing-section h1 {
  color: #101828;
  text-align: center;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 40px;
  letter-spacing: -0.64px;
  margin: 0px;
}
.billing-standalone-modal .pricing-section p {
  color: #475467;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-top: 8px;
  padding-bottom: 40px;
}
.billing-standalone-modal .plans-container {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}
.billing-standalone-modal .plan-card {
  padding: 40px 32px;
  text-align: center;
  border-radius: 16px;
  border: 1px solid #eaecf0;
  background: #fff;
  width: 380px;
}
.billing-standalone-modal .icon img {
  width: 64px;
  height: 64px;
  margin-bottom: 4px;
}
.billing-standalone-modal .plan-card h3 {
  margin: 0;
  color: #101828;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 24px;
}
.billing-standalone-modal .plan-card h2 {
  color: #101828;
  font-size: 32px;
  font-weight: 600;
  line-height: 40px;
  letter-spacing: -0.64px;
  margin-top: 0px;
}
.billing-standalone-modal .plan-card h2 span {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.billing-standalone-modal .plan-card ul {
  list-style: none;
  padding: 0px;
  margin-bottom: 0px;
}
.billing-standalone-modal .plan-card ul li {
  padding-bottom: 12px;
  display: flex;
  gap: 12px;
  text-align: left;
  font-size: 14px;
  line-height: 21px;
  color: #475467;
}
.billing-standalone-modal .plan-card ul li:last-child {
  padding-bottom: 0px;
}
.billing-standalone-modal .modal-content {
  height: 100%;
}
.billing-standalone-modal .modal-content,
.billing-standalone-modal .modal-header {
  border: 0px;
  border-radius: 0;
}
.div-billing-invoices .invoices-heading h4 {
  margin: 0px;
  color: #101828;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}
.billing-standalone-modal .modal-header {
  position: absolute;
  right: 10px;
  z-index: 99999;
  top: 10px;
}
.billing-standalone-modal .modal-fullscreen .modal-body {
  display: flex;
  align-items: center;
  justify-content: center;
}
.billing-standalone-modal .btn-close {
  border: 0px;
  background: #fff;
  cursor: pointer;
  padding: 0px;
}
.billing-standalone-modal .current-plan.btn:disabled,
.billing-standalone-modal .current-plan.btn.disabled {
  color: #344054;
}
.billing-standalone-modal .current-plan {
  display: flex;
  padding: 10px 16px;
  gap: 6px;
  margin: 32px auto 40px;
  color: #344054;
  font-size: 16px !important;
  font-weight: 500;
  line-height: 24px;
  height: auto;
}
.billing-standalone-modal .current-plan.first {
  border: 1px solid #eaecf0;
}
.standalone-job-modal.rating_applicants_modal .modal-content {
  padding: 0px;
  gap: 0px;
}
.standalone-job-modal .modal-header {
  flex-wrap: wrap;
  padding: 24px 24px 0px !important;
  justify-content: center;
}

.billing-standalone-modal .current-plan:hover {
  border-radius: 8px;
  border: 1px solid #f8e965;
  background: #f8e965;
  box-shadow: none;
  color: #182230;
}
.standalone-job-modal.rating_applicants_modal .modal-footer {
  gap: 12px;
  padding: 32px 24px 24px !important;
}
.standalone-job-modal .modal-footer .btn {
  padding: 10px 16px;
}
.job_company-benifits_outer p {
  color: #344054;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.create-job-modal-title,
.job_company-benifits_outer .create-job-modal-title {
  padding-bottom: 20px;
  color: #475467;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
}
.standalone-job-modal .modal-body {
  padding: 0px 16px;
}
.standalone-job-modal#createjobmodal .modal-body {
  padding: 0px 24px;
}
.standalone-job-modal.rating_applicants_modal .modal-footer button {
  width: fit-content;
}
.rating_applicants_modal .modal-body .Feedback_rating_div.ai_magic_outer {
  gap: 50px;
  padding-top: 50px;
}
.ai_magic_outer img {
  width: 150px;
  height: 150px;
  margin: auto;
}
.ai_magic_outer .ai-text-git h6 {
  color: #101828;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  text-align: center;
  margin-bottom: 4px;
}
.ai_magic_outer .ai-text-git p {
  color: #475467;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.ai_magic_outer .ai-text-git {
  padding: 24px 8px 20px;
}
.job_company-benifits-standalone {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.job_company-benifits-standalone .card {
  background: #fff;
  border-radius: 12px;
  border: 1px solid #eaecf0;
  display: flex;
  align-items: center;
  transition: 0.3s;
}
.job_company-benifits-standalone .card label {
  display: block;
  padding: 20px;
  cursor: pointer;
  width: 100%;
  height: 100%;
  flex-wrap: wrap;
}
.job_company-benifits-standalone .card input[type="checkbox"],
#subscriptionModal .checkboxes .checkbox-single-card input[type="checkbox"],
#subscriptionModal
  .single-card.add-card-single-new
  .checkboxes
  input[type="checkbox"] {
  position: relative;
  border: 1px solid #d0d5dd;
  border-radius: 4px;
  background: none;
  cursor: pointer;
  outline: 0;
  vertical-align: text-top;
  height: 16px;
  width: 16px;
  -webkit-appearance: none;
  margin-top: -4px;
  margin-right: -5px;
}

.job_company-benifits-standalone .card input[type="checkbox"]:checked,
#subscriptionModal
  .checkboxes
  .checkbox-single-card
  input[type="checkbox"]:checked,
#subscriptionModal
  .single-card.add-card-single-new
  .checkboxes
  input[type="checkbox"]:checked {
  background-color: #475467;
  border: 1px solid #475467;
  opacity: 1;
}
.standalone-job-modal#createjobmodal .modal-footer .btn {
  padding: 10px 16px;
  height: 44px;
  font-size: 16px !important;
  font-weight: 500;
  line-height: 24px;
}
.standalone-job-modal#createjobmodal .invalid-feedback {
  margin-top: 0px;
}

.standalone-job-modal#createjobmodal .modal-footer .btn.white_btn {
  color: #344054;
}
.standalone-job-modal#createjobmodal .modal-footer .btn.yellow_btn {
  color: #182230;
}

.job_company-benifits-standalone .card input[type="checkbox"]::before,
#subscriptionModal
  .checkboxes
  .checkbox-single-card
  input[type="checkbox"]::before,
#subscriptionModal
  .single-card.add-card-single-new
  .checkboxes
  input[type="checkbox"]::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  background-image: url("../images/applicants/check.svg");
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: center;
  width: 16px;
  height: 16px;
  z-index: 2;
  opacity: 0;
}
.job_company-benifits-standalone .card input[type="checkbox"]:checked::before,
#subscriptionModal
  .checkboxes
  .checkbox-single-card
  input[type="checkbox"]:checked::before,
#subscriptionModal
  .single-card.add-card-single-new
  .checkboxes
  input[type="checkbox"]:checked::before {
  opacity: 1;
}
.job_company-benifits-standalone .icon {
  width: 24px;
  height: 24px;
}
.job_company-benifits-standalone .card p {
  color: #344054;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding-top: 8px;
}
.standalone-login
  .header-wrapper
  .notifications-count-btn-dropdown
  .dropdown-menu {
  left: -12rem !important;
}
.standalone-login.get-started-btn-document
  .header-wrapper
  .notifications-count-btn-dropdown
  .dropdown-menu {
  left: -2rem !important;
}
.standalone-login .career_settings {
  padding-left: 215px;
}
.standalone-login.page-job-edit
  .note-editor.note-frame
  .note-editing-area
  .note-editable,
.standalone-login.page-job-create
  .note-editor.note-frame
  .note-editing-area
  .note-editable {
  padding: 16px !important;
}
.page-job-edit .note-editable,
.page-job-create .note-editable {
  /* height: 408px !important; */
  margin-top: 16px !important;
  margin-bottom: 16px !important;
  margin-left: 16px !important;
  margin-right: 0px !important;
  padding: 0 !important;
  padding-right: 16px !important;
}
.mr-12 {
  margin-right: 12px;
}
.standalone-login .btn#sort-by-button,
.standalone-login .btn#sort-by-button-popup {
  height: 40px;
  width: 40px;
}
.standalone-login .btn#btn-filter-submit,
.standalone-login .btn#btn-filter-submit-modal {
  height: 40px;
}
.standalone-login.page-job-edit
  .applicant_profile_content
  .note-toolbar.panel-heading,
.standalone-login.page-job-create
  .applicant_profile_content
  .note-toolbar.panel-heading {
  padding: 12px 16px;
}
.standalone-login .profile_content_btn .yellow_btn {
  padding: 10px 14px;
}
.get-started-btn-document.standalone-login .career_settings {
  padding-left: 0px;
}
.standalone-job-modal .modal-footer .btn:disabled {
  display: none;
}
.standalone-job-modal.rating_applicants_modal .modal-header h5 {
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 4px;
}
.standalone-job-modal .modal-dialog {
  max-width: 480px;
  margin: 1.75rem auto;
}
.standalone-job-modal.rating_applicants_modal .modal-header p {
  color: #475467;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.standalone-login .jab-standalone-pay {
  filter: contrast(0.5);
}
.standalone-login.page-contract-index.modal-open {
  overflow: hidden;
}

.standalone-login .calender-view-name {
  right: 17.3rem;
}
.empty-interview.standalone-login .calender-view-name {
  display: none;
}
.standalone-login .calendar .fc-toolbar-chunk:nth-child(3) > div {
  right: 25.5rem;
  z-index: 9;
}
.standalone-login.get-started-btn-document .main-section-inner .container {
  margin-left: auto;
  padding-right: 0;
}
.standalone-login .yellow_btn {
  border: 1px solid #f8e965 !important;
  background: #f8e965 !important;
}
.standalone-login .yellow_btn:hover {
  color: #182230 !important;
  background-color: #daca60 !important;
  border-color: #daca60 !important;
  transition: 0.5s ease;
}
.standalone-login .action-user {
  gap: 8px;
}
.standalone-login .action-btn {
  width: max-content;
}
.standalone-login .action-btn-contr {
  padding: 10px;
  border-radius: 8px;
}
.standalone-login .action-btn-contr:hover {
  background: #f9fafb;
}
.standalone-login .action-btn-contr.delete-contract-template:hover {
  background: #fef3f2;
}
.standalone-login .approve-reject .modal-body .Feedback_rating_div label {
  color: #344054;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  padding-top: 16px;
  padding-bottom: 6px;
}
.stand-calendar {
  position: absolute;
  top: 48px;
  left: 10px;
}
.job_work_outer .stand-calendar {
  top: 35px;
}
.Feedback_rating_div.position-relative.ptm .form-control {
  padding-left: 2.3rem;
}
.standalone-login .btn-responsive .btn {
  margin-bottom: 0px !important;
}
.standalone-login #btn-create-interview {
  font-size: 16px !important;
  line-height: 24px;
  padding: 10px 16px;
  height: auto;
}
.number-standalone {
  width: 1% !important;
}
.name-standalone {
  width: 60% !important;
}
.date-standalone {
  width: 15% !important;
}
.name-action-standalone {
  width: 5% !important;
}
.new-contract-standalone .modal-dialog {
  max-width: 900px;
}
#tmplates-standalone .applicants_detail_table table tr td {
  padding: 16px 20px;
}
.new-contract-standalone .modal-content {
  gap: 20px;
}
.new-contract-standalone .modal-header {
  padding: 20px 20px 0px !important;
  color: #101828;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.new-contract-standalone .modal-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0px 20px !important;
  overflow-x: hidden;
  overflow-y: auto;
}
.new-contract-standalone .modal-footer {
  padding: 16px 20px 20px;
}
.standalone-login.page-contract-index .white_btn:focus {
  box-shadow: none;
}
.standalone-login.page-contract-index .white_btn:hover {
  box-shadow: 0px 0px 0px 4px rgba(152, 162, 179, 0.14);
}
.standalone-login .note-editable.panel-body {
  height: 340px !important;
}
.new-contract-standalone .modal-body .contract-template-frm {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.new-contract-standalone .Feedback_rating_div label {
  color: #344054;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 6px;
}
.variable-standalone ul {
  display: flex;
  align-items: center;
  align-content: center;
  gap: 12px;
  align-self: stretch;
  flex-wrap: wrap;
  padding-left: 0;
}
.variable-standalone ul li {
  display: flex;
  padding: 4px 10px;
  align-items: center;
  border-radius: 6px;
  border: 1px solid #eaecf0;
  background: #f9fafb;
  color: #344054;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.summernote-standalone .note-statusbar {
  display: none;
}
.summernote-standalone .note-editor.note-frame {
  border: 1px solid #eaecf0;
  display: flex;
  flex-direction: column;
}
.summernote-standalone
  .note-editor.note-frame
  .note-editing-area
  .note-editable {
  border-radius: 10px;
}
.summernote-standalone .is-invalid .note-editor.note-frame {
  border: 1px solid #dc3545;
}
.summernote-standalone
  .note-editor.note-frame
  .note-editing-area
  .note-editable {
  padding: 16px !important;
  height: 340px;
}
.page-meetings
  #scheduleInterview
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  line-height: normal;
}
.single-card-fill {
  position: relative;
}

.page-meetings
  #scheduleInterview
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  left: 30%;
  top: 70%;
}
.new-contract-standalone .white_btn,
.new-contract-standalone .yellow_btn,
.standalone-login .yellow_btn.configure_btn {
  padding: 10px 14px;
  height: auto;
}
.standalone-login.page-standalone-billing .yellow_btn.configure_btn {
  padding: 10px 16px;
}
.summernote-standalone .panel-heading.note-toolbar {
  padding: 12px 16px;
  margin: 0;
  border-bottom: 1px solid #eaecf0;
}
.standalone-login .note-editor .note-btn-italic,
.standalone-login .note-editor .dropdown-toggle,
.standalone-login .note-editor .note-insert .btn.btn-default:nth-child(4),
.standalone-login .note-editor .note-style,
.standalone-login .note-editor .note-table,
.standalone-login .note-editor .note-fontname,
.note-status-output {
  display: none;
}
.note-btn-group .note-btn {
  border-radius: 8px;
  background: #f9fafb;
  border: none;
  padding: 8px;
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
.standalone-login.page-job-applicants .ui-timepicker-wrapper {
  z-index: 9999999;
}
.summernote-standalone .panel-heading.note-toolbar > .btn-group {
  margin-right: 12px;
}
#contracts-stanalone .applicants_detail_table {
  padding-top: 24px;
}
#tmplates-standalone .applicants_detail_table,
#tmplates-standalone,
#contracts-stanalone {
  padding-top: 0px;
}
.standalone-applicant_profile.applicant_profile_content {
  margin-top: 0px;
}
.empty-interview {
  overflow: hidden !important;
}
.empty-interview.standalone-login
  .calendar
  .fc-toolbar-chunk:nth-child(3)
  > div {
  display: none;
}
.standalone-login .form-control {
  color: #101828;
}
.standalone-login .dropdown-menu.calender-view.show {
  top: 44px !important;
  right: 17rem;
}
.standalone-login .generate-with-ai .regenerate-with {
  top: 34px;
  right: 20px;
}
.standalone-login .ui-timepicker-list {
  width: 4.4rem;
}
.standalone-login #userContract .select2-container--open {
  box-shadow: 0px 0px 0px 4px rgba(152, 162, 179, 0.14);
  border-color: #d0d5dd;
  border-radius: 8px;
}
.standalone-login
  .select2-container--default.select2-container--open.select2-container--below
  .select2-selection--single,
.standalone-login
  .select2-container--default.select2-container--open.select2-container--below
  .select2-selection--multiple {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.standalone-login li.ui-timepicker-selected::before {
  width: 15px;
  height: 15px;
  background-size: 16px;
  right: 6px;
  margin-top: 2px;
}
.standalone-login {
  overflow-x: hidden !important;
  overflow-y: auto;
}
.standalone-login .note-editor.note-frame.fullscreen .note-editable {
  height: 90vh !important;
}
.standalone-jobpiline .modal-dialog {
  max-width: 1200px;
}
.standalone-jobpiline .modal-header {
  padding: 0px !important;
}
.standalone-jobpiline .modal-body {
  padding: 0px 56px 24px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 24px;
  margin-top: -2.4rem;
}
.standalone-jobpiline .progress {
  display: block;
  height: auto;
  font-size: inherit;
  background-color: transparent;
  border-radius: 0;
}
.standalone-jobpiline .card {
  background: #fff;
  border-radius: 10px;
  padding: 24px 20px;
  width: 300px;
  text-align: center;
  border-radius: 16px;
  border: 1px solid #eaecf0;
  box-shadow: 0px 32px 64px -12px rgba(16, 24, 40, 0.05);
}
.standalone-jobpiline .progress-label {
  display: flex;
  justify-content: space-between;
  color: #182230;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.standalone-jobpiline .progress-bar-container {
  background: #eaecf0;
  border-radius: 5px;
  height: 8px;
  overflow: hidden;
  margin-top: 8px;
}
.standalone-jobpiline .progress-bar {
  background: #47cd89;
  border-radius: 5px;
}

.standalone-jobpiline .pipe-hand {
  padding-top: 16px;
}
.standalone-jobpiline .score-ss-pne {
  padding: 24px;
  gap: 8px;
  display: flex;
  flex-direction: column;
}
.job-stand-progress-btn {
  margin-top: 32px;
}
.job-stand-progress-btn .btn {
  color: #182230;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  display: flex;
  padding: 10px 16px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  align-self: stretch;
  border-radius: 8px;
}
.job-stand-progress-btn .btn.white_btn {
  color: #344054;
}
.standalone-jobpiline .score-ss-pne .score {
  color: #101828;
  text-align: center;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 60px;
  letter-spacing: -0.96px;
}
.standalone-jobpiline .score-ss-pne .subtext {
  color: #475467;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.standalone-jobpiline .score-ss-pne .score-title {
  color: #344054;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
.standalone-login .note-children-container {
  display: block;
}
.standalone-jobpiline .profile-header {
  display: flex;
  align-items: center;
  gap: 24px;
}
.standalone-jobpiline .profile-header h2 {
  margin: 0;
  color: #101828;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 38px;
}
.standalone-jobpiline .profile-header .contact {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-top: 4px;
  align-self: stretch;
}
.standalone-jobpiline .profile-header .contact p {
  color: #475467;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.standalone-jobpiline .profile-header .profile-img {
  display: flex;
  width: 160px;
  height: 160px;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  object-fit: cover;
  border: 4px solid #fff;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
}
.star-button-stand button {
  background: transparent;
  border: none;
}
.star-button-stand button i {
  color: #fec84b;
  font-size: 20px;
}
.standalone-jobpiline .profile-body {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.standalone-jobpiline .profile-body .standalone-title {
  color: #475467;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.standalone-jobpiline .profile-body .main-stand {
  color: #344054;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
}
.standalone-jobpiline .profile-card {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.standalone-jobpiline .profile-card .info-block {
  display: flex;
  gap: 8px;
  align-items: center;
  width: 33.3%;
}

.standalone-jobpiline .profile-card .info-block .age-years {
  display: flex;
  flex-direction: column;
}
.standalone-jobpiline .profile-card .age-span {
  color: #344054;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
.date-age {
  color: #667085;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  padding-left: 8px;
}
.standalone-jobpiline .profile-card .info-block img {
  display: flex;
  width: 40px;
  height: 40px;
  padding: 10px;
  justify-content: center;
  align-items: center;
}

.standalone-jobpiline .profile-card .info-block .seieg {
  border: 1px solid #eaecf0;
  background: #fff;
  border-radius: 8px;
}
.border-work {
  border-top: 1px solid #eaecf0;
  padding-top: 24px;
  padding-bottom: 16px;
}
.standalone-jobpiline .Product-stand {
  color: #344054;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 0;
}
.standalone-jobpiline .product-designer-stand {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.standalone-jobpiline .product-designer-stand li {
  font-family: "Inter", sans-serif !important;
  color: #475467;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.standalone-jobpiline .section-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.standalone-jobpiline .modal-content {
  overflow-y: auto;
  height: 800px;
}
.product-designer-education {
  display: flex;
  gap: 8px;
  align-items: center;
}
.product-designer-education .education-stand {
  border-radius: 10px;
  border: 1px solid #eaecf0;
  background: #fff;
}
.product-designer-education .education-stand img {
  display: flex;
  width: 48px;
  height: 48px;
  padding: 12px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.standalone-jobpiline .list-ul {
  margin-bottom: 0px;
  padding-left: 20px;
}
.standalone-jobpiline .driving-license {
  display: flex;
  display: flex;
  justify-content: space-between;
}
.standalone-jobpiline .driving-license .age-span {
  padding-left: 8px;
}

.standalone-login.empty-interview .yellow_btn {
  padding: 10px 16px;
}
.standalone-login .canfigure_text p {
  color: #475467;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.schedule-interview-modal .form-group,
#showEvent.schedule-interview-modal .form-group.day-date-flex {
  margin-bottom: 12px;
}
.standalone-login .btn-responsive.ga {
  padding-top: 8px;
}
.schedule-interview-modal .form-group.day-date-flex {
  margin-bottom: 8px;
}
.standalone-login
  .schedule-interview-modal
  .select2-container--default
  .select2-selection--single {
  padding: 10px 12px;
  height: 40px;
}
.standalone-login
  #userContract
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  line-height: 28px;
}
.standalone-login.page-contract-index
  #userContract
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  left: 34%;
  top: 66%;
}

.standalone-login .contract-job-handing-search .com-search {
  width: 30.4%;
  max-width: 30.4%;
  flex: 0 0 30.4%;
}
.schedule-interview-modal .form-control {
  height: 40px !important;
  padding: 12px;
}
.schedule-interview-modal textarea.form-control {
  height: 100px !important;
  padding: 5px 12px 12px;
}

.standalone-login
  .schedule-interview-modal
  .select2-container
  .select2-selection--single
  .select2-selection__rendered,
.page-meetings
  .schedule-interview-modal
  .select2-container
  .select2-selection--single
  .select2-selection__rendered {
  width: 290px;
}

.standalone-login
  .select2-container
  .select2-selection--single
  .select2-selection__rendered,
.page-meetings
  .select2-container
  .select2-selection--single
  .select2-selection__rendered {
  padding-left: 0px;
}
.standalone-company-col-5 {
  max-width: 47%;
  flex: 0 0 47%;
}
.standalone-company-col-2 {
  max-width: 6%;
  flex: 0 0 6%;
  margin-top: 0.3rem;
}
.standalone-login
  #scheduleInterviewModal
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered,
.standalone-login
  #editEvent
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #444;
  line-height: normal;
}
.standalone-login
  #editInterviewModal
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered,
.standalone-login
  #editEvent
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #444;
  line-height: normal;
}
.standalone-login
  #scheduleInterviewModal
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b,
.standalone-login
  #editEvent
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  left: 42%;
  top: 70%;
}
.standalone-login
  #editInterviewModal
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b,
.standalone-login
  #editEvent
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  left: 42%;
  top: 70%;
}
.standalone-login #scheduleInterviewModal .checkbox_custom,
.standalone-login #scheduleInterview .send_reminder_outer,
.standalone-login #editEvent .send_reminder_outer,
.page-meetings #scheduleInterviewModal .checkbox_custom,
.page-meetings #scheduleInterview .send_reminder_outer,
.page-meetings #editEvent .send_reminder_outer {
  display: flex;
  align-items: center;
  gap: 8px;
}

.standalone-login #editInterviewModal .checkbox_custom,
.standalone-login #scheduleInterview .send_reminder_outer,
.standalone-login #editEvent .send_reminder_outer,
.page-meetings #editInterviewModal .checkbox_custom,
.page-meetings #scheduleInterview .send_reminder_outer,
.page-meetings #editEvent .send_reminder_outer {
  display: flex;
  align-items: center;
  gap: 8px;
}
.standalone-login #scheduleInterviewModal {
  z-index: 9999999;
}
.standalone-login #editInterviewModal {
  z-index: 9999999;
}
.standalone-login #scheduleInterviewModal .checkbox_custom span,
.standalone-login #scheduleInterview .send_reminder_outer span,
.standalone-login #editEvent .send_reminder_outer span {
  font-size: 14px;
  line-height: 20px;
}

.standalone-login #editInterviewModal .checkbox_custom span,
.standalone-login #scheduleInterview .send_reminder_outer span,
.standalone-login #editEvent .send_reminder_outer span {
  font-size: 14px;
  line-height: 20px;
}
.standalone-job-modal .modal-footer > :not(:last-child) {
  margin-right: 0px !important;
}
.standalone-login .applicants_detail_table {
  padding-top: 24px;
}
.standalone-login #confirm-employment .stand-calendar {
  top: 53px;
}
.standalone-login
  #confirm-employment
  .position-relative.ptm
  .form-control[readonly] {
  background: transparent;
}

.translated-ltr .standalone-company-col-5 {
  max-width: 46.3%;
  flex: 0 0 46.3%;
}
.standalone-login .applicants_detail_table .contract-table thead tr th {
  padding: 12px 20px;
}
.standalone-login .modal-footer.add_hours .btn,
.standalone-login .submit-hours .submit_timesheet_hours {
  padding: 10px 14px;
}
.page-settings .profile_content:last-child {
  border: 0px;
}
/* .standalone-login .job-kanban-wrapper .card{
    height: fit-content;
} */
.standalone-login #confirm-employment .modal-footer.add_hours .btn {
  padding: 10px 16px;
  color: #182230;
  font-size: 16px !important;
  font-weight: 500;
}
.standalone-login
  #confirm-employment
  .modal-footer
  .btn.button-select.btn-employment-cancel {
  color: #344054;
  font-size: 16px !important;
  font-weight: 500;
  line-height: 24px;
}
.standalone-login #kanban-blacklist-8 .fa-time-scroce.rejectfa {
  display: none;
}
.standalone-login #kanban-blacklist-8 .ai-screening-score {
  display: flex;
  padding: 2px 6px;
  align-items: center;
  border-radius: 16px;
  border: 1px solid #abefc6;
  background: #ecfdf3;
  color: #067647;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  white-space: nowrap;
}

.contract-table .status-contract-period.standalone-perid {
  width: 72%;
}
.standalone-login.page-job .dropdown-menu.calender-view.show {
  top: 0px !important;
}
#contracts-stanalone .contract-table .name-candidate-contract {
  width: 20%;
}
#contracts-stanalone .contract-table .date-contract {
  width: 15%;
}
#contracts-stanalone .contract-table .name-contract {
  width: 30%;
}
#contracts-stanalone .contract-table .status-contract {
  width: 15%;
}
#contracts-stanalone .applicants_detail_table tbody tr td.status {
  width: auto;
  height: max-content;
  display: table-cell;
  min-width: auto;
}
#contracts-stanalone .applicants_detail_table tbody tr td.status p {
  margin: auto;
}
#contracts-stanalone .standalone_contract_row .standalone-td-name {
  display: table-cell;
  gap: 12px;
  align-items: center;
  gap: 12px;
  align-items: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 150px;
}
.custom-avatar {
  border: 0.75px solid rgba(0, 0, 0, 0.08);
  width: 40px;
  height: 40px;
  border-radius: 100%;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  padding: 6px 0px;
  pointer-events: none;
  margin-right: 12px;
  display: inline-block;
}
.btn-schedule-interview-modal.white_btn {
  height: auto;
  color: #344054;
}
.custom-avatar-image {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  object-fit: cover;
  margin-right: 12px;
}
#contracts-stanalone .standalone_contract_row .standalone-td-name img {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  object-fit: cover;
  margin-right: 12px;
}
.custom-avatar::-moz-selection {
  color: inherit;
}
.custom-avatar::selection {
  color: inherit;
}
.standalone-login #jobpilinemodal .modal-controll {
  position: absolute;
  top: 50%;
  display: flex;
  width: 100%;
  pointer-events: all;
  justify-content: space-between;
}
.standalone-login #jobpilinemodal .modal-controll .candidate-navigation {
  border-radius: 100%;
  border: 1px solid #d0d5dd;
  background: #fff;
  width: 44px;
  height: 44px;
  padding: 12px;
}
.standalone-login
  #jobpilinemodal
  .modal-controll
  .candidate-navigation:disabled {
  background: #d0d5dd;
  cursor: no-drop;
}
#jobpilinemodal {
  padding-left: 0px !important;
}
.standalone-login #jobpilinemodal .modal-controll .prev-navigation {
  margin-left: 11.5rem;
}
.standalone-login #jobpilinemodal .modal-controll .candidate-navigation .fal {
  color: #344054;
  font-weight: 500;
  font-size: 20px;
}
.standalone-login #jobpilinemodal .modal-controll .next-navigation {
  margin-right: 12rem;
}
.standalone-login #jobpilinemodal .applicant-detail-div .auto-load-client {
  position: absolute;
  left: 0%;
  top: 50%;
}
#kanban-blacklist-8 .application-deleted .rejected-reason {
  pointer-events: all;
}
#kanban-blacklist-8 .application-deleted .ai-screening-score {
  position: absolute;
  right: 12px;
  bottom: 48px;
}
.applicants_detail_table.employees-standalone thead tr th,
.applicants_detail_table.employees-standalone table tr td {
  padding: 12px 20px;
}
.employees-standalone .standalone-td-name .appliction_atag {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 250px;
  display: table-cell;
}
.employees-standalone .standalone-td-name .appliction_atag img {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  object-fit: cover;
  margin-right: 12px;
}
.employee-st-name {
  width: 25% !important;
}
.employee-st-title {
  width: 17% !important;
}
.employee-st-title.phone-st {
  width: 12% !important;
}
.star-button-stand .rating_form {
  margin-top: 0px;
}
.standalone-jobpiline .close.afvist-dismiss {
  position: absolute;
  right: 25px;
  top: 25px;
  z-index: 9999;
  background: #ffffff;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  padding: 0px;
  margin: 0px;
}
.standalone-login #confirm-employment,
.standalonejobmodalhire #createReasonModal {
  z-index: 9999;
}
.standalonejobmodalhire {
  padding-right: 0px !important;
  overflow: hidden !important;
}
.standalonejobmodalhire::before {
  position: fixed;
  top: 0;
  content: "";
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  background: #000;
  opacity: 0.3;
}
.standalonejobmodalhire #reject-applicant,
.standalonejobmodalhire .select2-container,
.standalonejobmodalhire .daterangepicker.show-calendar {
  z-index: 9999;
}
.standalone-login.page-job-applicants .modal-backdrop.show {
  opacity: 0.3;
}

.standalone-login .contract-table .standalone-contract-job {
  width: 25% !important;
}
.standalone-login .contract-table .standalone-contract-Pipeline {
  width: 15% !important;
}

.standalone-login .contract-table .standalone-status {
  width: 10% !important;
}

.employment_tab_main-standalone {
  border: 1px #eaecf0 solid;
  border-radius: 12px;
  display: block;
  padding-bottom: 0px;
}
.employment_tab_main-standalone table.candidate_employment_table th {
  padding: 12px 24px;
  width: 23%;
}
.standalone-login
  .employment_tab_main-standalone
  .dropdown-menu.calender-view.show {
  top: 0px !important;
  left: -7.3rem !important;
  right: inherit;
  padding: 0px;
}
.employment_tab_main-standalone
  .actione-job-admin-overview
  .dropdown-item.m_remove1.btn-disable {
  color: #d92d2075 !important;
  pointer-events: none;
}
.employment_tab_main-standalone
  .actione-job-admin-overview
  .calender-view
  .dropdown-item.btn-disable
  img {
  filter: opacity(0.5);
}
.employment_tab_main-standalone table.candidate_employment_table td {
  padding: 16px 24px;
}
.employment_tab_main-standalone .actione-job-admin-overview .dropdown-item {
  align-items: center;
}
.standalone-login .daterangepicker.dropdown-menu {
  z-index: 9999;
}
.employment_tab_main-standalone .title-his {
  color: #101828;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  padding: 16px 24px;
  margin: 0px;
}
.standalone-login.page-employees-index
  .applicants_detail_table
  table
  tr
  .td-email {
  max-width: 150px;
  word-break: break-word;
  white-space: break-spaces;
}
.standalone-login .autocomplete,
.standalone-login .pac-container {
  z-index: 99999999;
}
.employment_tab_main-standalone .no-data-found {
  padding: 10px 0px;
}
.package-heading-small {
  color: #b42318;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.btn-subscription-invoice::before {
  position: fixed;
  top: 0;
  content: "";
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  background: #000;
  opacity: 0.3;
}
.btn-subscription-invoice #subscriptionModal {
  z-index: 99999;
  padding-right: 0px !important;
}

#subscriptionModal .modal-header {
  padding: 24px 24px 20px !important;
}
#subscriptionModal .modal-header .modal-title {
  color: #101828;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
}
#subscriptionModal .modal-dialog {
  max-width: 400px;
}
#subscriptionModal .modal-content {
  padding: 0px;
}
#subscriptionModal .modal-body {
  padding: 24px;
  min-height: 150px;
  max-height: 400px;
  overflow-y: auto;
}
#subscriptionModal .pay-sidebar .submit-hours {
  border-top: 0px;
}
#subscriptionModal .pay-sidebar {
  padding-top: 12px;
}
#subscriptionModal .checkboxes .checkbox-single-card {
  display: flex;
  padding: 16px;
  align-items: flex-start;
  gap: 4px;
  align-self: stretch;
  border-radius: 12px;
  border: 1px solid #eaecf0;
  background: #fff;
  cursor: pointer;
  justify-content: space-between;
  min-height: 105px;
}
#subscriptionModal .checkboxes .payment-method-image-outer {
  border-radius: 6px;
  border: 1px solid #f2f4f7;
  background: #fff;
  display: flex;
  width: 46px;
  height: 32px;
  padding: 8px;
  justify-content: center;
  align-items: center;
}
#subscriptionModal .checkboxes .checkbox-single-card input[type="checkbox"] {
  margin-top: 0px;
}
#subscriptionModal .checkboxes .payment-method-text-outer {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#subscriptionModal .checkboxes .payment-method-text-outer span {
  font-size: 14px;
  line-height: 20px;
}
#subscriptionModal .checkboxes .payment-method-text-outer span.payment-first {
  color: #344054;
  font-weight: 500;
}
#subscriptionModal .checkboxes .payment-method-text-outer span.payment-second {
  color: #475467;
  font-weight: 400;
}
#subscriptionModal .single-card-fill .remove-payment {
  color: #d92d20;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  position: absolute;
  bottom: 15px;
  left: 75px;
  cursor: pointer;
}
#subscriptionModal .single-card.add-card-single-new .add-card-title {
  padding: 20px 0px;
  color: #175cd3;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  width: fit-content;
}
#subscriptionModal .single-card.add-card-single-new .checkboxes {
  display: flex;
  gap: 8px;
  align-items: center;
}
#subscriptionModal .single-card.add-card-single-new .checkboxes label {
  color: #475467;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
#subscriptionModal .pay-sidebar .modal-footer.add_hours .btn-block {
  height: auto;
  color: #182230 !important;
  font-size: 16px !important;
  font-weight: 500;
  line-height: 24px;
}
#subscriptionModal
  .single-card.add-card-single-new
  .checkboxes
  input[type="checkbox"] {
  margin-top: 0px;
  margin-right: 0px;
}
.page-standalone-billing.modal-open {
  overflow: hidden;
}
.profile_page_title .left_div {
  width: 65%;
}
.standalone-login.modal-open {
  overflow: hidden;
}
.standalone-login #subscriptionModal .card-element-outer .form-control {
  height: 40px !important;
  margin-bottom: 20px;
  border-radius: 8px;
}
.payment-ajax-loading {
  z-index: 1000;
  left: 0;
  top: 73px;
  width: 100%;
  height: 100%;
  position: absolute;
  padding: 0 !important;
  background: #fff;
  border-radius: 12px;
  border-top-right-radius: 0;
}
.payment-ajax-loading .spinner {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.standalone-login
  .applicants_tabs_tab
  .comments_content
  .todo_item
  .avatars_group {
  gap: 0px;
}
.standalonejobmodalhire .table-condensed .clear {
  display: none;
}
.standalone-career-logo {
  color: #fff;
  white-space: nowrap;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  margin-top: 9px;
  user-select: none;
}
.creer_footer_inner .standalone-career-logo {
  color: #344054;
}
.careersite-job .standalone-career-logo {
  color: #344054;
}
.direction-arrow-outer .up-arrow {
  transform: rotate(180deg);
}
.right-side-desktop-mobile .creer_home .creer_home_btn button,
.right-side-desktop-mobile .creer_home .creer_home_btn button,
.right-side-desktop-mobile button.upload_resume {
  font-size: 14px !important;
}
.empty_body_div {
  position: relative;
}
.empty_body_div .page-titlediv {
  position: absolute;
  top: 10%;
  left: 13%;
}
.standalone-settings .free-access .package-card {
  min-height: auto;
}

.home-page-careersite
  .right-side-desktop-mobile
  .navbar-nav
  .yellow_btn_change {
  height: 44px;
  line-height: 20px;
}
.no-subscription .job-body-card .user-card,
.no-subscription .standalone-jobpiline .profile-header {
  filter: blur(3px);
  pointer-events: none;
  user-select: none;
}
.no-subscription.page-applicants-list .applicants_table .job_list a,
.no-subscription.page-applicants-list.applicants_table .job_list a:hover {
  pointer-events: none;
  user-select: none;
}
.no-subscription.page-applicants-list .user-tbody {
  pointer-events: all;
  filter: blur(3px);
  user-select: none;
}
.no-subscription.page-applicants-list .appliction_hover_table:hover .m_iocn {
  display: none;
}
.no-subscription.page-job-applicants .fa-time-scroce,
.no-subscription #kanban-blacklist-8 .application-deleted .rejected-reason,
.no-subscription.page-applicants-list
  .applicants_detail_table
  table
  thead
  tr
  .checkbox {
  pointer-events: none;
  user-select: none;
}
.trialexpired-footer {
  display: flex;
  gap: 12px;
}
.trialexpired-footer .btn {
  padding: 10px 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  width: 100%;
  height: auto;
}
.trialexpired-footer .btn.white_btn {
  color: #344054;
  margin-right: 0px !important;
}
.trialexpired-footer .btn.yellow_btn {
  color: #182230;
  margin-left: 0px !important;
}
.standalone-settings .package-card-outer .auto-load-client {
  position: absolute;
  top: 25%;
  left: -10%;
  margin: auto;
}
.modal-open
  #reject-applicant
  .form_select_container
  .select2-container
  .select2-selection--single
  .select2-selection__rendered
  span,
.standalonejobmodalhire
  .form_select_container
  .select2-container
  .select2-selection--single
  .select2-selection__rendered {
  color: #101828 !important;
}
/*================================= StandAloneCompany end =====================================================*/
/* ===============================================media-start========================================================================== */
@media (max-width: 1900px) {
  .payroll_modal_container {
    height: 90vh;
  }
}
@media (max-width: 1700px) {
  .onboarding-first {
    width: 22%;
  }
  .empty_body_div .page-titlediv {
    left: 15%;
  }
  .page-candidates-details
    .candidate-filter-form-rangebar-ty
    .job_hading_filter
    .com-search {
    max-width: 22.3%;
    flex: 0 0 22.3%;
  }
  .section-bg-hero {
    width: 100%;
  }
  .timesheet_feedback_mood .timesheet_mood-tooltip {
    right: -6.2rem;
  }
  .left-siderbar-text-editor {
    width: 28%;
  }
  .right-siderbar-text-save {
    width: 72%;
  }
  .payroll_modal_container {
    height: 70vh;
  }
  .timesheet-page-candidate
    .hour-warning_icon.bg-green
    .warning-second
    .approve_tooltip {
    right: 0px;
  }
  .timesheet-page-candidate
    .hour-warning_icon.bg-green
    .warning_first
    .approve_tooltip {
    left: 0px;
  }
  .timesheet-page-candidate .hour-warning_icon .warning_first .approve_tooltip {
    left: 10px;
  }
  .timesheet-page-candidate
    .hour-warning_icon
    .warning-second
    .approve_tooltip {
    right: 10px;
  }
  .hour-warning_icon.bg-green .warning_first .tooltip-inner-text {
    left: -1.2rem !important;
  }
  .job-overview-col .col-4 {
    max-width: 32.6%;
    flex: 0 0 32.6%;
  }
  .timesheet-page-candidate
    .hour-warning_icon
    .warning_first
    .tooltip-inner-text {
    left: -0.6rem;
  }
  .timesheet-page-candidate
    .hour-warning_icon
    .warning-second
    .tooltip-inner-text {
    left: 3.7rem;
  }
  .hour-warning_icon.bg-red .warning_first .tooltip-inner-text {
    left: -1.2rem;
    top: -6.3rem;
  }
  .hour-warning_icon.bg-red .warning-second .tooltip-inner-text {
    left: 4.1rem;
    top: -5.2rem;
  }
  .hour-warning_icon.bg-green .warning-second .tooltip-inner-text {
    left: 4.1rem !important;
  }
  .page-recruiter-candidate-hours-review .timesheet-content {
    margin-bottom: 3.5rem;
  }
  .tab-pane .total-hours-timesheet {
    margin-bottom: 50px;
  }
  .complete-later {
    max-width: 75%;
  }
  .onboarding-second {
    width: 82%;
  }
  .page-timesheet.timesheet-page-candidate {
    overflow-y: auto !important;
  }
  .contract-job-handing-search .com-search {
    width: 29.6%;
    max-width: 29.6%;
    flex: 0 0 29.6%;
  }
  #payroll .modal-controll .prev-navigation {
    margin-left: -3rem;
  }
  #payroll .modal-controll .next-navigation {
    margin-right: -3rem;
  }
  .right-side-desktop-mobile .cereer_page .container {
    max-width: 900px;
  }
  .home-page-careersite
    .right-side-desktop-mobile
    .hiring_proscess_card
    .hiring_proscess_card_item:first-child {
    padding-left: 20px;
  }
  .home-page-careersite
    .right-side-desktop-mobile
    .hiring_proscess
    .hiring_proscess_inner
    .hiring_proscess_card {
    margin: 0;
  }
  .login_right_slider .slider_text {
    padding: 0px 10rem;
  }
}
@media (max-width: 1600px) {
  .onboarding-first {
    width: 25%;
  }
  .empty_body_div .page-titlediv {
    left: 15%;
  }
  .standalone-login .contract-table .status-contract-period.standalone-perid {
    width: 50% !important;
  }
  .onboarding-second {
    width: 75%;
    max-width: 78%;
  }
  #payroll .modal-dialog {
    max-width: 570px;
  }
  .payroll_modal_container .modal_header .modal_name h3 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 270px;
  }
}
@media (max-width: 1550px) {
  .dashboard_navbar.nav-tabs .nav-link {
    padding-right: 9rem;
  }
  .standalone-login .note-editable.panel-body {
    height: 300px !important;
  }
  .empty_body_div .page-titlediv {
    left: 16%;
  }
  .onboarding-first {
    width: 25%;
  }
  .onboarding-second {
    width: 75%;
  }
  .complete-later {
    max-width: 76.4%;
    padding-right: 4.8rem;
  }
  .onboarding-second .skill-inner ul {
    justify-content: space-between;
  }
  .onboarding-second .skill-inner ul li {
    padding: 6px 0px;
  }
  .onboarding-second .skill-inner ul li span {
    padding: 10px 17px;
  }
  /* .footer-application {
width: 90%;
} */
  .actione-invoice-admin .edit,
  .actione-invoice-admin .dropdown-toggle {
    padding: 5px;
  }
  .active_candidates_reports {
    left: -7.8rem;
  }
  .all-section-career {
    width: 100%;
  }
  .edit-section-career-all.all-section-career .section-bg-edit-all {
    width: 100%;
  }
}
@media (max-width: 1500px) {
  .dashboard_navbar.nav-tabs .nav-link {
    padding-right: 7.1rem;
  }
  .standalone-login .job-body-header-card {
    padding: 10px;
  }
  .standalone-company-col-5 {
    max-width: 45.8%;
    flex: 0 0 45.8%;
  }
  .section-bg-edit-all #visible_options {
    height: 69vh;
  }
  .home-page-careersite
    .right-side-desktop-mobile
    .hiring_proscess_card
    .hiring_proscess_card_item:first-child {
    padding-left: 0;
  }
  .home-page-careersite
    .right-side-desktop-mobile
    .hiring_proscess_card
    .hiring_proscess_card_item:last-child {
    padding-right: 0px;
  }
  .upload_logo .upload_logo_inner .upload_logo_preview {
    width: 105px;
  }
  .active_candidates_reports {
    left: -6.8rem;
  }
  .complete-later {
    max-width: 75%;
    padding-right: 4rem;
  }
  .onboarding-second .profile_content .right_div,
  .onboarding-second {
    max-width: 75%;
  }
  .onboarding-second .profile_content .left_div,
  .onboarding-first {
    width: 25%;
  }
  .onboarding-second .skill-inner ul li span {
    padding: 10px 14.5px;
  }
  .mileage_select_full-car img {
    left: 25px;
  }
  .mileage_select_full-car .car_number {
    padding: 20px 10px 20px 28px;
  }
  .timesheet-page-candidate #mileage_tab-desk .col-md-1 {
    -ms-flex: 0 0 10% !important;
    flex: 0 0 10% !important;
    max-width: 10% !important;
  }
  .timesheet-page-candidate #mileage_tab-desk .col-md-3 {
    -ms-flex: 0 0 20% !important;
    flex: 0 0 20% !important;
    max-width: 20% !important;
  }
  .page-candidates-details
    .candidate-filter-form-rangebar-ty
    .job_hading_filter
    .com-search {
    max-width: 22%;
    flex: 0 0 22%;
  }
  .payroll_modal_container .modal_header .modal_img img {
    margin-right: 43px;
  }
  .login_right_slider.register_bg button.owl-next {
    position: absolute;
    right: 15pc;
    bottom: 7px;
  }
  .login_right_slider.register_bg button.owl-prev {
    position: absolute;
    left: 15pc;
    bottom: 7px;
  }
  .appliction_hover_table .appliction_atag {
    max-width: 140px;
  }
  .page-recruiter-candidate-hours-review .timesheet_candidate_name {
    width: 60px;
  }
  .google-sign-up .tooltip-google {
    left: 1rem;
  }
  .page-companies-details .appliction_hover_table .appliction_atag {
    max-width: 110px;
  }
  .page-candidates-details .job_list .rating.td-rating {
    max-width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .standalone-login #jobpilinemodal .modal-controll .prev-navigation {
    margin-left: 2rem;
  }
  .standalone-login #jobpilinemodal .modal-controll .next-navigation {
    margin-right: 2rem;
  }
  .standalone-jobpiline .modal-content {
    height: 650px;
  }
  .standalone-login .contract-job-handing-search .com-search {
    width: 29.2%;
    max-width: 29.2%;
    flex: 0 0 29.2%;
  }
  /* .payroll_modal_container .payroll_data {
height: 550px;
} */
}
@media (max-width: 1440px) {
  /* .main-section-inner .container {
max-width: 100%;
} */
  .to-do-tab {
    height: 570px;
  }
  .notification-container .switch-flex .switch input {
    margin-right: 45px;
  }
  .standalone-login .note-editable.panel-body {
    height: 280px !important;
  }
  .new-contract-standalone .modal-body {
    max-height: 550px;
  }
  .header-todo-popup .ui-timepicker-wrapper,
  .header-todo-popup.page-dashboard_home .ui-timepicker-wrapper {
    top: 24rem !important;
  }
  .header-todo-popup.page-applicant-profile-edit.to-do-body
    .daterangepicker.dropdown-menu {
    top: 26rem !important;
  }
  .header-todo-popup.page-dashboard_home .daterangepicker.dropdown-menu,
  .header-todo-popup .daterangepicker.dropdown-menu {
    top: 26rem !important;
  }
  .header-todo-popup-new .to-do-tab {
    height: 330px;
  }
  .fc-day-sat .tooltip-div-calendar,
  .fc-day-sun .tooltip-div-calendar {
    left: -227%;
  }
  .page-candidates-details
    .candidate-filter-form-rangebar-ty
    .job_hading_filter
    .com-search {
    max-width: 22%;
    flex: 0 0 22%;
  }
  #payroll .modal-dialog {
    max-width: 650px;
  }
  .onboarding-second .skill-inner ul li span {
    padding: 10px 13.4px;
  }
  .candidate-list-modal .side-border span {
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .candidate-list-modal thead {
    top: 8.5rem;
  }
  .border-right-dashboard .dashboard_navbar.nav-tabs .nav-link {
    padding-right: 10.7rem;
  }
  .job_matches .job_matches_item_content p {
    width: 260px;
  }
  .dashboard_candidate_col {
    padding: 40px 12px 40px 24px;
  }
  .dashboard_navbar.nav-tabs .nav-link {
    padding-right: 6.6rem;
    padding-left: 0.5rem;
  }
  .active_candidates_reports {
    left: -6.8rem;
  }
  .candidate-filter-form-rangebar {
    width: 70%;
  }
  .calendar .fc-toolbar-chunk:nth-child(1) {
    width: 30%;
  }
  .calendar .fc-toolbar-chunk:nth-child(3) {
    width: 40%;
  }
  .formbuilder .col-md-10 {
    flex: 0 0 70%;
    max-width: 70%;
  }
  .formbuilder .col-md-2 {
    flex: 0 0 30%;
    max-width: 30%;
  }
  .password_reset_form {
    padding: 6rem 0px;
  }
}
@media (max-width: 1400px) {
  .main-section-inner .container {
    max-width: 100%;
  }
  .dashboard_navbar.nav-tabs .nav-link {
    padding: 0px 50px;
  }
  .standalone-login .note-editable.panel-body {
    height: 270px !important;
  }
  .new-contract-standalone .modal-body {
    max-height: 280px;
  }
}
@media (max-width: 1366px) {
  /*  .main-section-inner .container{
max-width: 1080px;
} */
  .calendar .fc-toolbar-chunk:nth-child(2) {
    width: 33%;
  }
  .page-applicants-list .applicants_detail_table table tbody tr td {
    max-width: 150px;
  }
  .appliction_hover_table .appliction_atag {
    max-width: 85px;
  }
  .applicants_detail_table table thead tr th {
    padding: 12px 6px;
  }
  .applicants_detail_table table tr td {
    padding: 6px !important;
  }
  .applicants_detail_table .contract-table thead tr th {
    padding: 16px 6px;
  }
  .page-candidates-details .job_list .rating.td-rating,
  .applicants_detail_table table tbody tr td.td-job_title {
    max-width: 130px;
  }
  .applicants_detail_table table tr .td-email,
  .modal-open #match_job_modal table tr .td-job_title {
    max-width: 120px;
  }
  .page-candidates-details
    .candidate-filter-form-rangebar-ty
    .job_hading_filter
    .com-search {
    max-width: 21.3%;
    flex: 0 0 21.3%;
  }
  .onboarding-second .skill-inner ul li span {
    padding: 10px 10.6px;
  }
  .complete-later {
    padding-left: 0rem;
    padding-right: 3rem;
  }
  .complete-later,
  .onboarding-second .profile_content .right_div,
  .onboarding-second {
    max-width: 70%;
  }
  .onboarding-second .profile_content .left_div,
  .onboarding-first {
    width: 30%;
  }
  .calendar .fc-toolbar-chunk:nth-child(3) {
    width: 37%;
  }
  .standalone-login #jobpilinemodal .modal-controll .prev-navigation {
    margin-left: 1.5rem;
  }
  .standalone-login #jobpilinemodal .modal-controll .next-navigation {
    margin-right: 1.5rem;
  }
  .standalone-jobpiline .modal-content {
    height: 600px;
  }
  .standalone-jobpiline .modal-dialog {
    max-width: 1000px;
  }
}
@media (max-width: 1300px) {
  .timesheet-content .bg-wrap {
    overflow-x: auto;
  }
  .to-do-tab {
    height: 526px;
  }
  .header-todo-popup-new .to-do-tab {
    height: 290px;
  }
  .onboarding-second .skill-inner ul li span {
    padding: 10px 9.6px;
  }
  #payroll .modal-controll .next-navigation {
    margin-right: -6.3rem;
  }
  #payroll .modal-controll .prev-navigation {
    margin-left: -6.3rem;
  }
  .job-overview-col .col-4 {
    max-width: 32%;
    flex: 0 0 32%;
  }
  .timesheet-content .bg-wrap .timesheet-row-table {
    min-width: 1300px;
  }
  .dashboard_navbar.nav-tabs .nav-link {
    padding-right: 4.1rem;
    padding-left: 0.5rem;
  }
  .job_matches .job_matches_item_content p {
    width: auto;
  }
  .border-right-dashboard .dashboard_navbar.nav-tabs .nav-link {
    padding-right: 5.7rem;
  }
  .empty_body_div .page-titlediv {
    left: 16%;
  }
}
@media (max-width: 1280px) {
  .register-owl-theme .item-text .description {
    width: 100%;
  }
  .onboarding-second .skill-inner ul li span {
    padding: 10px 9px;
  }
}
@media (max-width: 1170px) {
  .main-section-inner .container {
    max-width: 100%;
  }
  .empty_body_div .page-titlediv {
    left: 18%;
  }
  .recent_job_content table tbody td {
    text-align: right;
  }
  .complete-later {
    padding-left: 0.5rem;
    padding-right: 2.5rem;
  }
  .complete-later,
  .onboarding-second .profile_content .right_div,
  .onboarding-second {
    max-width: 65%;
  }
  #payroll .modal-controll .next-navigation {
    margin-right: -11.3rem;
  }
  #payroll .modal-controll .prev-navigation {
    margin-left: -11.3rem;
  }
  .onboarding-second .profile_content .left_div,
  .onboarding-first {
    width: 35%;
  }
  .dashboard_navbar.nav-tabs {
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    overflow: scroll;
  }
  .dashboard_navbar.nav-tabs .nav-link {
    width: auto;
  }
  .dashboard_navbar.nav-tabs .nav-link {
    padding: 0px 10px 0 10px;
  }
  .main-section-inner .container {
    padding-right: 30px;
  }
  .timesheet_navbaar.dashboard_navbar.nav-tabs .nav-link {
    width: auto;
    padding-left: 12px;
  }
  .modal-dialog.modal-fullscreen {
    margin: 0px auto;
  }
  .add-candidate-edit-modal .modal-body .close {
    right: 0.5rem !important;
    top: 1.5rem;
  }
  .timesheet-name-outer {
    text-align: left !important;
  }
  .active_candidates_reports {
    left: -5.8rem;
  }
  .new-contract-standalone .modal-body {
    max-height: 350px;
  }
}
@media (max-width: 1024px) {
  .standalone-login .main-section-inner .container {
    margin-left: 0px;
    padding-right: 15px;
  }

  .dash-h-item.add-new-notification {
    margin-right: 16px;
  }
  .dash-h-item.add-new-notification.todo_dropdown_main {
    margin-right: 8px;
  }
  .no-scroll .sticky {
    left: -25px !important;
  }

  .career-site-global {
    display: none !important;
  }
  #payroll .modal-controll .next-navigation {
    margin-right: -14.3rem;
  }
  #payroll .modal-controll .prev-navigation {
    margin-left: -14.3rem;
  }
  .page-layoff-onboarding .logo-Onboarding {
    position: absolute;
    left: 29px;
    top: 17px;
    display: flex;
  }
  .total-hours-company-responsive {
    gap: 4px;
  }
  .company-timesheet-reject .time {
    display: none;
  }
  .company-timesheet-reject .rolldate {
    display: block;
  }
  .total-hours-company-responsive .warning-c {
    color: #b42318;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    text-align: center;
    border: 1px solid #fecdca;
    background: #fef3f2;
    padding: 2px 8px;
    border-radius: 16px;
    margin-left: 4px;
    position: relative;
    border-radius: 16px;
  }
  .total-hours-company-responsive .warning-c:hover .timesheet_mood-tooltip {
    display: block;
  }
  .total-hours-company-responsive .timesheet_mood-tooltip {
    right: -2.2rem;
    position: absolute !important;
    top: -10.2rem;
  }
  .total-hours-company-responsive .timesheet_mood-tooltip::before {
    left: 16.2rem;
  }
  #suggestionModal .modal-footer.add_hours .btn {
    width: auto;
  }

  .moblie-logo .logo_company-moblie {
    width: 32px !important;
  }
  .page-company-onboarding .job_applicants_Page {
    display: none;
  }
  .page-company-onboarding .dash-sidebar {
    display: block;
  }
  .page-company-onboarding .logo-Onboarding {
    display: none;
  }
  .dash-sidebar.mob-sidebar-active {
    left: 0;
    box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08);
  }
  li.nav-item.nav-item-mobile.team {
    display: none !important;
  }
  .login-bg .login-form {
    margin: 0px auto !important;
    align-items: center;
  }
  .login-bg .login-form {
    max-width: 100%;
  }
  .login-bg .register_login-form.login-form {
    align-items: inherit;
  }
  .register_login-form.login-form p.note.text-left {
    text-align: left !important;
  }
  .login-form p.note.text-left {
    text-align: center !important;
  }
  .register_login-form .login_ind_r {
    text-align: left !important;
  }
  .add-new-notification .dash-head-link {
    padding: 8px;
  }
  .dash-sidebar .m-header {
    padding: 20px;
  }
  .nav-item.search_bar_mobile {
    margin-bottom: 20px;
  }
  .header-wrapper .add-new-notification .notification-content {
    top: 3.5rem;
  }
  .header-wrapper .notifications-count-btn-dropdown .dropdown-menu {
    left: -1.5rem !important;
  }
  .standalone-login
    .header-wrapper
    .notifications-count-btn-dropdown
    .dropdown-menu {
    left: 0rem !important;
  }
  .todo_dropdown_main .todo_dropdown_menu {
    top: 3.5rem;
  }
  .dash-sidebar .navbar-content {
    padding: 0;
    height: 90%;
  }
  .header-wrapper .dropdown-menu {
    top: -6.4rem;
    left: -10.7rem;
    width: 205px;
    border: 1px #eaecf0 solid;
  }
  .searchbox-input {
    height: 50px;
    font-size: 16px;
    margin-bottom: 10px;
    margin: 0px 20px 0px;
    width: 90%;
    height: inherit;
    padding: 10px 14px 10px 40px;
    max-width: 100%;
    line-height: 24px;
    font-weight: 400;
  }
  span.icon-search-input-menu {
    position: absolute;
    top: 10px;
    left: 30px;
    z-index: 0;
    color: #000;
    font-size: 17px;
  }
  .search_bar_mobile {
    position: relative;
    z-index: 99999;
  }
  .search-input {
    font-size: 14px !important;
  }
  .dp__input_wrap .dp__icon {
    display: none !important;
  }
  .dash-menu-overlay::before {
    content: url("../images/menu-icon/close-white.svg");
    z-index: 9999;
    position: absolute;
    right: 20px;
    top: 16px;
    width: 30px;
    height: 30px;
    cursor: pointer;
  }
  .logo_mobile,
  .Settings_responshiv {
    display: block !important;
  }
  .mobile_dropdown_login_profile {
    display: flex;
  }
  .logo-desktop {
    display: none !important;
  }
  .tooltip {
    display: none;
  }
  .dash-sidebar {
    width: 300px;
  }
  .navbar-nav-child {
    font-size: 16px;
    color: #344054;
    font-weight: 400;
    line-height: 24px;
  }
  .nav-link.active .navbar-nav-child {
    color: #182230;
  }
  .dropdown_login_profile.mobile_dropdown_login_profile .user {
    color: #344054;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
  }
  .notification img {
    width: 20px;
  }
  .header-images {
    margin-right: 12px !important;
    margin: 0;
  }
  .dash-sidebar.light-sidebar .navbar-nav > .nav-item > .nav-link {
    width: auto;
    height: inherit;
    padding: 8px 12px;
    text-align: left;
    display: flex;
  }
  #mobile-collapse {
    display: block;
    background: transparent;
    border: none;
    padding: 0;
  }
  #mobile-collapse .dash-header .dash-head-link {
    border: none;
  }
  .create_new-email,
  .new_email.text-center {
    width: 100%;
  }
  .create_new-email.condition_trigger {
    width: 100%;
  }
  .dash-head-link .prfile-login {
    font-size: 0;
  }
  .dash-head-link .fa-chevron-down {
    display: none;
  }
  .dash-sidebar {
    left: -340px;
    box-shadow: none;
    transition: all 0.15s ease-in-out;
  }
  .dash-sidebar.mob-sidebar-active .navbar-wrapper {
    position: relative;
    z-index: 5;
    background: inherit;
    height: 100%;
  }
  .main-section-inner .container {
    margin-left: 0;
    padding-right: 30px;
  }
  .dash-header .header-wrapper {
    padding: 12px 16px;
  }
  .dash-header {
    top: 0;
    left: 0;
    transition: all 0.15s ease-in-out;
  }
  .get-started-btn-document .career-setting-logo,
  .career_settings_progress {
    display: none !important;
  }
  .header-wrapper .me-auto.dash-mob-drp {
    margin-right: auto !important;
    /* display: inline-flex;
justify-content: space-between;
align-items: center; */
  }
  .moblie-logo img {
    width: 146px;
    display: block;
  }
  .moblie-logo {
    display: block;
    margin-right: 3rem;
  }
  .mob-sidebar-active.dash-sidebar .main-logo {
    max-width: 230px;
    min-width: 231px;
    padding: 1rem;
    text-align: center;
  }
  .dropdown-lang {
    font-size: 0;
  }
  .dash-header .dash-head-link .profle-image {
    margin-right: 0;
  }
  .right-div .nav-item .dropdown .fa-chevron-down {
    margin-left: 0;
  }
  .dropdown-menu.lang_menu.show {
    left: -3rem !important;
  }
  .main-section-inner .container {
    top: 90px;
  }
  .timesheet-candidate-content-sect
    .timesheet_navbaar.dashboard_navbar.nav-tabs
    .nav-link {
    width: auto;
  }
  .mobile-hours .total-hours-timesheet .warning-c .timesheet_mood-tooltip {
    right: 0.8rem;
    top: 7rem;
  }
  .mobile-hours .applicants_tabs_nav {
    background: #f9fafb;
    border: 1px solid #eaecf0;
    padding: 4px;
    gap: 4px;
    border-radius: 10px;
    width: 100%;
    margin-bottom: 20px;
  }
  .mobile-hours .timesheet_mood-tooltip {
    position: fixed;
  }
  .mobile-hours .applicants_tabs_nav .nav-item {
    width: 49%;
    text-align: center;
  }
  .mobile-hours .applicants_tabs_nav .nav-link {
    color: #667085 !important;
    padding: 8px 12px !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  .mobile-hours .applicants_tabs_nav .nav-link.active {
    color: #182230 !important;
    background-color: #f8e965;
    border-radius: 6px;
    border-bottom: 0;
  }
  .mobile-hours.applicant_profile_content {
    margin-top: 0px;
  }
  .timesheet-titlediv-right-outer {
    margin-bottom: 20px !important;
  }
  .form-group.d-btn .right-div {
    margin-top: 0px;
    margin-bottom: 4px;
  }
  .rolldate-container .rolldate-wrapper {
    background: #f2f4f7 !important;
  }
  .rolldate-container .mask-bottom {
    background: #fff !important;
  }
  .rolldate-container .mask-top {
    background: #fff !important;
  }
  .timesheet-candidate-content-sect .header-cntrl-wrapper .next-pre-control {
    background: transparent;
    border-radius: 0px;
    height: auto;
    border: #eaecf0 0px solid;
  }
  .timesheet-candidate-content-sect .border-box.nextweek,
  .timesheet-candidate-content-sect .border-box.preweek {
    border: none;
  }
  .timesheet-candidate-content-sect
    .header-cntrl-wrapper
    .next-pre-control
    .border-box {
    height: auto;
    padding: 0px;
  }
  .add_hours_timesheet .modal-footer {
    padding: 0;
  }
  .rolldate-container .rolldate-panel {
    z-index: 99 !important;
  }
  .add_hours_table .hour-warning.suggested-warning {
    position: absolute;
    right: -23px;
    z-index: 9999;
    top: 25px;
  }
  .mobile_modal_candidate .time_picker > div {
    position: relative;
  }
  .bg-red span,
  .bg-green span {
    white-space: nowrap;
  }
  .mobile_modal_candidate .time_picker .form-input-fpo {
    position: absolute;
    top: 58%;
    left: 8px;
    width: 16px;
  }
  .mobile_modal_candidate .time_picker .form-control::placeholder {
    color: #667085;
  }
  .mobile_modal_candidate .time_picker .form-control {
    color: #667085;
    padding-left: 30px;
  }
  .mobile_modal_candidate .time_picker .form-control#earning-mileage {
    padding-left: 15px;
  }
  .active_candidates_reports {
    left: -4.8rem;
  }
  .standalone-login
    .dash-sidebar
    .main-logo
    a
    img.standalone-logo.standalone-logo {
    display: none !important;
  }
}
@media (max-width: 921px) {
  .standalone-login .dash-sidebar {
    width: 300px;
  }
  .password_reset_form {
    padding: 0px 20px;
  }
  .standalone-menu li a {
    gap: 0px;
  }
  .active_candidates_reports {
    left: -3.8rem;
  }
  .dash-header .dash-head-link {
    height: auto;
  }
  .timesheet-warp {
    background: #fff;
    position: fixed;
    /* top: 90vh; */
    width: 100%;
    z-index: 1020;
    box-shadow: 0px -4px 6px -2px #10182808;
    box-shadow: 0px -12px 16px -4px #10182814;
    padding: 20px;
    /* left: -14px;    */
    background: #fff;
    bottom: 0;
    left: 0;
    margin: 0 !important;
  }
  .google-sign-up .tooltip-google {
    left: 0rem;
  }
  .timesheet-company-d-flex-res {
    gap: 20px;
  }
  .add_hours_table {
    margin-bottom: 4rem;
  }
  .suggestionhours .modal-head .check-out-modal p {
    text-align: right;
  }
  .calendar-view-name-r[readonly] {
    background-color: #f2f4f7 !important;
    color: #667085 !important;
    pointer-events: none;
  }
  .suggestionhours .check-out-modal.text-left p {
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .suggestionhours .modal-footer {
    border-top: 0px;
    padding: 4px 16px 16px;
  }
  .mobile-hours .add_hours_timesheet {
    pointer-events: all;
  }
  .responsive-div .inactive-row .timesheet_mood {
    justify-content: end;
  }
  .responsive-div .inactive-row .timesheet_mood-tooltip,
  .responsive-mileage-div .inactive-row .timesheet_mood-tooltip {
    right: 0.1rem;
    top: -6rem;
    max-width: 200px;
    width: max-content;
    position: absolute !important;
  }
  #reject-mileage .modal-footer.add_hours,
  #suggestionModalMileage .modal-footer.add_hours,
  #suggestionModal .modal-footer.add_hours,
  #suggestionModalMileageRes .modal-footer.add_hours {
    flex-direction: column-reverse;
    gap: 8px;
  }
  #reject-mileage .modal-footer.add_hours .btn,
  #suggestionModalMileage .modal-footer.add_hours .btn,
  #suggestionModal .modal-footer.add_hours .btn,
  #suggestionModalMileageRes .modal-footer.add_hours .btn {
    width: 100%;
  }
  #reject-mileage .modal-footer > :not(:last-child),
  #suggestionModalMileageRes .modal-footer > :not(:last-child),
  #suggestionModalMileage .modal-footer > :not(:last-child),
  #suggestionModal .modal-footer > :not(:last-child) {
    margin-right: 0px !important;
  }
  .responsive-div .inactive-row .timesheet_mood,
  .responsive-mileage-div.mrt .timesheet_mood {
    display: table-cell !important;
  }
  .responsive-div .inactive-row .timesheet_mood.backbround_focus {
    display: flex !important;
  }
  .responsive-div .inactive-row .timesheet_mood-tooltip::before,
  .responsive-mileage-div .inactive-row .timesheet_mood-tooltip::before {
    left: 10.5rem;
  }
  .company-reject-hours {
    display: none !important;
  }
  .file-list .list-group-item .file-href {
    font-size: 12px;
    font-weight: 400;
    white-space: nowrap;
    width: 80%;
    display: inline-flex;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 1rem;
  }
  .submit-hours .submit_timesheet_hours {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
  }
  .add_hours_table table tbody tr td.action_btn button {
    padding: 8px 10px;
    font-size: 13px;
    line-height: 18px;
  }
  .text-linethrough {
    display: inline-block;
  }
  .suggested-hours {
    display: inline-block;
  }
  .mobile-responshive_submit {
    display: block !important;
  }
  #editDatepairExample .ui-timepicker-input {
    display: none !important;
  }
  .page-meetings #editDatepairExample .ui-timepicker-input {
    display: block !important;
  }

  #datepairExample .ui-timepicker-input {
    display: none !important;
  }
  .page-meetings #datepairExample .ui-timepicker-input {
    display: block !important;
  }
  .color-picker-calendar.color-picker .color-list,
  .color-picker-calendar-edit.color-picker .color-list {
    left: -6px;
  }
  .page-meetings .select2-container {
    width: fit-content !important;
  }
  #reject .approve-reject .modal-content {
    padding: 0px;
  }
  #date-roll {
    display: block;
  }
  #action_btn_add .modal-footer {
    padding: 0;
  }
  .mt-n1 {
    margin-top: -0.3rem;
  }
  .timesheet-warp .add_hours {
    width: 100%;
  }
  #dayModal.approve-reject .modal-content {
    padding: 4px;
  }
  .approve-reject .modal-footer.add_hours .btn {
    padding: 8px 12px;
  }
  .select_full_day .form_select_container .dropdown-toggle {
    width: 100% !important;
  }
  .reverse-spinner {
    width: 25px;
    left: 50%;
    transform: translate(-40%, -40%);
  }
  .add_hours_timesheet .modal-body {
    padding: 0px;
  }
  .approve-reject .select-company-hours {
    display: block !important;
  }
  .approve-reject .form_select_container {
    margin-right: 0px !important;
    margin-bottom: 10px;
  }
  .approve-reject
    .form_select_container
    .select2-container
    .select2-selection--single {
    width: 100%;
  }
  .form_select_container {
    max-width: 100%;
  }
  .approve-reject .modal-footer.add_hours .btn {
    width: 100%;
    margin-bottom: 10px;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .approve-reject .modal-footer {
    flex-direction: column-reverse;
  }
  .timetracker_desktop,
  .select-box-timesheet-warp,
  .timetracker_content .timesheet-content .bg-wrap .timesheet-row-table {
    display: none !important;
  }
  .description-attachements {
    display: block;
  }
  .add_hours_timesheet .modal-body .active-user .switch {
    width: 41px;
    margin-bottom: 0px;
  }
  .add_hours_timesheet .modal-body {
    gap: 16px;
  }
  .currency-hol .form-control {
    padding-left: 2.5rem !important;
  }
  .currency-hol .form-input-fpo {
    width: 30px !important;
    height: 22px;
  }
  .description-modal {
    width: 100%;
    margin-bottom: 1rem;
  }
  .attachements-modal {
    width: 100%;
    margin-left: 0px;
  }
  .attachements-subtitle .attachements-pdf {
    width: 100%;
  }
  .modal-footer.add_hours .btn.btn-approve {
    margin-left: 0px !important;
  }
  .select-box-timesheet-warp.select-box-timesheet-responshive {
    display: block !important;
    background-color: #f9fafb;
    padding: 15px;
    border-radius: 10px;
  }
  .timesheet-page-admin .select-box-timesheet-warp .select2-container {
    width: 100% !important;
    max-width: 100%;
  }
  .border-right-dashboard .dashboard_navbar.nav-tabs .nav-link {
    width: auto;
  }
  #add_hours.modal.fade .modal-dialog {
    transform: translate(0, 25%) !important;
  }
  #add_hours.modal.show .modal-dialog {
    -webkit-transform: translate(0, 0%) !important;
    transform: translate(0, 0%) !important;
    margin: 0;
  }
  #add_hours.modal {
    z-index: 99999;
    top: inherit;
    bottom: 0px;
  }
  #add_hours.modal .modal-content,
  .add_hours_timesheet .modal-content {
    border-radius: 12px 12px 0px 0px;
    border: 0px;
  }
  .accordion_responshiv .h100vh-start .position-absolute {
    top: 27%;
    left: 0;
  }
  .form_select_wrap_mb,
  .form_select_wrap {
    display: block !important;
  }
  .form_select_wrap_mb .form_select_container {
    margin-bottom: 1rem;
  }
  /* #add_hours.add_hours_timesheet.modal{
height: 89vh;
} */
  .approve-reject.modal,
  .add_hours_timesheet.modal {
    top: auto;
    bottom: 0rem;
    z-index: 999999;
    border-radius: 12px 12px 0px 0px;
  }
  .add_hours_timesheet.modal.matm1#reject {
    z-index: 99;
  }
  .add_hours_timesheet.edit_date-hours-add {
    z-index: 99;
  }
  .page-company-candidate-hours-review .pac-container.pac-logo {
    z-index: 999999 !important;
    top: 390px !important;
  }
  .back-modal-button {
    color: #475467;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 6px;
  }
  .edit_date-hours-add .modal-footer.add_hours .btn {
    width: 100%;
  }
  .back-modal-button .timesheet-back {
    width: 12px;
  }
  .approve-reject.modal.welcome-modal {
    bottom: 8rem;
  }
  .approve-reject.modal.welcome-modal .modal-dialog {
    margin: 0.5rem;
  }
  .approve-reject.modal.welcome-modal .modal-content {
    border-radius: 12px;
  }
  .add_hours_timesheet.modal {
    top: 56px;
    -webkit-overflow-y: auto;
    overflow-y: auto;
  }
  .add_hours_timesheet .modal-body .file-list.mb-1 {
    max-height: 200px;
    overflow-y: scroll;
  }
  .add_hours_timesheet.modal .modal-content {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    height: 94vh;
  }
  #reject.add_hours_timesheet.modal .modal-content {
    height: 88vh;
  }
  .add_hours_timesheet.modal.fade .modal-dialog {
    transform: none !important;
  }
  /* .approve-reject.modal.fade .modal-dialog{
transform: translate(0, 25%) !important;
}
.approve-reject.modal.show .modal-dialog {
-webkit-transform: translate(0, 0%) !important;
transform: translate(0, 0%) !important;
} */
  .add_hours_timesheet.modal.show .modal-dialog {
    -webkit-transform: none !important;
    transform: none !important;
  }
  .approve-reject .modal-dialog,
  .add_hours_timesheet .modal-dialog {
    margin: 0px;
  }
  .add_hours_timesheet .modal-content {
    border: none;
    border-radius: 0 !important;
  }
  .page-timesheet.modal-open .modal-backdrop.fade.show {
    display: none;
  }
  /*.modal-open .modal-backdrop.fade.show{
display: none;
}*/
  .understand-approve-modal::before {
    background: #000;
    top: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    content: "";
    right: 0;
    opacity: 0.5;
  }
  .understand-approve-modal .modal-content {
    border-radius: 12px !important;
    margin: 0.5rem !important;
  }
  .company_mobile-modal-open.modal-open .modal-backdrop.fade.show,
  .companyapprove-modal-open.modal-open .modal-backdrop.fade.show {
    display: block;
  }
  .company_mobile-modal-open #reject.add_hours_timesheet.modal .modal-content {
    height: fit-content;
    padding: 24px 24px 12px;
    border-radius: 16px !important;
  }
  .company_mobile-modal-open .add_hours_timesheet.modal.matm1#reject {
    z-index: 9999;
  }
  .company_mobile-modal-open .approve-reject .modal-dialog {
    margin: 0.5rem;
  }
  .company_mobile-modal-open .approve-reject .form_select_container {
    margin-bottom: 0px;
  }
  /* .d-none122.modal-open .modal-backdrop.fade.show{
display: block;
} */
  .approve-reject .modal-content {
    border-radius: 12px 12px 0px 0px;
    border: none;
  }
  .companyapprove-modal-open .approve-reject .modal-content {
    border-radius: 12px;
  }
  .companyapprove-modal-open .approve-reject .modal-dialog {
    margin: 0.5rem;
  }
  .company_mobile-modal-open .rolldate-container {
    z-index: 9999;
    position: relative;
  }
  .date_time_dropdowns .accordion-item {
    border: 1px solid #eaecf0;
    border-radius: 8px;
  }
  .date_time_dropdowns .accordion-item h2 {
    margin: 0px;
  }
  .date_time_dropdowns .accordion {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-bottom: 4rem;
    padding-left: 10px;
    padding-right: 10px;
  }
  .timesheet-page-admin .date_time_dropdowns .accordion {
    padding-left: 0px;
    padding-right: 0pc;
  }
  .timesheet-page-admin .auto-load-client {
    margin-top: -5rem;
  }
  .date_time_dropdowns .accordion-collapse {
    margin-top: 0;
  }
  .date_time_dropdowns .timesheet-company_info {
    margin-bottom: 20px;
    margin-top: 15px;
  }
  .add_hours_timesheet .modal-body .custom-file label {
    color: #667085;
    font-weight: 400;
    line-height: 26px;
  }
  .suggestionhours .modal-body {
    padding: 16px;
  }
  #suggestionModalMileageRes,
  #suggestionModalMileage,
  #suggestionModal {
    pointer-events: none;
  }
  .modal-open-suggestion::before {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    background-color: #000;
    opacity: 0.5;
    content: "";
  }
  .date_time_dropdowns .com-bg-color .accordion-body ul li.bg-gray span,
  .date_time_dropdowns .com-bg-color .accordion-body ul li.bg-green span {
    border: 0px solid #eaecf0 !important;
    background: transparent;
    padding: 0;
    border-radius: 0px;
  }
  .date_time_dropdowns .com-bg-color .timesheet-company_info {
    margin-bottom: 16px;
    margin-top: 8px;
  }
  .date_time_dropdowns .com-bg-color .accordion-body ul li[data-day="6"] {
    border-bottom: 0px;
  }
  .com-bg-color .name-weeek-days {
    margin-top: 0px;
  }
  #reject .approve-reject .modal-body .title,
  #reject .approve-reject .form_select_container {
    margin-bottom: 0px;
  }
  .matm1#reject .submit-hours {
    padding-top: 8px;
  }
  .calender-view .dropdown-item {
    position: relative;
    font-weight: 500;
    color: #344054 !important;
  }
  .form-control:disabled,
  .form-control[readonly] {
    background-color: #f2f4f7 !important;
    color: #667085 !important;
  }
  .date_time_dropdowns .accordion-button.collapsed {
    background-color: #f9fafb;
    border-color: #f2f4f7;
    border-radius: 0px;
  }
  .collapse_acc {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-right: 8px;
  }
  .company_btn {
    width: 48%;
    display: inline-flex;
    justify-content: center;
  }
  .select_full_day .form_select_container .dropdown-menu.calender-view.show {
    right: 0rem;
  }
  .date_time_dropdowns .accordion-button .timesheet-name-outer {
    max-width: 70%;
  }
  .date_time_dropdowns .accordion-button {
    padding: 10px 16px;
    color: #101828;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    border-bottom: none;
    background: #f9fafb;
    border-radius: 8px;
    justify-content: space-between;
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border: none;
  }
  .timesheet-page-admin .date_time_dropdowns .accordion-button {
    background-color: #fff;
  }
  .date_time_dropdowns .accordion-button:focus {
    box-shadow: none;
  }
  .date_time_dropdowns .accordion-button .time_duration {
    border-radius: 16px;
    border: 1px solid #abefc6;
    background: #ecfdf3;
    color: #067647;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    padding: 1px 8px;
    position: absolute;
    right: 3rem;
    margin-right: 8px;
  }
  .date_time_dropdowns .accordion-button .time_duration.pending {
    color: #344054;
    background: #fcfcfd;
    border-color: #eaecf0;
  }
  .date_time_dropdowns .accordion-button .time_duration.approved {
    color: #067647;
    background: #ecfdf3;
    border-color: #abefc6;
  }
  .date_time_dropdowns .accordion-button .time_duration.rejected {
    color: #b42318;
    background: #fef3f2;
    border-color: #fecdca;
  }
  .timesheet-page-admin .daterangepicker.dropdown-menu {
    top: 478px !important;
    right: 15px !important;
  }
  .timesheet-titlediv-right-outer,
  .timesheet-titlediv-right-outer .right-div,
  .timesheet-titlediv-right-outer form {
    width: 100% !important;
  }
  .header-cntrl-wrapper .next-pre-control {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    margin-left: 0px !important;
  }
  .timesheet-titlediv {
    margin-bottom: 0px;
  }
  .container.accordion_responshiv {
    top: 0px !important;
  }
  .header-cntrl-wrapper .next-pre-control {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    margin-left: 0px !important;
  }
  .date_time_dropdowns .accordion-button::after {
    content: "";
    background-image: url("../images/timesheet/arrow-up.svg");
    display: block;
    background-size: 16px;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
  }
  .accordion-button.collapsed::after {
    background-image: url("../images/timesheet/arrow-down.svg");
  }
  .date_time_dropdowns .accordion-body {
    padding: 4px 16px;
    border-top: 1px solid #eaecf0;
  }
  .date_time_dropdowns .accordion-body ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .date_time_dropdowns .accordion-body ul li {
    padding: 12px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #f2f4f7;
  }
  .date_time_dropdowns .accordion-body ul li:last-child {
    border-bottom: none;
  }
  .date_time_dropdowns .accordion-body ul li p {
    color: #475467;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0;
    height: fit-content;
  }
  .date_time_dropdowns .accordion-body ul li span {
    padding: 2px 8px;
    color: #344054;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    border-radius: 6px;
    border: 1px solid #eaecf0;
    background: #fcfcfd;
  }
  .date_time_dropdowns .accordion-body ul li span.no-timesheet-entry {
    border: 0px solid #eaecf0;
    background: #fff;
  }
  .date_time_dropdowns {
    display: block !important;
    width: 100%;
  }
  .float-end-candidate,
  .desktop-hours,
  .page-layoff-onboarding .logo-Onboarding {
    display: none !important;
  }
  .timesheet-content .bg-wrap {
    border: none;
  }
  .candidate_index_responshive,
  .accordion_responshiv {
    display: block !important;
  }
  .mobile-hours {
    display: block;
  }
  .timesheet-page-admin.modal-open .select2-container.select2-container--open {
    max-width: 300px !important;
  }
  .timesheet-page-admin.modal-open
    #add_hours
    .select2-container.select2-container--open {
    max-width: 100% !important;
  }
  .timesheet-page-admin.modal-open
    .select2-container.select2-container--open
    .select2-dropdown {
    width: 300px !important;
  }
  .timesheet-page-admin.select-checkbox
    .select2-container.select2-container--open {
    width: 200px !important;
  }
  .timesheet-page-admin.select-checkbox
    .timesheet-admin-filters
    .select2-container.select2-container--open {
    width: inherit !important;
  }
  #add_hours
    .select_full_day
    .form_select_container.show
    .dropdown-toggle
    .dropdown-item::before,
  #add_hours
    .select_full_day
    .form_select_container.show
    .dropdown-toggle
    .dropdown-item::after {
    right: -12px;
  }
  .timesheet-page-admin .select-box-timesheet-responshive .select2-container {
    overflow: hidden;
    box-shadow: none;
  }
  .accordion-body .select-box-timesheet-responshive .select2-container ul li,
  .accordion-body .select-box-timesheet-responshive .select2-container ul {
    padding: 0;
  }
  .select-box-timesheet-responshive .form_select_container select {
    height: 40px !important;
    width: 90% !important;
  }
  .select-box-timesheet-responshive .multi_field .form_select_container,
  .select-box-timesheet-responshive .multi_field .btn_apply {
    width: 55%;
  }
  .select-box-timesheet-responshive .multi_field .form_select_container button {
    width: 100%;
  }
  .select-box-timesheet-responshive .multi_field .date_packer,
  .select-box-timesheet-responshive .multi_field .btn_reset {
    width: 45%;
  }
  .select-box-timesheet-responshive .multi_field {
    display: flex;
    gap: 8px;
  }
  .select-box-timesheet-responshive .multi_field .date_packer .custom-date {
    box-shadow: none;
    padding: 2px 12px;
  }
  .filter_accordion_timesheet_responshive .accordion-header button {
    font-size: 16px;
    line-height: 24px;
    padding: 12px 16px 8px 16px;
  }
  .filter_accordion_timesheet_responshive .accordion-body {
    padding: 0px 16px 12px 16px !important;
    background: #f9fafb;
    border-top: none !important;
  }
  .select-box-timesheet-responshive > div {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  .select-box-timesheet-responshive .form_select_container,
  .select-box-timesheet-responshive .multi_field {
    width: 100%;
  }
  .select-box-timesheet-responshive .form_select_container select {
    padding: 0 12px;
    color: #667085;
  }
  .select-box-timesheet-responshive .multi_field .form_select_container button {
    color: #667085;
    background-color: #fff;
  }
  .select-box-timesheet-responshive .multi_field .date_packer input {
    color: #344054;
  }
  .select-box-timesheet-responshive .multi_field .date_packer img {
    opacity: 0.8;
  }
  .select-box-timesheet-responshive .multi_field .btn_apply,
  .select-box-timesheet-responshive .multi_field .btn_reset {
    height: 40px;
  }
  .filter_accordion_timesheet_responshive {
    border: none !important;
  }
  .approve-reject.day-modal .check-in-modal {
    background: transparent;
    padding: 0px;
    flex-wrap: wrap;
    justify-content: flex-start !important;
  }
  .timesheet-page-admin .btn-yellow {
    margin-right: 0;
  }
  .border-left-modal {
    width: 33%;
    margin-bottom: 1rem;
    background: #f9fafb;
    padding: 16px;
  }
  .border-left-modal:nth-child(1) {
    border-left: 0px solid #eaecf0;
    padding-left: 16px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }
  .border-left-modal:nth-child(4) {
    border-left: 0px solid #eaecf0;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    width: 50%;
  }
  .border-left-modal:nth-child(5) {
    width: 50%;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
  }
  .suggestionhours .modal-dialog {
    width: auto;
  }
  .select-box-timesheet-arrow.button
    .calendar-view-name
    .dropdown-item::before {
    right: -12px;
  }
  .timesheet-tooltip {
    position: relative;
  }
  .tooltip-inner-text {
    width: 230px;
    top: -8rem;
    left: -2.5rem;
  }
  .date_time_dropdowns .accordion-item .tooltip-inner-text {
    left: calc(50% + 2px);
    transform: translate(-50%);
    top: unset;
    bottom: calc(100% + 10px);
  }
  .date_time_dropdowns
    .accordion-item
    .timesheet-company-d-flex-res
    .tooltip-inner-text {
    transform: translate(-40%);
  }
  .timesheet-company-d-flex-res .tooltip-inner-text::before {
    left: 39% !important;
  }
  .submit-hours .timesheet-tooltip .tooltip-inner-text {
    width: 100%;
    top: -2.8rem;
  }
  .tooltip-inner-text p {
    color: #d0d5dd !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 18px !important;
  }
  .tooltip-inner-text::before {
    /* left: 44px; */
    left: 50% !important;
    transform: translate(-50%, 0%);
  }
  .responshiv-tooltip-body #dayModal,
  .responshiv-tooltip-body .modal-backdrop {
    display: none !important;
  }
  .job-footer-applicant-responshiv {
    display: block !important;
    height: 100vh;
  }
  .job-footer-applicant-responshiv .responshive-img {
    height: 100vh;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding: 0px 10px;
  }
  .get-started-btn-document .dash-sidebar {
    display: block;
  }
  .page-karriere-settings-company .career_section_welcome {
    display: none;
  }
  .page-karriere-settings-company .career_settings {
    padding-left: 0px;
  }
  .page-karriere-settings-company {
    overflow: hidden;
  }
  .job_applicants_Page,
  .billing-standalalone,
  .standalone-settings,
  .page-payroll-index .timesheet-candidate-content-sect {
    display: none;
  }
  .page-payroll-index,
  .page-invoices-index {
    overflow: hidden;
  }
  .job-footer-applicant-responshiv .text-respon {
    position: absolute;
    bottom: 14rem;
    left: 0;
  }
  .job-footer-applicant-responshiv .responshive-img img {
    width: 100%;
  }
  .page-recruiter-candidate-hours-review.timesheet-page-candidate
    .main-section-inner,
  .page-job .main-section-inner,
  .page-contract-index .main-section-inner {
    padding-bottom: 0px;
  }
  .add_hours_table table tbody tr td {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #101828;
    padding: 16px;
  }
  .applicants_tabs_tab .tab-pane {
    padding-top: 0px;
  }
  .add_hours_timesheet .modal-header h5 {
    font-size: 20px;
    line-height: 30px;
  }
  .add_hours_table .hour-warning .timesheet-tooltip {
    width: fit-content;
  }
  .add_hours_table .hour-warning .tooltip-inner-text {
    left: calc(50% + 2px);
    transform: translate(-50%);
    top: unset;
    bottom: calc(100% + 10px);
  }
  .responsive-div .action_btn,
  .mobile_cansisate .action_btn {
    text-align: right !important;
  }
  .mobile_cansisate .action_btn span {
    opacity: 0.65;
  }
  .responsive-div .action_btn .btn-edit-hours,
  .mobile_cansisate .action_btn .btn-edit-hours {
    position: relative;
    left: -1rem;
  }
  /* .submit-hours {
background: #fff;
position: fixed;
bottom: 0;
left: 0;
z-index: 999;
display: block !important;
} */
  #add_hours .submit-hours {
    display: flex !important;
  }
  .submit-hours .edit_timesheet_hours {
    width: 100%;
    margin-bottom: 10px;
    display: none;
  }
  #add_hours .submit-hours {
    position: relative;
  }
  /* .timesheet-page-admin #add_hours.add_hours_timesheet.modal { height: 66vh; } */
  .submit-hours .timesheet-tooltip {
    width: 100%;
  }
  .job-footer-applicant-responshiv .text-respon h6 {
    color: #101828;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
  }
  .job-footer-applicant-responshiv .text-respon p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    color: #475467;
    padding: 0px 10px;
  }
  .accordion_responshiv .mobile_cansisate.add_hours_table th,
  .timesheet-page-candidate .responsive-div td,
  .responsive-mileage-div.mrt td {
    width: 33%;
  }
  .timesheet-page-candidate .hour-warning.warning-second {
    position: absolute;
    right: -1px;
    top: 24px;
  }
  .timesheet-page-candidate .hour-warning.warning_first {
    position: absolute;
    right: auto;
    top: 24px;
    left: -1px;
  }
  .ui-timepicker-wrapper {
    z-index: 999999 !important;
  }
  .mobile_modal_candidate .time_picker > div {
    position: relative;
  }
  .mobile_modal_candidate .time_picker .form-input-fpo {
    position: absolute;
    top: 58%;
    left: 8px;
    width: 16px;
  }
  .mobile_modal_candidate.add_hours_timesheet .modal-body input {
    color: #101828;
    width: 100%;
  }
  .mobile_modal_candidate.add_hours_timesheet .modal-body input::placeholder {
    color: #667085;
  }
  /* ============================================hiral responsive ================================================= */
  .timetracker_desktop,
  .select-box-timesheet-warp,
  .timetracker_content .timesheet-content .bg-wrap .timesheet-row-table {
    display: none !important;
  }
  .select-box-timesheet-warp.timesheet-admin-filters {
    display: block !important;
    background-color: #f9fafb;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 1rem;
  }
  .timesheet-admin-filters-inner {
    flex-direction: column;
    gap: 8px;
    margin-bottom: 0 !important;
  }
  .filters-desktop .mb-4 {
    margin-bottom: 0 !important;
  }
  .timesheet-page-admin .form_select_container select {
    width: 90% !important;
  }
  .timesheet-page-admin .select-box-timesheet-warp .dropdown-toggle {
    background-color: #fff;
    width: 100%;
  }
  .timesheet-admin-filters .select-box-timesheet-arrow,
  .timesheet-admin-filters .filter-status-date-outer,
  .timesheet-admin-filters .filter-buttons-outer {
    width: 100%;
    margin: 0 !important;
  }
  .timesheet-admin-filters .filter-status-date-outer,
  .timesheet-admin-filters .filter-buttons-outer {
    display: flex;
    gap: 8px;
  }
  .timesheet-admin-filters .datepaire_filter-mobile {
    display: block !important;
  }
  .timesheet-admin-filters .filter-buttons-outer .btn_apply,
  .timesheet-admin-filters .filter-status-date-outer .select-box-status {
    width: 55%;
  }
  .timesheet-admin-filters .filter-buttons-outer .btn_reset,
  .timesheet-admin-filters .filter-status-date-outer .datepaire_filter-mobile {
    width: 45%;
  }
  .timesheet-admin-filters
    .custom_date-outer
    .cust-date-range.date-filter-image {
    width: 100%;
  }
  .timesheet-admin-filters .datepaire_filter-desktop {
    display: none;
  }
  .header-todo-popup .ui-timepicker-wrapper,
  .header-todo-popup.page-dashboard_home .ui-timepicker-wrapper {
    top: 19rem !important;
  }
  .header-todo-popup .ui-timepicker-wrapper {
    right: 14rem !important;
  }
  .header-todo-popup .daterangepicker.dropdown-menu {
    right: 7rem !important;
  }
  .header-todo-popup.page-dashboard_home .daterangepicker.dropdown-menu,
  .header-todo-popup .daterangepicker.dropdown-menu {
    top: 21rem !important;
  }
  /*================================================= hiral responsive ================================================= */
}
@media (max-width: 768px) {
  .page-titlediv.timesheet-titlediv .right-div {
    width: auto;
  }
  .div-no-candidate-outer {
    bottom: -0.8rem;
  }
  .timesheet-outer-no-job .div-no-candidate-outer {
    bottom: 1.8rem;
  }
  img.career-center-icon {
    top: 48%;
    left: 37.3%;
  }
  section.page-content.no-scroll-timesheet {
    padding: 30px 0 0px;
    overflow: hidden;
  }
  .week-mobile-responshive ul li {
    width: 40px;
    display: flex;
    flex-direction: column;
  }
  .todo_dropdown_main .todo_dropdown_menu {
    width: 100vw;
    min-width: fit-content;
    right: 1rem;
  }
  .to-do-tab {
    max-height: 400px;
  }
  .approve-reject .modal-dialog {
    max-width: 100%;
  }
  .fc .fc-dayGridMonth-view .fc-daygrid-event {
    border-radius: 50%;
    text-transform: capitalize;
  }
  .filters_dropdown_item .filters_dropdowns_button {
    padding: 8px;
  }
  .schedule-interview-modal .modal-dialog {
    position: fixed;
    width: 100%;
    bottom: 13%;
    top: unset;
    min-height: auto;
    align-items: end;
  }

  .schedule-interview-modal .modal-content {
    border-radius: 12px 12px 0px 0px;
  }
  .fc-sticky {
    width: 250px;
  }

  .fc-timeGridDay-view .fc-event-title-container {
    display: block !important;
  }
  .fc-dayGridMonth-view .fc-event-title-container {
    display: none !important;
  }
  .fc-daygrid-dot-event {
    padding: 0px !important;
  }
  .container_1 {
    max-width: 100%;
    height: 100%;
    overflow-x: hidden;
  }
  .onboarding-video-section {
    width: 100%;
    margin-left: 22px !important;
    margin-right: 30px !important;
  }
  .password_reset_form {
    padding: 0px;
  }
  .video-onboarding video {
    width: 100% !important;
    height: 100% !important;
  }
  .fc-daygrid-event-dot-custom {
    margin: 0px !important;
    box-sizing: content-box;
    height: 5px;
    border: 5px solid;
    border-radius: 50%;
    width: 5px;
  }
  .fc-daygrid-dot-event {
    width: fit-content;
  }
  .fc .fc-daygrid-more-link {
    position: relative;
    z-index: 4;
    cursor: pointer;
    top: 4px;
    width: 100%;
    display: block;
    overflow: hidden;
    text-align: center;
  }
  .fc .fc-daygrid-more-link .event-read-more {
    display: none;
  }
  .schedule-interview-modal .modal-header .modal-title {
    padding-right: 10px;
  }
  .calendar .fc-dayGridMonth-view .table-bordered td {
    height: 120px;
  }
  .fc .fc-popover {
    left: 0px !important;
    width: 100%;
    min-width: 100%;
  }
  .fc .fc-daygrid-event-harness {
    position: relative;
    width: fit-content;
    display: block;
  }
  .fc-more-popover .fc-daygrid-dot-event {
    width: 100%;
  }
  .fc-more-popover .fc-event-title-container {
    display: flex !important;
  }
  /* .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
display: flex;
} */
  .fc .fc-daygrid-event-harness {
    position: relative;
    display: block;
  }
  .schedule-interview-modal .modal-dialog,
  .fc-more-popover .fc .fc-daygrid-event-harness {
    max-width: 100%;
  }
  .fc-timeGridWeek-view .fc-col-header-cell.custom-header .date {
    margin-left: 13px;
    display: block;
    text-align: center;
  }
  .main-section-inner .container {
    top: 50px;
  }
  .dashboard-page .main-section-inner .container {
    top: 43px;
  }
  .calender-view-name {
    right: inherit;
    top: 3.5rem;
    padding: 8px 12px;
    left: 18px;
  }
  .fc-timeGridWeek-view .fc-timegrid-event.fc-v-event.custom-interview {
    padding: 0px 4px;
  }
  .fc-timeGridWeek-view .fc-timegrid-event.fc-v-event.custom-interview {
    border-left: 0px !important;
  }
  .fc-col-header-cell.custom-header,
  .fc .fc-col-header-cell-cushion {
    color: #475467 !important;
    font-weight: 500;
    font-size: 12px;
  }
  .fc-col-header-cell.custom-header .date {
    font-size: 12px;
    font-weight: 500;
  }
  .fc .fc-col-header-cell-cushion {
    color: #475467 !important;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 20px;
  }
  .filters_dropdowns_menu {
    position: inherit;
    top: 100%;
    right: 0;
    background-color: #fff;
    border-radius: 0;
    padding: 2px;
    margin-top: 0px;
    display: block;
    border: 0px solid #eaecf0;
    width: 100%;
    box-shadow: none;
  }
  .modal-open.modal_filter {
    overflow-x: hidden;
    overflow-y: auto;
  }
  .filters_dropdown_item .modal.fade .modal-dialog {
    -webkit-transform: translate(0, 25%) !important;
    transform: translate(0, 25%) !important;
  }
  .schedule-interview-modal.modal.fade .modal-dialog {
    transform: translate3d(0, 21%, 0) !important;
  }
  .filters_dropdowns.mobile_layout .modal-content {
    border-radius: 0px;
    padding: 0;
    margin: 0;
    border: none;
  }
  .dropdown-menu.calender-view.show {
    top: 102px !important;
    left: inherit;
    right: inherit;
  }
  .fc-view-harness.fc-view-harness-active {
    height: 78vh !important;
  }
  .calendar .fc-dayGridMonth-view .fc-scrollgrid-sync-inner {
    padding: 12px 4px;
  }
  .fc .fc-col-header-cell-cushion {
    padding: 2px 0px 5px;
  }
  .filters_dropdowns.mobile_layout .modal-dialog {
    border-radius: 0px;
    padding: 0;
    position: fixed !important;
    width: 100% !important;
    bottom: 60px;
    margin: 0;
    box-shadow:
      0px 10px 5px #efebeb,
      0px -10px 5px #ede9e9;
  }
  .form_select_container label {
    width: 100%;
    display: block;
  }
  .desktop_layout {
    display: none;
  }
  .mobile_layout {
    display: block;
  }
  .filters_dropdowns {
    top: 3.5rem;
    left: 9.5rem;
  }
  .calendar .fc-toolbar-chunk:nth-child(3) > div {
    top: 4rem;
    right: 0.4rem;
  }
  .project-detail {
    margin-top: 5px;
  }
  .chart_ashboard {
    min-height: 300px;
  }
  /* .upcoming-interviews-outer{
margin-top: -30px;
} */
  .dashboard_navbar.nav-tabs .nav-link:first-child {
    padding-left: 0 !important;
  }
  .dashboard_navbar.nav-tabs .total-value {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
  }
  .dashboard_navbar.nav-tabs {
    margin-bottom: 20px;
  }
  .dashboard-candidate .border-right-dashboard {
    border-right: 0px #eaecf0 solid;
    padding: 0 16px;
  }
  .border-right-dashboard .dashboard_navbar.nav-tabs .nav-link {
    padding-right: 1.7rem;
    padding-left: 1rem;
  }
  .dashboard_candidate_col {
    padding: 20px 15px;
  }
  .desktop-datepicker {
    display: none !important;
  }
  .responshive-datepicker {
    display: block !important;
    width: 100%;
  }
  .card-body-graph .responshive-datepicker li {
    width: 100%;
  }
  .active_candidates_reports {
    left: -11.8rem;
    top: 9.5rem;
    width: 50%;
  }
  .hamburger-inner img {
    width: auto;
  }
  .timesheet-titlediv-right-outer {
    flex-direction: column;
    align-items: baseline;
  }
  .all-info-wrap {
    margin-bottom: 30px;
  }
  .blue-btn {
    margin-bottom: 10px !important;
  }
  .data-table tr td .status .d-flex {
    flex-wrap: wrap;
  }
  .data-table tr td .status .hrs small {
    display: flex;
    margin-top: 10px;
  }
  .data-table th span.pr-1 {
    padding-right: 0px !important;
  }
  .changeLanguage.float-right.position-relative {
    float: left !important;
  }
  .tab-data.invoice-div.justify-content-center.pb-5 .p-5 {
    padding: 1rem 10px !important;
    font-size: 15px;
  }
  .tab-wrapper .tab-content .container {
    white-space: nowrap;
    overflow: auto;
  }
  .tab-wrapper .tab-content .container input#cal {
    width: 100px !important;
  }
  .project-list {
    white-space: nowrap;
    overflow: auto;
  }
  .plan-tabs {
    padding: 0px 10px;
  }
  .custom-dropdown .dropdown-btn {
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .form-group.d-btn .blue-btn {
    margin-left: 0px;
  }
  .form-group.d-btn {
    display: block;
  }
  .introjs-tooltip.introjs-bottom-left-aligned {
    display: none;
  }
  .all-info-wrap .project-progress-wrap .row .progress {
    width: 100%;
  }
  .progress-bar-wrap .float-right {
    float: left !important;
    margin-bottom: 5px;
  }
  .progress-bar-wrap p.m-0.pr-1 {
    margin-top: 5px !important;
  }
  .form-group.d-btn {
    float: left;
  }
  .quick_approve .hour_stats {
    overflow: scroll;
  }
  .quick_approve .hour_stats .row {
    width: 650px;
  }
  .quick_approve .hour_stats .col-md-3 {
    display: contents;
  }
  .quick_approve .hour_stats .name.d-flex.align-items-center {
    width: 150px;
  }
}
@media (max-width: 767px) {
  section.page-content {
    padding: 30px 0;
  }
  .alert-success,
  .alert-danger {
    margin-left: 15px;
    margin-right: 15px;
  }
  #saveFeedbackModal .modal-content {
    padding: 16px;
  }
  .emoji_feedback .modal-footer {
    flex-direction: column-reverse;
    gap: 12px;
  }
  .emoji_feedback .modal-footer button {
    margin-left: 0 !important;
    width: 100% !important;
    margin-right: 0px !important;
  }
  .page-titlediv .left-div {
    width: 100%;
    margin: 0 0 16px 0;
  }
  .candidate-filter-form-rangebar .res-mov {
    margin-left: 0px !important;
  }
  .moblie-width {
    width: auto !important;
  }
  .page-titlediv .right-div {
    width: 100%;
  }
  .header-filterdiv {
    flex-wrap: wrap;
  }
  .header-filterdiv .left-div {
    width: 100%;
    margin: 0 0 15px 0;
  }
  .header-cntrl-wrapper .option-wrapper {
    width: 50%;
    padding: 0 15px;
    margin: 0 0 15px 0;
  }
  .custom-dropdown .dropdown-btn {
    width: 100%;
  }
  .header-filterdiv .right-div {
    width: 100%;
  }
  .header-filterdiv .right-div button.btn.btn-primary {
    width: 85%;
  }
  .time-tracker .right ul li.tag-li {
    width: 100%;
    text-align: center;
    margin: 0 0 15px 0;
  }
  .time-tracker .right ul li.category-li {
    margin-left: 0;
  }
  .time-tracker .right ul li.timer {
    margin: 20px 15px 0;
  }
  .time-tracker .right ul li.start-stop {
    margin: 15px 0 0 0;
  }
  .project-report-info > .row > .col-md-8 {
    order: 2;
  }
  .project-report-info > .row > .col-md-4 {
    order: 1;
  }
  .project-report-info .bar-chart-wrap {
    padding: 15px;
    text-align: center;
  }
  .project-detail .row > div {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .project-detail .row > div + div {
    margin: 20px 0 0 0;
  }
  .plan-tab-content {
    margin: 30px auto 30px;
  }
  .plans-div.blue-bg {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .plans-div {
    height: auto;
  }
  ul.logo-section {
    padding: 0;
  }
  hr {
    margin: 30px 0;
  }
  body .link-wrap-div .bg-wrap-shadow {
    padding: 15px 15px;
  }
  body footer .top-footer .item-row .item {
    width: 100%;
  }
  footer .bottom-footer .row p {
    text-align: center;
    margin: 0 0 10px 0;
  }
  footer .bottom-footer .col-md-6.text-right {
    text-align: center !important;
  }
  .project-setting-tab-data .project-setting-right {
    padding: 0 !important;
    margin-top: 30px;
  }
  body .settings-tab-data .project-setting-right {
    margin-left: 0;
  }
  body .project-setting-tab-data .project-setting-right .project-setting-inner {
    margin-left: 0;
  }
  .navbar-expand-md .navbar-toggler {
    width: 32px;
    height: 32px;
    padding: 0;
  }
  header nav.navbar ul.navbar-nav a.nav-link.upgrade-btn {
    width: 32px;
    height: 32px;
  }
  header nav.navbar ul.navbar-nav a.nav-link i {
    font-size: 16px;
  }
  header nav.navbar ul.navbar-nav a.nav-link i {
    font-size: 16px;
  }
  header .right-div ul.navbar-nav .prfile-login .profle-image {
    width: 32px;
    height: 32px;
  }
  header .right-div ul.navbar-nav .prfile-login .profle-image img {
    width: 100%;
  }
  header .right-div ul.navbar-nav li.nav-item {
    margin-left: 10px !important;
  }
  header .right-div ul.navbar-nav li a {
    padding: 0 !important;
  }
  header nav.navbar {
    position: initial;
  }
}
@media (max-width: 579px) {
  .add-candidate-edit-modal .lable-warp {
    background: transparent;
    text-align: left;
  }
  .active_candidates_reports {
    left: -7.8rem;
  }
  .search-bar {
    display: none;
  }
  .page-meetings .select2-container {
    width: 450px !important;
  }
  .main-section-inner .container {
    padding-bottom: 1px;
  }
  .todo_dropdown_main .todo_dropdown_menu,
  .header-wrapper .add-new-notification .notification-content {
    right: 0rem;
    max-width: 100%;
  }
  .email-label {
    width: 100%;
    margin-bottom: 5px;
  }
  .configure-message .email-label {
    width: -webkit-fill-available;
  }
  .create_new-email {
    border: 2px transparent solid;
  }
  .wrapper.range-bar {
    width: 100%;
  }
  .border-right-dashboard .dashboard_navbar.nav-tabs .nav-link {
    padding-right: 16px;
    padding-left: 16px;
  }
  .project-detail {
    margin-bottom: 20px;
  }
  .d-flex.time-delay-flex {
    display: block !important;
  }
  .create_new-email .email_name,
  .create_new-email .select_trigger {
    display: block !important;
  }
  .add-candidate-edit-modal .first-child {
    padding-top: 0rem;
  }
  .add-candidate-edit-modal .close,
  .modal-hiremodal .close {
    color: #afa4a4 !important;
    font-size: 35px;
    font-weight: 300;
    margin-right: -1rem;
  }
  .add-candidate-edit-modal .input-content-warp {
    background: transparent;
  }
  .add-candidate-edit-modal .avtar-upload-area {
    margin-top: 0 !important;
  }
  .add-candidate-edit-modal .col-lg-12,
  .add-candidate-edit-modal .lable-warp,
  .add-candidate-edit-modal .input-content-warp {
    padding: 0 !important;
  }
  .add-candidate-edit-modal .container {
    padding: 15px !important;
  }
  .add-candidate-edit-modal .modal-body .close {
    right: 1.5rem !important;
    top: 0.5rem;
  }
  #edit-candidate-modal button.prev-navigation,
  #edit-candidate-modal button.next-navigation,
  #edit-candidate-modal button.prev-navigation:focus,
  #edit-candidate-modal button.next-navigation:focus,
  #edit-company-modal button.prev-navigation,
  #edit-company-modal button.next-navigation,
  #edit-company-modal button.prev-navigation:focus,
  #edit-company-modal button.next-navigation:focus {
    font-size: 20px !important;
  }
  .main-section-inner .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .tab-wrapper .tab-content .tab-header {
    padding: 12px 10px;
  }
  .add-candidate-edit-modal .content-add .file-preview .fa-file-pdf,
  .add-candidate-edit-modal .content-edit .file-preview .fa-file-pdf,
  .add-candidate-edit-modal .content-client-edit .file-preview .fa-file-pdf,
  .add-candidate-edit-modal .content-client-add .file-preview .fa-file-pdf {
    font-size: 2rem;
    padding: 8px 13px 8px;
  }
  .add-candidate-edit-modal .file-preview,
  .add-candidate-edit-modal .input-content-warp .avtar-upload-area img {
    width: 50px;
    height: 50px;
  }
  .document_text {
    padding-right: 2rem;
  }
  p.mail-id {
    width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .recent_jobs_table table {
    width: 600px;
  }
}
@media (max-width: 429px) {
  .page-meetings .select2-container {
    width: 350px !important;
  }
  .page-meetings #filters_dropdowns .select2-container {
    width: 372px !important;
  }
  .active_candidates_reports {
    left: -5.8rem;
  }
}
@media (max-width: 390px) {
  .map-marker #button-10 .knobs::before,
  .map-marker #button-10 .knobs::after,
  .map-marker #button-10 .knobs span {
    width: 150px;
  }
  .map-marker #button-10 .checkbox:checked + .knobs::before {
    left: 166px;
    background-color: #f8e965;
    color: #ff0000;
  }
}
@media (max-width: 390px) {
  .page-meetings .select2-container {
    width: 330px !important;
  }
  .page-meetings #filters_dropdowns .select2-container {
    width: 352px !important;
  }
}
@media (max-width: 375px) {
  .dash-menu-overlay::before {
    right: 15px;
    top: 15px;
    cursor: pointer;
  }

  .page-meetings .select2-container {
    width: 320px !important;
  }
  .page-meetings #filters_dropdowns .select2-container {
    width: 342px !important;
  }
  div#collapsibleNavbar ul.navbar-nav {
    height: 60%;
  }
}
@media (max-width: 360px) {
  .dash-sidebar {
    width: 300px;
  }
  .page-meetings .select2-container {
    width: 300px !important;
  }
  .page-meetings #filters_dropdowns .select2-container {
    width: 322px !important;
  }
  .dash-menu-overlay::before {
    right: 5px;
    cursor: pointer;
  }
  .dash-sidebar {
    left: -300px;
  }
  p.mail-id {
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
/*============================================ Job Matches ============================================================*/
.job_matches_heading .page_hading {
  padding-bottom: 20px;
  border-bottom: 1px solid #eaecf0;
}
.page-job-applicant-matches .job_matches_heading .page_hading {
  padding-bottom: 20px;
}
.job_applicants_Page .job_matches_heading .page-title .text h2 {
  font-weight: 500;
  color: #101828;
}
.select-company-div .select2-container {
  width: 200px !important;
}
.page-company-profile-edit
  .filter_dropdown
  .select2-dropdown
  .select2-results
  ul
  li {
  white-space: nowrap;
}
.job_applicants_Page .job_matches_heading .page-title .text p {
  color: #475467;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
/* table */
.job_matches_table thead .job_post {
  padding-left: 57px;
  width: 29%;
}
.job_matches_table thead .company,
.job_matches_table thead .location {
  width: 16%;
}
.job_matches_table thead .hourly_rate,
.job_matches_table thead .experience,
.job_matches_table thead .start_date {
  width: 7%;
}
.job_matches_table thead .score,
.job_matches_table thead .matched {
  width: 5%;
}
.job_matches_table thead .status {
  width: 8%;
}
.job_matches_table tbody tr td.status,
.job_matches_table thead tr th.status {
  padding: 16px 20px;
}
.job_matches_table thead tr th.score,
.job_matches_table thead tr th.status,
.job_matches_table thead tr th.matched {
  text-align: center;
}
.job_matches_table tbody tr td.score {
  padding: 8px 12px;
}
.score .circle_progress svg circle.green-indicator {
  stroke: #47cd89;
}
.score .circle_progress svg circle.orange-indicator {
  stroke: #fdb022;
}
.score .circle_progress svg circle.red-indicator {
  stroke: #f97066;
}
.score .circle_progress {
  position: relative;
  width: 56px;
  height: 56px;
  z-index: 0;
  padding: 0px;
  margin: auto;
}
.matches .score .circle_progress {
  position: relative;
  width: 56px;
  height: 56px;
  z-index: 0;
  padding: 5px;
  margin: auto;
}
.score .circle_progress svg {
  width: 100%;
  height: 100%;
}
.score .circle_progress svg circle {
  fill: none;
}
.score .circle_progress svg circle.circle_bg {
  stroke-width: 6;
  stroke: #f2f4f7;
}
.score .circle_progress svg circle.circle_path {
  stroke-dasharray: 126;
  stroke-width: 6;
  stroke-linecap: round;
  stroke-dashoffset: 0;
  stroke-dashoffset: calc(126 - (126 * var(--circle_fill)) / 100);
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
}
/* .score .circle_progress svg  {
--size: 46px;
--half-size: calc(var(--size) / 2);
--stroke-width: 6px;
--radius: calc((var(--size) - var(--stroke-width)) / 2);
--circumference: calc(var(--radius) * pi * 2);
--dash: calc((var(--progress) * var(--circumference)) / 100);
animation: progress-animation 2.5s ease-in-out 0s 1 forwards;
}
.score .circle_progress svg circle {
cx: var(--half-size);
cy: var(--half-size);
r: var(--radius);
stroke-width: var(--stroke-width);
fill: none;
stroke-linecap: round;
}
.score .circle_progress svg circle.circle_bg {
stroke: #ddd;
}
.score .circle_progress svg circle.circle_path {
transform: rotate(-90deg);
transform-origin: var(--half-size) var(--half-size);
stroke-dasharray: var(--dash) calc(var(--circumference) - var(--dash));
transition: stroke-dasharray 2s ease-in-out 0s;
}
@property --progress {
syntax: "<number>";
inherits: false;
initial-value: 0;
}
@keyframes progress-animation {
from {
--progress: 0;
}
to {
--progress: 75 ;
}
} */
.score .circle_progress p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #475467;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  margin-bottom: 0;
}
.job_matches_table tbody tr td.matched .matched_check {
  padding: 0 10px;
  margin: auto;
  width: 40px;
}
.job_matches_table tbody tr td.matched .matched_check p,
.score .circle_progress p span {
  color: #475467;
  text-align: center;
  font-size: 19px;
  font-weight: 500;
}
.job_matches_table tbody tr td.matched .matched_check img {
  width: 20px;
  height: 20px;
}
.job_matches_table tbody tr td.job {
  display: flex;
  align-items: center;
}
.job_matches_table tbody tr td.job .job_title_text a {
  text-decoration: none;
  color: inherit;
}
.job_matches_table tbody tr td.job .job_title_text a:hover {
  color: inherit !important;
}
.job_matches_table tbody tr td.job .accordion_button_icon {
  padding: 8px;
}
.job_matches_table tbody tr td.job .accordion_button_icon img {
  max-width: 20px;
  transition: transform 0.35s ease;
}
.job_matches_table tbody tr[aria-expanded="false"] .accordion_button_icon img {
  transform: rotate(-90deg);
}
.job_matches_table tbody tr[aria-expanded="true"] .accordion_button_icon img {
  transform: rotate(0deg);
}
.job_matches_table tbody tr[aria-expanded="true"] {
  background-color: #f2f4f7;
}
.job_matches_table tbody tr.taccordion_td {
  transition: all 0.35s ease;
  cursor: pointer;
}
.job_matches_table tbody tr.taccordion_td .job_matches_table tbody tr td.job p {
  margin-bottom: 0;
}
.job_matches_table tbody tr.accordion_tr {
  border-bottom: none;
}
.job_matches_table tbody tr.accordion_tr td .taccordion_body {
  border-bottom: 1px solid #eaecf0;
}
.job_matches_table table thead tr th {
  width: unset;
  padding: 12px 16px;
}
.job_matches_table table tr td {
  padding: 16px 20px;
  vertical-align: middle;
}
.job_matches_table tbody tr td.job p,
.job_matches_table tbody tr td.company p,
.job_matches_table tbody tr td.location p {
  white-space: normal;
}
.job_matches_table tbody tr td p {
  margin-bottom: 0;
}
.job_matches_table tbody tr td.job .job_title_text p span {
  color: #175cd3;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  border-radius: 16px;
  border: 1px solid #b2ddff;
  background: #eff8ff;
  padding: 1px 8px;
}
.job_matches_table tbody tr td.status span {
  font-weight: 500;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 18px;
  border: 1px solid;
  border-radius: 16px;
  padding: 2px 8px;
  width: fit-content;
  white-space: nowrap;
}
.job_matches_table tbody tr td.status span.grey-badge {
  border-color: #eaecf0;
  background-color: #f9fafb;
  color: #344054;
}
.job_matches_table tbody tr td.status span.green-badge {
  border-color: #abefc6;
  background-color: #ecfdf3;
  color: #067647;
}
.job_matches_table tbody tr td.status span.red-badge {
  border-color: #fecdca;
  background-color: #fef3f2;
  color: #b42318;
}
.job_matches_table tbody tr td.status span.yellow-badge {
  border-color: #fedf89;
  background-color: #fffaeb;
  color: #b54708;
}
.user-inactive {
  border-color: #fecdca !important;
  background-color: #fef3f2;
  color: #b42318;
}
.job_matches_table tbody tr.accordion_tr .taccordion_body_inner {
  padding: 24px;
}
.job_matches_table tbody .taccordion_body_inner {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.job_matches_table tbody .taccordion_body_inner .taccordion_detail {
  width: 100%;
  display: flex;
  padding-bottom: 24px;
  border-bottom: 1px solid #eaecf0;
}
.job_matches_table tbody .taccordion_body_inner .taccordion_detail_text {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  border-right: 1px solid #eaecf0;
  width: 50%;
}
.job_matches_table
  tbody
  .taccordion_body_inner
  .taccordion_detail_item:nth-child(even) {
  width: calc(70% - 12px);
}
.job_matches_table
  tbody
  .taccordion_body_inner
  .taccordion_detail_item:nth-child(odd) {
  width: calc(30% - 12px);
}
.job_matches_table tbody .taccordion_body_inner .taccordion_detail_item h5 {
  color: #344054;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 0;
}
.job_matches_table tbody .taccordion_body_inner .taccordion_detail_item p {
  white-space: normal;
}
.job_matches_table
  tbody
  .taccordion_body_inner
  .taccordion_detail
  .taccordion_pogress {
  padding-left: 16px;
  width: 50%;
}
.pogress_bar_taccordion {
  border-radius: 8px;
  background: #f9fafb;
  min-height: 126px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pogress_bar_taccordion .calculate_score {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.pogress_bar_taccordion .calculate_score p {
  color: #182230;
  font-weight: 500;
  width: fit-content;
}
.applicant_score_taccordion {
  min-height: 126px;
  width: 100%;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  position: relative;
  z-index: 0;
}
.applicant_score_taccordion:hover .applicant_progress_button {
  z-index: 1;
  opacity: 1;
}
.applicant_score_taccordion.in-progress .applicant_progress_button {
  z-index: 1;
  opacity: 1;
}
.applicant_score_taccordion:hover .applicant_progress_button button {
  opacity: 1;
}
.applicant_score_taccordion .applicant_progress_button {
  position: absolute;
  top: -8px;
  bottom: -8px;
  left: -8px;
  right: -8px;
  z-index: -1;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  opacity: 0;
  background: rgba(255, 255, 255, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
}
.applicant_score_taccordion .applicant_progress_button button {
  opacity: 0;
  transition: all 0.3s ease-in-out 0.3s;
  -webkit-transition: all 0.3s ease-in-out 0.3s;
}
.applicant_score_taccordion .applicant_progress_item {
  width: calc(50% - 6px);
  display: flex;
  gap: 8px;
  flex-direction: column;
}
.applicant_score_taccordion .applicant_progress_item .progress_title {
  display: flex;
  justify-content: space-between;
}
.applicant_score_taccordion .applicant_progress_item p {
  color: #182230;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.applicant_score_taccordion .applicant_progress_item .progress {
  border-radius: 8px;
  height: 8px;
  background-color: #eaecf0;
}
.applicant_score_taccordion .applicant_progress_item .progress .progress-bar {
  background-color: #47cd89;
  border-radius: 8px;
}
.job_matches_table .taccordion_body_inner .taccordion_footer {
  display: flex;
  justify-content: flex-end;
}
.job_matches_table
  .taccordion_body_inner
  .taccordion_footer
  .taccordion_footer_item {
  display: flex;
  gap: 12px;
}
.job_matches_table
  .taccordion_footer
  .form_select_container
  .dropdown-toggle
  a {
  padding-right: 28px;
  width: fit-content;
}
.job_matches_table
  .taccordion_footer
  .form_select_container
  .dropdown-toggle
  a:hover {
  background-color: transparent !important;
}
.job_matches_table .taccordion_footer .form_select_container .dropdown-toggle {
  width: 100%;
}
.job_matches_table
  .taccordion_footer
  .form_select_container
  .dropdown-item::after,
.job_matches_table
  .taccordion_footer
  .form_select_container
  .dropdown-item::before {
  background-position: center;
}
.job_matches_table .taccordion_footer .form_select_container .dropdown-menu {
  width: 200px !important;
}
.job_matches_table
  .taccordion_footer
  .form_select_container
  .dropdown-menu[x-placement="top-start"] {
  top: -4px !important;
}
.job_matches_table
  .taccordion_footer
  .form_select_container
  .dropdown-item.active::before {
  margin-left: 10px;
}
.save_btn_deopdown .dropdown-toggle {
  min-width: 65px;
}
.page-job-applicant-matches .save-mapping-1 .btn-spinner {
  position: relative !important;
  right: 0px;
  top: 0;
  left: 10% !important;
  width: 20px !important;
  vertical-align: bottom;
}
.page-job-applicant-matches
  .taccordion_footer_item
  .select_full_day
  .form_select_container.show
  .dropdown-toggle[aria-expanded="true"]
  .dropdown-item::after {
  right: -5px;
}
.save_btn_deopdown .dropdown-toggle:focus {
  box-shadow: 0px 0px 0px 4px rgba(248, 233, 101, 0.24);
}
.save_btn_deopdown .dropdown-toggle::after {
  display: none;
}
.driver_license_container .form-check-input::after {
  display: block;
  content: "";
  border: 0;
  -webkit-transition: border 0.35s ease-in-out;
  transition: border 0.35s ease-in-out;
}
.save_btn_deopdown .dropdown-menu[x-placement="top-start"] {
  top: -4px !important;
}
.save_btn_deopdown .dropdown-menu {
  min-width: 250px;
  left: unset !important;
  right: -40px !important;
  margin-top: 4px;
  top: -12.8rem !important;
  border-radius: 8px;
  border: 1px solid #eaecf0;
  background: #fff;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
  padding: 4px 6px;
}
#match_job_modal .save_btn_deopdown .dropdown-menu {
  right: 4px !important;
}
.save_btn_deopdown .dropdown-menu > p {
  color: #667085;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  padding: 4px 6px;
  margin-bottom: 0px;
}
.save_btn_deopdown .dropdown-menu .dropdown-item {
  display: flex;
  align-items: center;
  padding: 10px 10px 10px 8px;
  border-radius: 6px;
  gap: 8px;
  justify-content: space-between;
}
.save_btn_deopdown .dropdown-menu .dropdown-item:hover {
  background: #f9fafb;
}
.save_btn_deopdown .dropdown-menu .dropdown-item .d_item_inner {
  display: flex;
  align-items: center;
  gap: 8px;
  width: max-content;
}
.save_btn_deopdown .dropdown-menu .dropdown-item .d_item_inner img {
  width: 20px;
}
.save_btn_deopdown .dropdown-menu .dropdown-item .d_item_inner p {
  color: #101828;
  margin-bottom: 0;
}
.save_btn_deopdown .dropdown-menu .dropdown-item p {
  color: #475467;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 0px;
}
.job_applicants_Page
  .select_full_day.disabled
  .form_select_container
  .dropdown-toggle {
  pointer-events: none;
  cursor: default;
  border-color: #d0d5dd;
  background: #f9fafb;
  color: #667085;
}
.job_applicants_Page
  .select_full_day.disabled
  .form_select_container
  .dropdown-toggle
  a {
  color: #667085 !important;
}
.job_applicants_Page
  .select_full_day.disabled
  .form_select_container
  .dropdown-toggle
  a::before {
  opacity: 0.7;
}
.job_applicants_Page .select_full_day.disabled .form_select_container {
  cursor: default;
}
.save_btn_deopdown.disabled .dropdown-toggle {
  pointer-events: none;
  cursor: default;
  color: #98a2b3;
  border-color: #eaecf0;
  background: #f2f4f7;
}
/* table end */
.distance_filter .form_select_container {
  display: flex;
  max-width: 100%;
  border-radius: 8px;
  border: 1px solid #d0d5dd;
  background: #fff;
  height: 40px;
  transition: box-shadow 0.15s ease-in-out;
  position: relative;
}
.distance_filter .form_select_container:focus {
  box-shadow: 0px 0px 0px 4px rgba(152, 162, 179, 0.14);
  border-color: #d0d5dd;
}
.distance_filter .form_select_container .distance_number {
  width: calc(100% - 75px);
  border: none;
  background-color: transparent;
}
.distance_filter .form_select_container .distance_number:focus {
  box-shadow: none;
}
.distance_filter .form_select_container .distance_number:focus-visible {
  outline: none;
}
.distance_filter .form_select_container .dropdown-toggle {
  width: max-content !important;
  border: none;
  background-color: transparent;
  max-width: 150px;
  padding: 10px 30px 10px 0px;
}
.distance_filter.select_full_day
  .form_select_container
  .dropdown-toggle[aria-expanded="false"]
  .dropdown-item::after {
  right: -22px;
}
.distance_filter.select_full_day
  .form_select_container
  .dropdown-toggle[aria-expanded="true"]
  .dropdown-item::after {
  right: -25px;
}
.distance_filter.select_full_day
  .calendar-view-name-toggle.show
  .dropdown-toggle[aria-expanded="true"]
  .dropdown-item::after {
  right: -27px;
}
.distance_filter .form_select_container .dropdown-toggle a {
  color: #344054;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.distance_filter .form_select_container .dropdown-toggle a:hover {
  background-color: transparent !important;
}
.distance_filter .form_select_container .dropdown-toggle:focus {
  box-shadow: none;
}
.select_full_day.distance_filter
  .form_select_container
  .dropdown-menu.calender-view.show {
  top: calc(100% + 2px) !important;
  left: unset !important;
  right: -2px !important;
  transform: unset !important;
  display: flex;
  flex-direction: column;
  gap: 1px;
  z-index: 99;
}
#match_job_modal
  .select_full_day.distance_filter
  .form_select_container
  .dropdown-menu.calender-view.show {
  z-index: 99999;
}
.distance_filter .form_select_container .dropdown-menu a {
  color: #101828 !important;
  font-size: 14px;
  line-height: 20px;
}
.distance_filter .form_select_container .dropdown-item.active::before,
.calender-view .dropdown-item.active::before,
.timesheet-page-admin #add_hours .dropdown-item.active::before {
  content: "";
  background-image: url(../images/applicants/check_black.svg);
  width: 20px;
  height: 20px;
  background-size: 20px;
  margin-top: 0;
  margin-left: 10px;
  float: right;
}
/* job applicants Page select2  */
.job_applicants_Page .select2-container .select2-selection--single {
  border-radius: 8px !important;
}
.job_applicants_Page
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 100%;
  width: 20px;
  right: 12px;
}
.job_applicants_Page
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  background-position: center;
  width: 20px !important;
  height: 20px !important;
  transform: translateY(-50%);
}
.filter_dropdown {
  z-index: auto;
}
.filter_dropdown .select2-dropdown {
  border-radius: 8px !important;
  border: 1px solid #eaecf0 !important;
  background: #fff !important;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08) !important;
  padding: 6px;
  top: 4px;
  z-index: 1050;
}
.page-companies-details .filter_dropdown .select2-dropdown {
  z-index: 1024;
}
.page-contract-index.modal-open .filter_dropdown .select2-dropdown {
  z-index: 1050;
}
.filter_dropdown .select2-dropdown .select2-search {
  padding: 0px 2px 4px 2px;
}
.filter_dropdown .select2-dropdown .select2-search input,
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #ced4da;
  border-radius: 6px;
  height: 40px;
  color: #101828;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 10px 12px;
}
.filter_dropdown .select2-dropdown .select2-search input:focus-visible,
.select2-container--default
  .select2-search--dropdown
  .select2-search__field:focus-visible {
  outline: none;
}
.filter_dropdown .select2-dropdown .select2-results ul li {
  padding: 10px;
  border-radius: 6px;
  color: #101828;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.filter_dropdown .select2-dropdown .select2-results ul li:hover,
.filter_dropdown.select-job-title
  .select2-dropdown
  .select2-results
  ul
  li.select2-results__message {
  background-color: #f9fafb !important;
}
.filter_dropdown .select2-dropdown .select2-results ul {
  display: flex;
  flex-direction: column;
  gap: 2px;
  overflow-x: hidden;
}
.filter_dropdown.select2-container--default
  .select2-results__option[aria-selected="true"] {
  background-color: #f9fafb !important ;
}
.filter_dropdown .select2-results__option--highlighted[aria-selected] {
  background-color: #fff !important;
  color: inherit !important;
}
.filter_dropdown.select2-container--default
  .select2-results__option[aria-selected="true"]::after {
  content: "";
  background-image: url(../images/applicants/check_black.svg);
  width: 20px;
  height: 20px;
  background-size: 20px;
  margin-top: 0;
  margin-left: 10px;
}
/* ========================================== match job modal ================================================= */
.match_job_modal .modal-dialog {
  max-width: 1360px;
}
.modal-open1 {
  overflow: hidden;
}
#match_job_modal.progress_show .btn-spinner {
  position: initial !important;
  right: 0px;
  top: auto;
  left: 0% !important;
  width: 20px !important;
  vertical-align: bottom;
}
.match_job_modal {
  pointer-events: none;
}
.tbl_invoices th.checkbox,
.tbl_invoices td.checkbox {
  display: none;
}
.hide-dropdown {
  display: none !important;
}
.match_job_modal .modal-content {
  padding: 24px;
  height: 90vh;
  overflow: hidden;
}
.match_job_modal table thead tr th.checkbox {
  width: 4%;
}
.match_job_modal table thead tr th.job_post_m {
  width: 23%;
  padding-left: 0;
}
.match_job_modal table thead tr th.location_m {
  width: 23%;
}
.match_job_modal .modal-body {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.match_job_modal .modal-footer button {
  width: fit-content;
  margin: 0 !important;
}
.match_job_modal .modal-header .back_btn {
  /* display: flex; */
  align-items: center;
  gap: 8px;
  display: none;
}
.match_job_modal .modal-header .back_btn span {
  color: #475467;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.match_job_modal .applicants_detail_table table tbody tr .name p,
.match_job_modal .applicants_detail_table table tbody tr .location p {
  white-space: normal;
  margin-bottom: 0;
  font-weight: 400;
  color: #475467;
}
.match_job_modal .applicants_detail_table table tbody tr .name {
  width: 220px;
  /*     display: inline-block; */
}
.match_job_modal .applicants_detail_table table tbody tr .name p a {
  color: #475467;
  text-decoration: none;
}
.match_job_modal .applicants_detail_table table tbody tr .name p a:hover {
  color: #475467 !important;
}
.match_job_modal .applicants_detail_table table tbody tr .location p {
  line-break: anywhere;
  text-align: left;
}
.radio_button input[type="radio"] {
  display: none;
}
.radio_button label {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.radio_button label::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 100%;
  /* -webkit-transition: border .1s ease-in-out;
transition: border .1s ease-in-out; */
}
.radio_button input[type="radio"]:checked + label::before {
  background: #fff;
  border: 5px solid #475467;
}
.match_job_modal .progress_match_job .row {
  margin: 0 -8px;
}
.match_job_modal .progress_match_job .row > div {
  padding: 0 8px;
}
.match_job_modal .progress_match_job .Score_item {
  border-radius: 16px;
  border: 1px solid #eaecf0;
  background: #fff;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 16px;
}
.match_job_modal .progress_match_job .Score_item > div {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #eaecf0;
}
.match_job_modal .progress_match_job .Score_item > div:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.match_job_modal .progress_match_job .Score_item .score .circle_progress {
  width: 90px;
  height: 90px;
}
.match_job_modal
  .progress_match_job
  .Score_item
  .score
  .circle_progress
  svg
  circle {
  stroke-width: 8px;
}
.match_job_modal
  .progress_match_job
  .Score_item
  .circle_progress
  svg
  circle.circle_path {
  stroke-dasharray: 226;
  stroke-dashoffset: calc(226 - (226 * var(--circle_fill_m)) / 100);
}
.match_job_modal .progress_match_job .Score_item .circle_progress p {
  color: #101828;
  font-size: 20px;
  line-height: 30px;
}
.match_job_modal .progress_match_job p {
  margin-bottom: 0;
}
.match_job_modal .progress_match_job .Score_item .score_text h5,
.match_job_modal .progress_match_job .Score_item .score_text p {
  text-align: center;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}
.match_job_modal .progress_match_job .Score_item .score_text h5 {
  color: #344054;
  font-weight: 600;
}
.match_job_modal .progress_match_job .Score_item .score_text p {
  color: #475467;
  font-weight: 400;
}
.match_job_modal .progress_match_job .applicant_score_taccordion {
  gap: 16px;
}
.match_job_modal
  .progress_match_job
  .applicant_score_taccordion
  .applicant_progress_item {
  width: 100%;
}
.match_job_modal
  .progress_match_job
  .progress_checkbox.checkbox_custom
  .checkbox {
  padding-top: 2px;
}
.progress_match_job .Score_item .progress_checkbox {
  flex-direction: row !important;
  gap: 8px !important;
}
.match_job_modal .progress_match_job .Score_item .progress_checkbox_text h5 {
  color: #344054;
  font-weight: 500;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  text-transform: capitalize;
}
.match_job_modal .progress_match_job .Score_item .progress_checkbox_text p {
  color: #475467;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.progress_show .modal-header .back_btn {
  display: flex;
}
.progress_show .modal-header h5 {
  display: none;
}
.match_job_modal .modal-footer button.close_btn {
  display: block;
}
.match_job_modal .modal-footer.footer_1 {
  display: flex;
  gap: 12px;
}
.match_job_modal .modal-footer.footer_2 {
  display: none;
}
.progress_show .modal-footer.footer_1 {
  display: none;
}
.progress_show .modal-footer.footer_2 {
  display: flex;
  gap: 12px;
}
.progress_show .modal-footer > :not(:last-child) {
  margin-right: 0px !important;
}
.progress_show .modal-footer > :not(:first-child) {
  margin-left: 0px !important;
}
.match_job_modal
  .select_full_day
  .form_select_container
  .dropdown-menu.calender-view.show {
  width: 200px !important;
}
.match_job_modal
  .select_full_day
  .form_select_container
  .dropdown-menu[x-placement="top-start"] {
  top: -4px !important;
}
.match_job_modal .select_full_day .form_select_container .dropdown-toggle a {
  padding-right: 20px;
  width: fit-content;
}
.match_job_modal
  .select_full_day
  .form_select_container
  .dropdown-toggle
  a:hover {
  background-color: transparent !important;
}
.match_job_modal .select_full_day .form_select_container .dropdown-toggle {
  width: 100%;
}
.match_job_modal .modal-body::-webkit-scrollbar,
.to-do-body .files_list_content_::-webkit-scrollbar,
.to-do-body .edit_files_new_content::-webkit-scrollbar,
.add_person_btn .add_person_dropdown ul::-webkit-scrollbar,
.attachment_comments_dropdown::-webkit-scrollbar,
.select_full_day
  .form_select_container
  .dropdown-menu.calender-view.show::-webkit-scrollbar,
.profile_content .right_div textarea::-webkit-scrollbar,
.payroll_modal_container .payroll_data::-webkit-scrollbar,
.all-section-career .section-bg-hero-scroll::-webkit-scrollbar,
.section-bg-edit-all #visible_options::-webkit-scrollbar,
.todo_list .design_list_todo::-webkit-scrollbar,
.to-do-tab::-webkit-scrollbar,
#todo_items_container .check_todo_description::-webkit-scrollbar {
  width: 6px;
}
.match_job_modal .modal-body::-webkit-scrollbar-track,
.to-do-body .files_list_content_::-webkit-scrollbar-track,
.to-do-body .edit_files_new_content::-webkit-scrollbar-track,
.add_person_btn .add_person_dropdown ul::-webkit-scrollbar-track,
.attachment_comments_dropdown::-webkit-scrollbar-track,
.scroll-noter::-webkit-scrollbar-track,
.select_full_day
  .form_select_container
  .dropdown-menu.calender-view.show::-webkit-scrollbar-track,
.profile_content .right_div textarea::-webkit-scrollbar-track,
.all-section-career .section-bg-hero-scroll::-webkit-scrollbar-track,
.section-bg-edit-all #visible_options::-webkit-scrollbar-track,
.todo_list .design_list_todo::-webkit-scrollbar-track,
.to-do-tab::-webkit-scrollbar-track,
#todo_items_container .check_todo_description::-webkit-scrollbar-track {
  background: transparent;
}
.match_job_modal .modal-body::-webkit-scrollbar-thumb,
.to-do-body .files_list_content_::-webkit-scrollbar-thumb,
.to-do-body .edit_files_new_content::-webkit-scrollbar-thumb,
.add_person_btn .add_person_dropdown ul::-webkit-scrollbar-thumb,
.attachment_comments_dropdown::-webkit-scrollbar-thumb,
.scroll-noter::-webkit-scrollbar-thumb,
.select_full_day
  .form_select_container
  .dropdown-menu.calender-view.show::-webkit-scrollbar-thumb,
.profile_content .right_div textarea::-webkit-scrollbar-thumb,
.payroll_modal_container .payroll_data::-webkit-scrollbar-thumb,
.all-section-career .section-bg-hero-scroll::-webkit-scrollbar-thumb,
.section-bg-edit-all #visible_options::-webkit-scrollbar-thumb,
.todo_list .design_list_todo::-webkit-scrollbar-thumb,
.to-do-tab::-webkit-scrollbar-thumb,
#todo_items_container .check_todo_description::-webkit-scrollbar-thumb {
  background: #eaecf0;
  border-radius: 10px;
}
.match_job_modal .modal-body::-webkit-scrollbar-thumb:hover {
  background: #f9ea65;
}
.payroll_modal_container .payroll_data::-webkit-scrollbar-track {
  background: #fff;
}
.modal-match-job .modal-applicant-table {
  width: 18%;
  position: absolute;
  left: 0.8rem;
}
.modal-match-job .modal-rating-table {
  width: 15%;
  position: relative;
}
.meeting-time-clock .clock-start {
  position: absolute;
  left: 9px;
  z-index: 9;
  display: block;
  top: 10px;
}
.page-contract-index.modal-open .ui-timepicker-positioned-top {
  left: 1000px !important;
}
.meeting-time-clock .form-control {
  padding-left: 2.2rem !important;
}
.meeting-time-clock {
  position: relative;
}
.onboarding-second
  .star-rate-candidate.ulma
  .rating_form
  .rating:not(:checked)
  > label {
  width: 33px;
  padding: 0px;
}
.onboarding-second
  .star-rate-candidate.ulma
  .rating_form
  .rating:not(:checked)
  > label::before {
  font-size: 25px;
}
.modal-match-job .modal-width-table {
  width: 10%;
}
.modal-match-job .checkbox {
  width: 2%;
}
.match-job-modal-body-application#match_job_modal
  .applicants_detail_table
  tbody
  tr
  td.status {
  display: flex;
}
.match-job-modal-body-application
  .applicants_detail_table
  table
  tbody
  tr
  .rating {
  padding-left: 16px;
  padding-right: 16px;
}
.match-job-modal-body-application .dot_iocn {
  display: none !important;
}
.match-job-modal-body-application .appliction_hover_table:hover .m_iocn,
.match-job-modal-body-application .job_list.active .m_iocn {
  display: none;
}
/* -------------- loader -------------- */
.pogress_loader {
  position: relative;
  height: 25px;
  width: 25px;
}
.pogress_loader .pogress_loader_container {
  position: absolute;
  width: 100%;
  height: 100%;
}
.pogress_loader .line {
  height: 25px;
  position: absolute;
  left: calc(50% - 1px);
  animation: fade 0.8s linear infinite;
}
.pogress_loader .comb {
  height: 6.5px;
  width: 2px;
  background-color: #475467;
  border-radius: 10px;
}
.pogress_loader .line:nth-child(1) {
  animation-delay: 0;
}
.pogress_loader .line:nth-child(2) {
  transform: rotate(45deg);
  animation-delay: 0.1s;
}
.pogress_loader .line:nth-child(3) {
  transform: rotate(90deg);
  animation-delay: 0.2s;
}
.pogress_loader .line:nth-child(4) {
  transform: rotate(135deg);
  animation-delay: 0.3s;
}
.pogress_loader .line:nth-child(5) {
  transform: rotate(180deg);
  animation-delay: 0.4s;
}
.pogress_loader .line:nth-child(6) {
  transform: rotate(225deg);
  animation-delay: 0.5s;
}
.pogress_loader .line:nth-child(7) {
  transform: rotate(270deg);
  animation-delay: 0.6s;
}
.pogress_loader .line:nth-child(8) {
  transform: rotate(315deg);
  animation-delay: 0.7s;
}
.modal-open .modal {
  -webkit-overflow-scrolling: touch !important;
  overflow: visible;
}
@keyframes fade {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 0;
  }
}
.remove_onboardin_btn {
  border-color: #b42318 !important;
  color: #b42318 !important;
}
.intial_onborading a.remove_onboardin_btn:hover {
  color: #b42318 !important;
  background-color: #fecdca !important;
}
.layoff_btn_pt {
  border-color: #b42318 !important;
  color: #b42318 !important;
}
.intial_onborading a.layoff_btn_pt:hover {
  color: #b42318 !important;
}

/* ==============================================================
   SIDEBAR: Always expanded (240px) on desktop >= 1025px — new-sidebar roles only
   ============================================================== */
@media (min-width: 1025px) {
  /* Sidebar width */
  body.new-sidebar .dash-sidebar {
    width: 240px;
  }
  /* Header: offset by sidebar width */
  body.new-sidebar .dash-header {
    left: 240px;
  }
  /* Standalone company keeps its own 220px */
  body.new-sidebar.standalone-login .dash-header {
    left: 220px;
  }
  /* Main content: shift right of sidebar, capped to never overflow viewport */
  body.new-sidebar .main-section-inner {
    margin-left: 240px;
    max-width: calc(100vw - 240px);
    box-sizing: border-box;
  }
  body.new-sidebar .main-section-inner .container {
    margin-left: 20px;
    max-width: 100%;
    width: auto;
  }
  /* Logo header area */
  body.new-sidebar .dash-sidebar .m-header {
    height: 64px;
    padding: 16px 24px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eaecf0;
  }
  body.new-sidebar .dash-sidebar .m-header .b-brand {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    width: auto;
    height: auto;
  }
  /* Show full logo */
  body.new-sidebar .dash-sidebar .main-logo .logo-desktop {
    display: block !important;
  }
  /* Nav items: horizontal spacing */
  body.new-sidebar .dash-sidebar .nav-item {
    margin: 0 16px 8px;
  }
  /* Nav link: flex row with icon + text */
  body.new-sidebar
    .dash-sidebar.light-sidebar
    .navbar-nav
    > .nav-item
    > .nav-link {
    width: 100%;
    height: 48px;
    padding: 12px;
    text-align: left;
    display: flex;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
    border-radius: 6px;
  }
  /* Accordion nav-link: grows vertically to contain sub-menu */
  body.new-sidebar
    .dash-sidebar.light-sidebar
    .navbar-nav
    > .sidebar-accordion-item
    > .nav-link {
    height: auto;
    min-height: 48px;
    flex-wrap: wrap;
    align-items: center;
    align-content: flex-start;
  }
  /* Icon spacing */
  body.new-sidebar
    .dash-sidebar
    .navbar-nav
    > .nav-item
    > .nav-link
    .header-images {
    margin-right: 12px;
    flex-shrink: 0;
  }
  /* Text label */
  body.new-sidebar .navbar-nav-child {
    font-size: 16px;
    color: #344054;
    font-weight: 400;
    line-height: 24px;
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  body.new-sidebar .nav-link.active .navbar-nav-child {
    color: #182230;
  }
  /* Hide hover tooltips */
  body.new-sidebar .nav-item .tooltip,
  body.new-sidebar .nav-item .nav-link:hover .tooltip {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
  /* Accordion chevron */
  body.new-sidebar .sidebar-chevron {
    margin-left: auto;
    display: flex;
    align-items: center;
    transition: transform 0.2s ease;
    flex-shrink: 0;
  }
  body.new-sidebar
    .sidebar-accordion-item.accordion-open
    > a
    > .sidebar-chevron {
    transform: rotate(180deg);
  }
  /* Sub-menu: inline, hidden by default */
  body.new-sidebar ul.sub-menu_nav-item {
    position: static;
    width: 100%;
    flex-basis: 100%;
    height: auto;
    opacity: 1;
    z-index: auto;
    left: auto;
    bottom: auto;
    padding: 8px 0 0 0;
    box-shadow: none;
    border-right: none;
    transition: none;
    display: none;
    background: transparent;
  }
  body.new-sidebar .sub-menu_nav-item .header-title {
    display: none;
  }
  body.new-sidebar .sub-menu_nav-item li a {
    padding-left: 44px;
    font-size: 16px;
    display: flex;
    align-items: center;
    height: 48px;
    line-height: 24px;
  }
  body.new-sidebar .sub-menu_nav-item li {
    margin-bottom: 0px;
  }
  /* Show sub-menu when accordion is open */
  body.new-sidebar .sidebar-accordion-item.accordion-open .sub-menu_nav-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  /* Suppress hover flyout */
  body.new-sidebar .dash-sidebar .nav-item:hover .sub-menu_nav-item {
    left: auto;
    position: static;
    opacity: 1;
  }
  /* Nav content: scrollable with top spacing */
  body.new-sidebar .dash-sidebar .navbar-content {
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 24px;
  }
}

/* Company matches-tab filter row — ported from recruter_employees.blade.php
   inline <style> block (not present in style.css in the original). */
.matches-filters .filters-row {
  display: flex;
  gap: 12px;
  align-items: flex-end;
  flex-wrap: nowrap;
  width: 100%;
}
.matches-filters .com-search,
.matches-filters .job-title-search,
.matches-filters .user-status-search {
  flex: 1 1 0;
  min-width: 0;
}
.matches-filters .com-search-btn {
  flex: 0 0 auto;
}