@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 .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 .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 .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 .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 / .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 / .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 / .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 / .3);
}
.project-detail .gray-box .page-title h5 {
font-size: 12px;
color: rgb(245 248 251 / .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 / .29);
height: 100%;
}
.project-detail .white-box .page-title h5 {
font-size: 12px;
color: rgb(163 175 187 / .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 / .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 / .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 / .30);
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 / .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 / .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 / .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 / .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 / .29);
}
.project-reports-wrap {
background: #fff;
border-radius: 12px;
box-shadow: 0 5px 38px 0 rgb(217 224 230 / .29);
margin-bottom: 15px;
}
.project-reports-sorting {
padding: 12px 30px;
box-shadow: 0 5px 38px 0 rgb(217 224 230 / .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: .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 .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 / .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 / .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 / .29);
margin-bottom: 15px;
}
.project-list-main-info {
padding: 12px;
box-shadow: 0 18px 38px 0 rgb(217 224 230 / .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: .4s;
transition: .4s;
}
.custom-switch .slider:before {
position: absolute;
content: "";
height: 13px;
width: 13px;
left: 2px;
bottom: 1px;
background-color: #F9EA65;
-webkit-transition: .4s;
transition: .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 / .49);
position: relative;
}
.tab-wrapper .tab-content .tab-header {
padding: 12px 20px;
box-shadow: 0 18px 38px 0 rgb(217 224 230 / .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(-.5 * var(--bs-gutter-x));
margin-left: calc(-.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,.02);
border-bottom: 1px solid rgba(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 .3s cubic-bezier(.175, .885, .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 / .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 / .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: .4s;
transition: .4s;
}
.slider::before {
position: absolute;
content: "";
height: 16px;
width: 16px;
left: 2px;
bottom: 2px;
background-color: white;
-webkit-transition: .4s;
transition: .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;
}
.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;
}
.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 {
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 {
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;
/*     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: 70px;
display: flex;
align-items: center;
/* position: relative; */
}
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;
}
.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 .3s ease-out,background-color .3s ease,-webkit-transform .3s ease-out;
transition: transform .3s ease-out,box-shadow .3s ease-out,background-color .3s ease;
transition: transform .3s ease-out,box-shadow .3s ease-out,background-color .3s ease,-webkit-transform .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;}
.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,.1);
clear: none;
color: #555;
cursor: pointer;
display: inline-block;
line-height: 0;
outline: 0;
padding: 0!important;
text-align: center;
transition: border-color .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, .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: .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 .15s ease-in-out,box-shadow .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,.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;
}
.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: 2rem;
}
.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: 80px;
}

.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;
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%;
}
.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 .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 .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 #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 .4em ;
}
.timesheet-page-candidate .ui-widget-content .ui-menu-item .ui-menu-item-wrapper{
position: relative;
padding: 3px 1em 3px .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.10), 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{
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 .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(.88, -.35, .565, 1.35) .4s;
box-shadow: 0 2px 15px 0 rgba(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-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.8%;
flex: 0 0 22.8%;
}
.page-candidates-details .job_hading_filter {
gap: 12px;
}
.page-job-applicants #scheduleInterviewModal .select2-container, 
.page-company-profile-edit #scheduleInterviewModal .select2-container { pointer-events: none; }
#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;
}
.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.0);
}
.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 .15s ease-in-out, box-shadow .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 .15s ease-in-out, box-shadow .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 .15s ease-in-out, box-shadow .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.50) 0%, rgba(0, 0, 0, 0.50) 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 .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 #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 #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 #scheduleInterviewModal {
    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-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;
}
.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;
}
#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;
}
#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.30rem;
}
.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: .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: .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;
}

.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;
}
.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: 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: 10px;
}
.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: 20px 20px;
}
.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.50);
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 .35s ease-in-out;
transition: border .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 .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;
}