@import url("uicons-regular-rounded.css");
@import url('../libraries/tabler/webfont/tabler-icons.min.css');
@import url('../libraries/flags/flags.css');

/*legacy Style */
.text-style-1 {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
}
.text-style-2 {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
}
.text-style-1.black {
  color: #000;
}
.text-style-1.gray {
  color: #6d6e6e;
}
.text-style-1.gray2 {
  color: #4f4f4f;
}
.text-style-1.gray3 {
  color: #828282;
}
.text-style-1.gray5 {
  color: #333333;
}
.common-shadow {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.07);
}
.btn {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0em;
}
.btn:focus {
  box-shadow: none;
}
.btn-upload {
  background-color: var(--white-color);
  color: var(--secondry-color);
  border: 1px solid var(--secondry-color);
  border-radius: 5px;
  width: 165px;
  height: 35px;
  padding-right: 5px;
}
.btn-add {
  background-color: var(--secondry-color);
  color: var(--white-color);
  border: 1px solid var(--secondry-color);
  border-radius: 5px;
  width: 165px;
  height: 35px;
}
.btn-add a {
  list-style: none;
  color: #fff;
}
.btn-add a:hover {
  list-style: none;
  color: #fff !important;
}
.btn-upload:hover {
  color: var(--secondry-color) !important;
}
.btn-add:hover {
  color: var(--white-color) !important;
}

.searchCategrybtncls svg {
    margin-top: 0;
}
.post-name {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: var(--black-color);
}
select::-ms-expand {
  display: none;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.selectdiv {
  position: relative;
}

.selectdiv::after {
  content: "";
  position: absolute;
  background-image: url("./../images/main-page/Arrow.svg");
  width: 15px;
  height: 15px;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.filter-select {
  background: #ffffff;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
  border-radius: 5px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 15px;
  color: var(--text-gray-3);
}
/* upload Loading  */

.notifications {
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
  border-radius: 5px;
  width: 100%;
  height: 50px;
}
.notificationBar {
  height: 5px;
  width: 100%;
  background: #e0e0e0;
  border-radius: 100px;
  overflow: hidden;
}
.notificationfill {
  background-color: #3db389;
  height: 100%;
  width: 0;
}
.notification-cancel {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.notificationfill.active {
  animation: load 4s ease-in-out;
}
.Notification-cancel {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.notification-text1 {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #000000;
}
.notification-text2 {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #828282;
}
.navuserProfilecls{
    margin-left: .75rem;
}
.navuserProfilecls div[data-bs-toggle=dropdown]{
    overflow: hidden;
    position: relative;
}
.navuserProfilecls div[data-bs-toggle=dropdown] > div:after{
    content: '\ea5f';
        font-family: "tabler-icons" !important;
    position:absolute;
    inset: auto auto -12px 14px;
    font-size: 10px;
    color: #fafafa;
    transition: .3s ease-in-out;
}
.navuserProfilecls div[data-bs-toggle=dropdown]:hover > div:after{
    inset: auto auto -2px 14px;
}

/* legacy Style */
.main-container{
    height: 100vh;
}
.form-floating>label{
    left: 10px;
}
.form-control:focus,
.form-select:focus {
    box-shadow: 0 0 0.25rem 0 rgba(var(--primary-color-rgb),var(--opacity-3));
}
.input-group .form-control:focus, .input-group .form-select:focus {
    box-shadow: none;
}
.input-group:has(.form-control:focus), .input-group:has(.form-select:focus){
    box-shadow: 0 0 0.25rem 0 rgba(var(--primary-color-rgb),var(--opacity-3));
}
.input-group .form-control:first-of-type{
    border-radius: 4px 0 0 4px !important;
}
.input-group .form-control:last-of-type{
    border-radius: 0 4px 4px 0 !important;
}
.searchTopcategorydivcls .form-control {
    border-radius: 4px 0 0 4px !important;
}
.form-select:focus{
    border-color: #ced4da;
}
textarea.form-control{
    height: auto;
}
.form-group label {
    color: var(--talx-label-color);
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    padding-bottom: 0.5rem;
}
.form-group textarea.form-control {
    color: var(--talx-label-color);
    font-size: 16px;
}
.customfileuploadcls .form-control[type="file"] {
    color: var(--talx-label-color);
    font-size: 16px;
    line-height: 24px;
}
.customfileuploadcls .input-group-text{
    height: 34px;
}
.btn.btn-icon{
    height: 34px;
    width: 34px;
    padding: 8px;
}

.btn.btn-icon-text{
    height: 34px;
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
.btn.btn-icon-text >span{
    color:var(--white-color);
    margin-left:.75rem
}

.btn.btn-primary{
    background: var(--primary-color)
}
.btn.btn-gradient{
    background: var(--primary-gradient-color);

}
.btn.btn-secondary{
    background:var(--secondry-color)
}
.btn.btn-outlined{
    background:transparent;
}
.btn.btn-white{

    background: var(--white-color)
}
a[disabled]{
    color: #929292;
    pointer-events: none;
}
.btn[disabled=true]{
    pointer-events: none;
    background: var(--text-gray);
}

.bg-white{
    background: #ffffff !important;
}

.dropdown-menu li .form-check label{
    white-space: nowrap;
}
.dropdown-menu .tab-content .tab-pane ul li .form-check label{
    white-space: normal;
}
.customsvgicondrpdwncls li a:hover span, .card-options li a:hover span, .dropdown-menu li .form-check:hover label {
    color: #3db389;
}
.scrollbarstyecls::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: #d2d2d2;
    border-radius: 20px;
    cursor: pointer;
}
.scrollbarstyecls::-webkit-scrollbar-thumb {
    background: #979797;
    border-radius: 20px;
    cursor: pointer;
}
.pagination .page-link {
    cursor: pointer;
}
.mobileSvgarrowcls {
    display: none;
}
.breadcrumbInnercls{
    justify-content: start !important;
}
.pageBackArrowanchorcls {
    display: inline-block;
    margin-right: 12px;
    background: var(--primary-color);
    border-radius: 4px;
    width: 34px;
    height: 34px;
}
.pageBackArrowanchorcls img {
    width: 32px;
    height: 34px;
    filter: invert(1);
}
.pageBackArrowanchorcls:hover img {
    animation: backbtn .8s ease;
}

.pagetitledivcls .pageBackArrowanchorcls {
    float: left;
    margin-top: 3px;
}
.pagetitledivcls .breadcrumbcls {
    padding-top: 0;
}
.advFilterScrollDrpcls .drpListsearchdivcls {
    padding: 0 6px;
}
.advFilterScrollDrpcls ul {
    max-height: 260px;
    overflow-y: auto;
}
.advFilterScrollDrpcls ul::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: #d2d2d2;
    border-radius: 20px;
    cursor: pointer;
}
.advFilterScrollDrpcls ul::-webkit-scrollbar-thumb {
    background: #979797;
    border-radius: 20px;
    cursor: pointer;
}
.tablesortingspancls .tablesortingup, .tablesortingspancls .tablesortingdown {
    display: none;
}
.customtabdrpdwnLeftcls {
    overflow-y: auto;
}
.customtabdrpdwnLeftcls::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: #d2d2d2;
    border-radius: 20px;
    cursor: pointer;
}
.customtabdrpdwnLeftcls::-webkit-scrollbar-thumb {
    background: #979797;
    border-radius: 20px;
    cursor: pointer;
}
/* filter-input Section */

.filter-section {
    background-color: #fff;
    width: 99% !important;
    float: none;
    margin-bottom: 0;
    margin-inline: auto;
    border-radius: 5px;
    margin-top: 5px;
    padding: 8px 12px !important;
}
.filter-search {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
    border-radius: 6px;
    min-width: 320px;
    margin-right: 10px !important;
}
.filter-search>.search-input{
    height: 32px;
}
.filter-input {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: #828282;
}
.filter-input::placeholder {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  color: #828282;
}
.filter-btn {
    background-color: #fff !important;
    color: var(--text-gray-3);
    border: 1px solid #e0e0e0;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: var(--text-gray-3);
    min-width: 130px;
    display: inline-flex;
    justify-content: space-between;
}
.filter .dropdown:not(:last-child) {
  margin-right: 16px;
}
.filter-badge {
    display: none;
    padding: 0.2em 0.65em;
    top: -1px !important;
    position: relative;
}
/* Filter finish */
.star-svg {
  transition: all 0.1s ease-in-out;
  fill: #fff;
}
.star-svg-fill {
  fill: #ffd84d;
  stroke: #ffd84d;
}
.display_nonecls {
    display: none !important;
}
.Sorting::before, .Sorting::after, .SortingAsc::before, .SortingAsc::after {
    display: none;
}
.account-nav .dropdown-menu[data-bs-popper] {
    top: unset;
}
.dropdown-toggle.no-arrow::before {
    border: none !important;
    display: none !important;
}
.account-nav .dropdown-menu.tokensDropdown{
    top: -5px;
}

.tokensDropdown {
    width: 280px;
    transform: none !important;
    left: auto !important;
    padding: 0;
    right: 0;
}
.profile-menu-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
    background: #ffffff;
    color: #4f4f4f;
    border-radius: 30px 30px 5px 5px;
    padding: 8px 8px;
}
.profile-menu .avatar-img {
    border-radius: 50%;
    width: 40px;
    height: 40px;
}
.profile-menu-header h4 {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
}
.profile-menu .text-style-1 {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #fff;
}
.profile-logout button{
    outline: 0;
    border: 0;
    background: 0;
    width: 100%;
    color: var(--secondary-color);
}
.profile-admin {
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    font-size: 9px;
    padding: 2px 4px;
}
.profile-menu-option {
    height: 38px;
    background: #FAFAFA;
    border-radius: 5px;
    display: flex;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding-left: 8px;
    cursor: pointer;
}
.profile-menu-svg {
    width: 20px;
    height: 20px;
}
.profile-menu .text-style-1.gray5 {
    color: #333333;
}

.profile-menu {
    width: 280px;
    padding: 0;
    /*transform: none !important;
    left: auto !important;
    right: 0;*/
}
.profile-logout {
    height: 38px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #E0E0E0;
}
.notification-menu {
    width: 330px;
    padding: 0;
    /*transform: none !important;
    left: auto !important;
    right: 0;
    min-width: unset !important;
    max-width: unset !important;*/
}
.notification-menu-header {
        width: 100%;
    height: 40px;
    background-color: #3DB389;
    border-radius: 20px 20px 0 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    margin-bottom: .5rem;
}
.notification-menu-header h4 {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin: 0;
}
.notification-menu .text-style-1 {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #fff;
}
.notification {
    width: 100%;
    min-height: 75px;
    
    padding: 8px;
}
.notification:not(:last-child){
    border-bottom: 1px solid #E0E0E0;
}
.notification.shade {
    background: rgba(61, 179, 137, 0.05);
}
.notification[data-status=unread] {
    background: rgba(61, 179, 138, 0.259);
}
.notification-Svg {
    width: 30px;
    height: 30px;
}
.notification-image {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.notificationTitle {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #000;
}
.notificationInfo {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #828282;
}
.notificationTime {
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 14px;
    color: #828282;
    white-space: nowrap;
    position: relative;
}
.notificationTime::after {
    position: absolute;
    right: 0;
    top: 30px;
    content: "";
    background: #f2994a;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    display: none;
}
.notificationDatecls span {
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 14px;
    color: #828282;
    white-space: nowrap;
    position: relative;
    margin-left: 5px;
}
.notifyBtn {
    width: 75px;
    height: 30px;
}
.notifyBtn-approve {
    background: #F2994A;
    border: 1px solid #F2994A;
    border-radius: 5px;
    color: #FFFFFF;
}
.notifyBtn-cancel {
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    color: #828282;
    text-align: center;
    line-height: 30px !important;
}
.notifyBtn-cancel {
    color: #838383 !important;
}
.logoutText.text-style-1 {
    color: #3d3d3d;
}
.all-notifications {
    height: 415px;
    overflow-y: auto;
}
.all-notifications::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: #d2d2d2;
    border-radius: 20px;
    cursor: pointer;
}
.all-notifications::-webkit-scrollbar-thumb {
    background: #979797;
    border-radius: 20px;
    cursor: pointer;
}

/* start toast alert */
.alertmsgContainercls {
    /* position: fixed;
    right: 0;
    top: 0;
    z-index: 1099; */
    position: fixed;
    left: 100px;
    bottom: 15px;
    z-index: 1099;
    top: auto;
    right: auto;
}
.alertmsgContainerinnercls {
    /* position: absolute;
    top: 0;
    right: 0;
    padding-right: 15px; */
    position: initial;
    padding-right: 0;
}
.alerticoncls {
    margin-right: 10px;
    width: 28px;
    display: inline-block;
}
.alerticoncls span {
    width: 28px;
    height: 28px;
    background: #b9b9b9;
    display: inline-block;
    border-radius: 100%;
    text-align: center;
}
.alerticoncls span svg {
    width: 16px;
    margin-top: 2px;
    height: 16px;
}
.alerttextcls {
    width: calc(100% - 45px);
    display: inline-block;
}
.alerttextcls p {
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    color: #515151;
}
.alertsuccess_cls {
    border-left: 2px solid #20a779;
}
.alertsuccess_cls .alerticoncls span {
    background: #daeee6;
}
.alertsuccess_cls .alerttextcls p {
    color: #20a779;
}
.alerterror_cls {
    border-left: 2px solid #de5c5c;
}
.alerterror_cls .alerticoncls span {
    background: #eebcbc;
}
.alerterror_cls .alerttextcls p {
    color: #de5c5c;
}
.alertclosebtncls {
    float: right;
    margin-top: 5px;
    margin-right: 5px;
    cursor: pointer;
}
.alertclosebtncls svg {
    width: 16px;
}
.shortsuccessalertcls {
    background: #fff;
    border: 1px solid #4ac292;
    padding: 10px;
    border-radius: 5px;
    min-width: 410px;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.06);
    -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.06);
    -moz-box-shadow: 0 0 8px 0 rgba(0,0,0,0.06);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin-top: 15px;
    display: none;
}
.shortsuccessalertcls .alerticoncls span {
    background: #daeee6;
}
.shortsuccessalertcls p {
    color: #3aa379;
}
.shorterroralertcls {
    background: #fff;
    border: 1px solid #ed7070;
    padding: 10px;
    border-radius: 5px;
    min-width: 410px;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.06);
    -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.06);
    -moz-box-shadow: 0 0 8px 0 rgba(0,0,0,0.06);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin-top: 15px;
    display: none;
}
.shorterroralertcls .alerticoncls span {
    background: #eebcbc;
}
.shorterroralertcls p {
    color: #ed7070;
}
.shortalertvisiblecls {
    display: block;
}
/* end toast alert */

/* start white tiles */
.whitetileouterscls {
    margin: 25px 0;
}
.whitetilescls {
    background: #fff;
    border-radius: 6px;
    padding: 20px;
    box-shadow: 0 0 14px 0 rgba(0,0,0,0.01);
    -webkit-box-shadow: 0 0 14px 0 rgba(0,0,0,0.01);
    -moz-box-shadow: 0 0 14px 0 rgba(0,0,0,0.01);
}
.whitetilesiconcls span, .whitetilescls a {
    color: #3d3d3d;
}
.whitetilestextcls {
    width: calc(100% - 65px);
    float: left;
    padding-top: 10px;
}
.whitetilestextcls h4 {
    font-size: 14px;
    color: #3d3d3d;
    font-weight: 400;
    margin: 0;
    margin-bottom: 7px;
}
.whitetilestextcls strong {
    font-size: 20px;
    font-weight: 400;
    display: block;
    color: #13a57a;
}
.titlenewempcls strong {
    color: #f7284a;
}
.tilecontractempcls strong {
    color: #fe7f00;
}
.whitetilesiconcls {
    width: 65px;
    height: 65px;
    background: #e6faf4;
    border-radius: 10px;
    float: left;
    text-align: center;
    line-height: 62px;
}
.whitetilesiconcls img {
    width: 28px;
}
.titlenewempcls .whitetilesiconcls {
    background: #e2ece9;
}
.tilecontractempcls .whitetilesiconcls {
    background: #fff2e5;
}
/* end white tiles */
/* start graphChartcolcls */
.graphChartcolcls {
    background: #fff;
    border-radius: 6px;
    padding: 20px;
    margin-bottom: 25px;
    box-shadow: 0 0 14px 0 rgba(0,0,0,0.01);
    -webkit-box-shadow: 0 0 14px 0 rgba(0,0,0,0.01);
    -moz-box-shadow: 0 0 14px 0 rgba(0,0,0,0.01);
}
.graphChartcolcls h4 {
    font-size: 18px;
    color: #3d3d3d;
    font-weight: 400;
    margin-bottom: 12px;
}
.canvasjs-chart-credit {
    display: none !important;
}
.chartContaineroutercls {
    position: relative;
}
.canvasJstrialTaghidecls {
    position: absolute;
    right: -15px;
    bottom: -6px;
    background: #fff;
    display: inline-block;
    width: 20%;
    height: 25px;
    z-index: 9;
}
/* end graphChartcolcls */
.pagination .page-item.disabled .page-link {
    background: none;
}
.ordivTextcls {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #555555;
    text-align: center;
    padding-top: 7px;
}
.selectheightmincls .select2-container--default .select2-selection--multiple {
    height: 33px;
}
.selectheightmincls .select2-container--default .select2-selection--multiple .select2-selection__choice__remove span {
    top: -2px;
}
.selectdiv select.filter-select {
    font-size: 12px;
}
.flexwidth100perCls {
    max-width: 100% !important;
    flex: 0 0 100% !important;
}
.flexwidth50perCls {
    max-width: 50% !important;
    flex: 0 0 50% !important;
}
/* .filter-search {
    margin-right: 10px !important;
} */
.filter .dropdown:not(:last-child) {
    margin-right: 0;
}
.nothingfounddatadivcls {
    /* background: #fff; */
    padding-top: 30px;
    padding-bottom: 30px;
    border-radius: 10px;
}
.nothingfounddatadivcls h6 {
    font-size: 16px;
    font-weight: 400;
    color: #434343;
    margin-bottom: 5px;
}
.nothingfounddatadivcls p {
    font-size: 12px;
    color: #8f8f8f;
}


/* start select2 css */
.select2drpdwnzindexcls {
    z-index: 1099;
}
.custom_multiselect2stylecls .select2-container {
    width: 100% !important;
}
.custom_multiselect2stylecls .select2-container--default .select2-selection--multiple {
    border: 1px solid #e0e0e0;
    height: 38px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #e0e0e0;
    outline: 0;
}
.custom_multiselect2stylecls .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e0e6f5;
    border: none;
    font-size: 12px;
    color: #4d4d4d;
    font-weight: 400;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 16px;
}
.custom_multiselect2stylecls .select2-container--default .select2-search--inline .select2-search__field {
    font-size: 12px;
    margin-top: 7px;
    margin-left: 9px;
}
.postionforCursorcls .select2-container--default .select2-search--inline .select2-search__field {
    position: relative;
    top: -9px;
}
.custom_multiselect2stylecls .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 8px;
    padding-right: 12px;
}
.custom_multiselect2stylecls .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: #bdc9e6;
    border-right: none;
    color: #3f3f3f;
    font-size: 15px;
    padding-top: 0;
    padding-bottom: 0;
    height: 22px;
}
.custom_multiselect2stylecls .select2-container--default .select2-selection--multiple .select2-selection__choice__remove span {
    position: relative;
    top: -1px;
}
.multiselectorangebgcls .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #f2994a;
    font-size: 11px;
    color: #fff;
}
.multiselectorangebgcls .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: #f2994a;
    color: #fff;
    padding-left: 8px;
}
.multiselectorangebgcls .select2-container--default .select2-search--inline .select2-search__field {
    font-size: 12px;
    margin-top: 7px;
    margin-left: 9px;
}
.customselect2stylecls .select2-container {
    width: 100% !important;

}
.customselect2stylecls .select2-container.select2-container--focus{
    box-shadow: 0 0 0.25rem 0 rgba(var(--primary-color-rgb),var(--opacity-3));
    border-radius: 6px;
}

.input-group.customselect2stylecls .select2-container.select2-container--focus {
    box-shadow: none
}
.customselect2stylecls .select2-container--default .select2-selection--multiple{
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 4px;
    font-size: 14px;
    color: #414141;
    min-height: 36px;
    padding:0
}
.customselect2stylecls .select2-container--default .select2-selection--multiple{
    padding: 5px;
}
.customselect2stylecls .select2-container--default .select2-selection--multiple .select2-selection__rendered{
    padding: 0;
}
.select2-selection--multiple .select2-selection__rendered .select2-selection__choice{
    margin-top:2px;
    padding: 2px 2px 2px 20px;
    flex-shrink: 1;
}
.customselect2stylecls .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 6px;
    font-size: 12px;
    color: #414141;
    height: 34px;
    font-weight: 400;
}

.has-action .customselect2stylecls .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 4px 0 0 4px;
    font-size: 12px;
    color: #414141;
    height: 34px;
    border-right: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    background-color: rgba(var(--blue-rgb),var(--opacity-2));
    border: 1px solid rgba(var(--blue-rgb),var(--opacity-2));
    font-size: 10px;
}
/* Select2 Slim */
.customselect2stylecls.slim .select2-container.select2-container--focus {
    box-shadow: 0 0 0.25rem 0 rgba(var(--primary-color-rgb), var(--opacity-3));
    border-radius: 10rem;
}
.customselect2stylecls.slim .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 10rem;
    font-size: 12px;
    color: #414141;
    height: 28px;
}
.customselect2stylecls.slim .select2-container--default:is(.select2-container--open){
    border-radius: 1rem 1rem 0 0;
}
.customselect2stylecls.slim .select2-container--default:is(.select2-container--open) .select2-selection--single{
    border-radius: 1rem 1rem 0 0;
    border-bottom: 0;
}
.customselect2stylecls.slim .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #414141;
    line-height: 28px;
    padding: 0 27px 0 12px;
}
.talx-form .talx-input-group.has-action .select2-container {
    width: calc(100% - 34px) !important;
}
.talx-form .talx-input-group.has-action .select2-container .select2-container--default .select2-selection--single {
    border: 1px solid #ced4da;
    border-right: none;
    border-radius: 4px 0 0 4px;
}
.talx-form .talx-actions{
    display: flex;
    gap: 12px;
    padding: .875rem 0;
}
.talx-form .talx-actions.actionE{
    justify-content: end;
}
.talx-form .talx-actions.actionS{
    justify-content: start;
}
.talx-form .talx-actions.actionBetween{
    justify-content:space-between
}
.talx-form .talx-actions.actionC{
    justify-content:center
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    position: absolute;
    top: -4px;
    right: -3px;
    width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #414141;
    padding: 0 22px 0 7px;
    height: 100%;
}
.select2-container--default .select2-selection--single.select2-selection--clearable .select2-selection__rendered{
        color: #414141;
    line-height: 34px;
    padding: 0 7px 0 7px;
}
.select2-container--default .select2-selection--single.select2-selection--clearable .select2-selection__clear ~ .select2-selection__arrow{
    opacity: 0  ;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    background: url("../images/icons/selectcustomarrow.png") no-repeat left top !important;
    border: none;
    width: 16px;
    height: 16px;
    display: inline-block;
    background-size: 27px;
    left: 0;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.select2-results__option {
    padding: 8px 12px;
    font-size: 12px;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(-180deg);
}
.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #cbcbcb;
    height: 32px;
    border-radius: 4px;
    font-size: 13px;
    color: #313131;
    padding: 3px 10px;
}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: #d2d2d2;
    border-radius: 20px;
    cursor: pointer;
}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
    background: #979797;
    border-radius: 20px;
    cursor: pointer;
}
.select2-container--default .select2-results__option--selected {
    background-color: #fff;
}
.select2-dropdown {
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 4px;
    -webkit-box-shadow: 0 10px 18px rgb(6 10 48 / 8%);
    -moz-box-shadow: 0 10px 18px rgb(6 10 48 / 8%);
    box-shadow: 0 10px 18px rgb(6 10 48 / 8%);
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    -webkit-animation-name: slideIntop;
    animation-name: slideIntop;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #f4f5fb;
    color: #263871;
}
/* end select2 css */
.inputerrorcls, .customselect2errorcls .select2-container--default .select2-selection--single {
    border: 1px solid #e61111 !important;
}
.inputerrorcls ~ small.text-danger {
    position: absolute;
    bottom: -16px;
    font-size: 10px;
}
.enterjobrowdivcls .select2-container {
    width: 270px !important;
}

/* start Task */
.fc .fc-daygrid-day-number {
    color: #2e2e2e;
}
/* end Task */

/* start Dashboard */
.graphactionButtondivcls .btn {
    padding: 0;
    background: #fff;
}
.graphactionButtondivcls .dropdown-menu {
    top: 22px !important;
    min-width: 140px;
    width: 150px;
    padding: 4px;
    box-shadow: 0 16px 18px rgb(6 10 48 / 8%);
    border: 1px solid #e6e6e6;
    padding-top: 10px;
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    -webkit-animation-name: slideInToggle;
    animation-name: slideInToggle;
}
.graphactionButtondivcls {
    position: relative;
    display: inline-block;
    margin-left: 10px;
}
.graphactionButtondivcls .btn:focus {
    box-shadow: none;
}
.grapButtonoptioncls li {
    font-size: 12px;
    font-weight: 400;
    color: #2f2f2f;
    margin-bottom: 7px;
    padding-left: 10px;
    cursor: pointer;
}
.grapButtonoptioncls li .fa {
    margin-right: 4px;
}
.svgcharticoncls {
    width: 14px;
    height: 14px;
    margin-right: 4px;
}
.graphactiondivcls {
    float: right;
}
.graphChartHeadingcls h4 {
    display: inline-block;
}
.graphTablereportdivcls table {
    width: 100%;
}
.graphTablereportdivcls thead th {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    border: 1px solid #d3d3d3;
    text-align: center;
    padding: 5px;
    background: #3db389;
}
.graphTablereportdivcls tbody td {
    font-size: 12px;
    font-weight: normal;
    color: #3a3a3a;
    border: 1px solid #d3d3d3;
    text-align: center;
    padding: 6px;
}
.canvasGraphdisplaynone {
    display: none;
}
.canvasTableGraphdisplaynone {
    display: none;
}
.graphChartcolcls {
    height: 570px;
}
.graphTablereportdivcls {
    height: 405px;
    overflow-y: auto;
}
.tablereportbtncls .fa-file-text-o:before {
    content: "\f1fe";
}
.togglecanvasgraphcls .fa-file-text-o:before {
    content: "\f0f6";
}
.questionTextAreacls {
    resize: none;
    max-height: 48px;
    overflow-y: auto;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    padding-left: 8px;
    color: #000000;
    border: none;
}
.mediaCardWrapper video {
    width: 100%;
    height: 146px;
    object-fit: cover;
}
.btn.orangebtncls:focus {
    background: #f2994a;
    border: 1px solid #f2994a;
    color: #fff;
}
.libraryCardvideotagcls video {
    width: 100%;
    height: 110px;
    object-fit: cover;
}
.lightgreennewtagcls {
    background: rgba(61, 179, 137, 0.1);
    color: #3db389;
    font-size: 12px;
    display: inline-block;
    padding: 2px 14px;
    border-radius: 50px;
    position: relative;
    top: -2px;
    margin-left: 7px;
    margin-bottom: -3px;
}
.allcandidateadvfilterinnercls {
    margin-left: 0;
    margin-bottom: 10px;
}
.advancefilterselectedtxtcls {
    padding-top: 0;
    padding-bottom: 12px;
    overflow: auto;
}
.advancefilterselectedtxtcls span {
    margin-right: 1px;
    display: inline-block;
    font-size: 10px;
    font-weight: 400;
    background: #ddf4f1;
    color: #4f4f4f;
    padding: 2px 8px;
    margin-bottom: 4px;
    border-radius: 50px;
    animation: modalfadein .3s both;
}
.remove_anytagbtn {
    margin-left: 1px;
    line-height: 14px;
    cursor: pointer;
}
.remove_anytagbtn svg {
    width: 14px;
    height: 14px;
}
.customfileuploadsquarecls {
    height: 135px;
    background: #FAFAFA;
    border: 1px dashed #c8c8c8;
    border-radius: 5px;
    padding: 5px;
    transition: border 300ms ease;
    cursor: pointer;
    text-align: center;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.customfileuploadsquarecls input[type="file"]{
    display:none;
}
.customfileuploadsquarecls p {
      font-style: normal;
      font-weight: normal;
      font-size: 12px;
      line-height: 16px;
      color: #6d6e6e;
      margin-top: 12px;
}
.videoTypeBtn {
    min-height: 66px;
    border: none;
}
.details_actions .talOrangebtncls, .details_actions .talGreenbtncls {
    min-width: auto;
    font-size: 18px;
    padding: 0 15px;
}
/* start tag */
.clientcardwithtagheightcls .job-box {
    min-height: 180px;
}
.taglistingcls {
    padding-bottom: 10px;
}
.spantaganchorcls {
    display: inline-block;
    margin-right: 5px;
}
.spantaganchorcls a {
    display: inline-block;
    color: #828282;
    font-size: 14px;
}
.spantaganchorcls a:hover {
    color: #f2994a !important;
}
.removeHovertaganchorcls a:hover {
    color: #828282 !important;
}
.appendtaglistingcls span {
    margin-right: 1px;
    display: inline-block;
    font-size: 12px;
    background: #fff;
    font-weight: 400;
    color: #444;
    padding: 5px 10px;
    border-radius: 50px;
    margin-bottom: 10px;
    border: 1px solid #c3c3c3;
}
.appendtaglistingcls b {
    display: inline-block;
    font-weight: normal;
}
.appendtaglistingcls .tagremovecls {
    display: inline-block;
    cursor: pointer;
    position: relative;
    top: -1px;
    margin-left: 1px;
}
.appendtaglistingcls .tagremovecls svg {
    width: 12px;
    height: 12px;
}
.appendtaglistingcls .tagremovecls svg path {
    fill: #dc6767;
}
.taglistsectionouterdivcls {
    padding-bottom: 0 !important;
    margin-bottom: 20px;
}
.addclientformbtndivcls .primaryBtn {
    background: #F2994A;
    border-radius: 5px;
    box-sizing: border-box;
    border-radius: 5px;
    color: #fff;
    width: 140px;
    height: 37px;
    text-transform: uppercase;
}
.addclientformbtndivcls .secondaryBtn {
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
    border-radius: 5px;
    color: #828282;
    width: 140px;
    height: 37px;
    text-transform: uppercase;
}
.modaltopheadingcls {
    font-size: 16px;
    font-weight: 400;
}
.labeltagspantextcls {
    background: #3db389;
    border-radius: 50px;
    font-size: 12px;
    color: #fff;
    padding: 4px 12px;
    float: right;
    margin-right: 15px;
    margin-top: 2px;
}
.labeltagicondivcls {
    float: right;
}

/* end tag */
.bodyfullscreengraphcls canvas {
    width: 65% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto;
}
.modalcancelbtncls {
    border: 1px solid #c6c6c6;
    background: #fff;
    color: #4c4c4c;
    font-size: 14px;
    border-radius: 4px;
    padding: 8px 15px;
    text-transform: uppercase;
}
.modaltopheading18pxcls {
    font-size: 18px;
    font-weight: 400;
}

@keyframes slideInToggle {
    0% {
      transform: translateY(1rem);
      opacity: 0;
    }

    100% {
      transform: translateY(0rem);
      opacity: 1;
    }

    0% {
      transform: translateY(1rem);
      opacity: 0;
    }
}
@-webkit-keyframes slideInToggle {
    0% {
      -webkit-transform: translateY(1rem);
      -webkit-opacity: 0;
    }

    100% {
      -webkit-transform: translateY(0);
      -webkit-opacity: 1;
    }

    0% {
      -webkit-transform: translateY(1rem);
      -webkit-opacity: 0;
    }
}
@keyframes slideIntop {
    0% {
      transform: translateY(-1rem);
      opacity: 0;
    }

    100% {
      transform: translateY(0rem);
      opacity: 1;
    }

    0% {
      transform: translateY(-1rem);
      opacity: 0;
    }
}
/* end Dashboard */

/* start surebootstrap4Modal */
.surebootstrap4Modalcls .modal-title {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0;
}
.surebootstrap4Modalcls .modal-dialog {
    width: 400px;
}
.surebootstrap4Modalcls .modal-body {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 4rem;
}
.surebootstrap4Modalcls .modal-footer {
    border-top: none;
}
.surebootstrap4Modalcls .modal-header {
    border-bottom: none;
    padding-bottom: 10px;
    padding-top: 20px;
}
.surebootstrap4Modalcls .modal-body p {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #6d6e6e;
    margin-bottom: 0;
}
.surebootstrap4Modalcls .modal-cancel {
    border: 1px solid #bdbdbd;
    border-radius: 5px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #6d6e6e;
    padding: 7px 10px;
    background: #fff;
    cursor: pointer;
}
.surebootstrap4Modalcls .modal-confirm {
    background: #f2994a;
    color: #fff;
    border-radius: 5px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    border: 1px solid #f2994a;
    padding: 7px 10px;
}

/* end surebootstrap4Modal */

/* start task */
.createTaskLeftpannelcls {
    width: 450px;
    float: left;
}
.createTaskRightpannelcls {
    width: calc(100% - 450px);
    float: left;
    padding-left: 20px;
}
.createTaskRightInnerpannelcls {
    background: #fff;
    min-height: 400px;
    border-radius: 5px;
}
.taskTreeviewlistcls li {
    list-style: none;
}
.mainTaskLicls {
    background: #fff;
    border-radius: 4px;
    margin-bottom: 12px;
    box-shadow: 0 2px 20px rgb(0 0 0 / 2%);
    padding: 15px 18px 16px;
}
.mainTaskTitlecls {
    font-size: 14px;
    color: #373737;
    font-weight: 400;
    cursor: pointer;
}
.subTaskTitlecls {
    font-size: 13px;
    color: #373737;
    font-weight: normal;
}
.taskTreeviewlistcls li ul {
    padding-left: 35px;
    padding-top: 10px;
}
.taskTreeviewlistcls li ul li {
    padding-bottom: 6px;
    position: relative;
}
.taskTreeviewlistcls li ul li::before {
    position: absolute;
    left: -30px;
    top: -10px;
    width: 1px;
    height: 100%;
    border-left: 1px solid #aaa;
    content: "";
}
.taskTreeviewlistcls li ul li::after {
    position: absolute;
    left: -30px;
    top: 13px;
    width: 22px;
    height: 1px;
    border-top: 1px solid #aaa;
    content: "";
}
.treeexpandiconcls {
    font-size: 11px;
    margin-right: 8px;
    cursor: pointer;
}
.badgecirclecls {
    width: 16px;
    height: 16px;
    text-align: center;
    display: inline-block;
    background: #f2994a;
    border-radius: 100%;
    color: #fff;
    font-size: 10px;
    line-height: 16px;
    margin-left: 2px;
}
.taskStatuscls {
    font-size: 9px;
    font-weight: 400;
    border-radius: 50px;
    background: #36b48a;
    padding: 1px 8px 2px;
    color: #fff;
    margin-left: 1px;
}
.openStaskcls {
    background: #36b48a;
}
.closeStaskcls {
    background: #ff7777;
}
.taskActionbtncls {
    float: right;
}
.taskActionbtncls button {
    border: none;
    background: none;
    cursor: pointer;
    margin-left: 5px;
}
.taskActionbtncls button svg {
    width: 12px;
}
.addsubTaskbtncks {
    border: 1px solid #b5b5b5;
    background: #fff;
    font-size: 10px;
    width: 16px;
    height: 16px;
    line-height: 12px;
    border-radius: 2px;
    color: #4a4a4a;
    margin-left: 4px;
}
.taskActionbtnFloat_nonecls {
    float: none;
    display: inline-block;
}
.addTaskbtndivcls {
    text-align: right;
    padding-top: 10px;
}
.addNewTaskbtncls {
    background: #f2994a;
    border: none;
    color: #fff;
    border-radius: 4px;
    font-size: 12px;
    text-transform: uppercase;
    padding: 6px 12px;
    cursor: pointer;
}
.addNewTaskbtncls img {
    width: 14px;
    margin-right: 2px;
}
.taskTreeviewlistcls li ul {
    display: none;
}
.treeexpandiconcls .fa-plus:before {
    content: "\f067";
}
.minusfaiconcls .fa-plus:before {
    content: "\f068";
}
.taskclickdatadivcls {
    padding: 15px 20px;
}
.taskdataHeadingdivcls h3 {
    font-size: 18px;
    font-weight: 400;
    color: #404040;
    margin-bottom: 12px;
    margin-top: 5px;
}
.taskclickdatadivcls strong {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #2f2f2f;
}
.taskclickdatadivcls span {
    display: block;
    font-size: 14px;
    color: #303030;
    margin-bottom: 20px;
}

.taskclickdataTabledivcls {
    padding: 20px;
}
.taskclickdataTabledivcls table {
    width: 100%;
}
.taskclickdataTabledivcls thead th {
    background: #3db389;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    padding: 8px 10px;
}
.taskclickdataTabledivcls tbody td {
    font-size: 12px;
    color: #303030;
    padding: 9px 10px;
    border-bottom: 1px solid #e6e6e6;
}
/* end task */

/* start tree and list view task */
.badgecirclecls, .taskStatuscls {
    position: relative;
    top: -2px;
}
.tasklisttabcls .candidate-btn {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #828282;
    border-radius: 0;
}
.maintaskListrowdivcls {
    width: 100%;
    float: left;
    background: #fff;
    border-radius: 4px;
    margin-bottom: 15px;
    box-shadow: 0 2px 20px rgb(0 0 0 / 2%);
    padding: 16px 18px 10px;
}
.taskTopHeadingdivcls {
    width: 100%;
    float: left;
    background: #3db389;
    margin-bottom: 16px;
    padding: 8px 18px;
}
.taskTopHeadingInnerdivcls {
    float: left;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}
.taskHColwidth1cls {
    width: 30%;
}
.taskHColwidth6cls {
    width: 15%;
    text-align: left;
}
.taskHColwidth2cls {
    width: 15%;
    text-align: center;
}
.taskHColwidth3cls {
    width: 10%;
    text-align: center;
}
.taskHColwidth4cls {
    width: 15%;
    text-align: center;
}
.taskHColwidth5cls {
    width: 15%;
    text-align: center;
}
.maintaskListrowInnerdivcls {
    width: 100%;
    float: left;
}
.maintaskListrowdivcls h3 {
    font-size: 14px;
    color: #424242;
    font-weight: 400;
    cursor: pointer;
    margin-bottom: 0;
    display: inline-block;
}
.taskListrowColdivcls {
    float: left;
}
.taskColwidth1cls {
    width: 30%;
}
.taskColwidth6cls {
    text-align: center;
    width: 15%;
}
.taskColwidth2cls {
    text-align: center;
    width: 15%;
}
.taskColwidth3cls {
    text-align: center;
    width: 10%;
}
.taskColwidth4cls {
    width: 15%;
}
.taskColwidth5cls {
    text-align: center;
    width: 15%;
}
.taskdropdowndivcls {
    display: inline-block;
    position: relative;
    top: 5px;
    margin-left: 5px;
}
.taskdropdownbtncls {
    border: none;
    background: none;
    height: 16px;
}
.taskdropdownbtncls img {
    vertical-align: top;
    width: 18px;
}
.progressTBardivcls {
    position: relative;
    float: right;
    width: 100%;
    margin-top: 4px;
}
.progressTBardivcls .progress {
    height: 20px;
    border-radius: 50px;
}
.progressPerTextcls {
    position: absolute;
    top: -22px;
    font-size: 10px;
    font-weight: 400;
    color: #fff;
    background: #36b48a;
    border-radius: 2px;
    padding: 1px 6px;
}
.progressTBardivcls .progress-bar {
    text-align: right;
    background: #36b48a;
}
.progressTBardivcls .progress-bar span {
    padding-right: 5px;
}
.taskassignpeoplecls {
    text-align: center;
}
.taskassignpeopleInnercls {
    display: inline-block;
}
.taskassignpeoplecls span {
    width: 30px;
    height: 30px;
    float: left;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    background: #7f60d6;
    border-radius: 100%;
    vertical-align: top;
    line-height: 30px;
    cursor: pointer;
}
.taskassignpeoplecls span:not(:first-child) {
    margin-left: -10px;
}
.taskassignpeoplecls img {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    margin-top: -2px;
}
.taskcolspanTextcls {
    font-size: 13px;
    color: #303030;
}
.relateeTolistOuterdivcls .dropdown-search, .assignTolistOuterdivcls .dropdown-search {
    margin-bottom: 10px;
}
.assignTolistdivcls li {
    width: 100%;
    float: left;
    background: #fff;
    border-radius: 4px;
    margin-bottom: 7px;
    padding: 10px;
    border: 1px solid #e4e4e4;
    position: relative;
}
.assignTolistdivcls .roundcustomcheckboxcls {
    position: absolute;
    right: 20px;
    top: 19px;
}
.assignTolistdivcls input[type="checkbox"] {
    visibility: hidden;
}
.assignTolistdivcls label {
    background-color: #e5e5e5;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    cursor: pointer;
    width: 18px;
    height: 18px;
    left: 0;
    position: absolute;
    top: 0;
}
.assignTolistdivcls .roundcustomcheckboxcls label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 5px;
    left: 4px;
    opacity: 0;
    position: absolute;
    top: 5px;
    transform: rotate(-45deg);
    width: 8px;
}
.assignTolistdivcls .roundcustomcheckboxcls input[type="checkbox"]:checked+label {
    background-color: #3DB389;
    border-color: #3DB389;
}
.assignTolistdivcls .roundcustomcheckboxcls input[type="checkbox"]:checked+label:after {
    opacity: 1;
}
.assignToLeftdivcls {
    width: 36px;
    float: left;
    height: 36px;
    border-radius: 100%;
    background: #dae2f4;
    color: #616161;
    font-weight: 400;
    line-height: 36px;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
}
.assignToLeftdivcls img {
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 100%;
}
.assignToRightdivcls {
    width: calc(100% - 36px);
    padding-left: 10px;
    float: left;
}
.assignToRightdivcls strong {
    display: block;
    font-weight: 400;
    font-size: 13px;
    color: #4b4b4b;
    padding-bottom: 0;
    line-height: 16px;
}
.assignToRightdivcls span {
    font-size: 12px;
    color: #4b4b4b;
    display: block;
    padding-bottom: 0;
}
.subTaskrowOuterdivcls {
    width: 100%;
    float: left;
    display: none;
}
.selectSearchnonecls span.select2-search.select2-search--dropdown {
    display: none;
}
.subTaskrowdivcls {
    width: 100%;
    float: left;
    padding-top: 12px;
    position: relative;
}
.subTaskrowdivcls::before {
    position: absolute;
    width: 1px;
    height: 100%;
    border-left: 1px solid #aaa;
    content: "";
    top: -16px;
}
.subTaskrowdivcls::after {
    position: absolute;
    width: 12px;
    height: 1px;
    border-top: 1px solid #aaa;
    content: "";
    top: 25px;
}
.subTaskLevel1::before {
    left: 4px;
}
.subTaskLevel1::after {
    left: 4px;
}
.subTaskLevel2::before {
    left: 22px;
}
.subTaskLevel2::after {
    left: 22px;
}
.subTaskLevel3::before {
    left: 40px;
}
.subTaskLevel3::after {
    left: 40px;
}
.subTaskLevel4::before {
    left: 58px;
}
.subTaskLevel4::after {
    left: 58px;
}
.subTaskLevel5::before {
    left: 76px;
}
.subTaskLevel5::after {
    left: 76px;
}
.subTaskLevel1 .taskColwidth1cls {
    padding-left: 18px;
}
.subTaskLevel2 .taskColwidth1cls {
    padding-left: 36px;
}
.subTaskLevel3 .taskColwidth1cls {
    padding-left: 54px;
}
.subTaskLevel4 .taskColwidth1cls {
    padding-left: 72px;
}
.subTaskLevel5 .taskColwidth1cls {
    padding-left: 90px;
}
.craeteNewtaskModal .form-fields {
    font-size: 14px;
}
.craeteNewtaskModal .task-icon {
    width: 14px;
}
.taskTreeListviewdivcls {
    border: none;
}
.durationmorefilterdivcls .task-icon {
    width: 14px;
}
.durationmorefilterdivcls .form-fields {
    font-size: 14px;
}
.taskTreeListviewdivcls .taskTreeviewbtncls, .taskTreeListviewdivcls .taskCalendarviewbtncls {
    border: none;
    background: none;
    cursor: pointer;
    padding: 0;
    margin-right: 20px;
}
.taskTreeListviewdivcls .taskTreeviewbtncls svg, .taskTreeListviewdivcls .taskCalendarviewbtncls svg {
    width: 21px;
    height: 21px;
}
.taskTreeviewbtncls.active svg path {
    fill: #3db389;
}
.taskCalendarviewbtncls svg path {
    stroke: #828282;
}
.taskCalendarviewbtncls.active svg path {
    stroke: #3db389;
}
.setRecurrenceOuterdivcls {
    border: 1px solid #d3d3d3;
    padding: 12px;
    border-radius: 4px;
}
.setRecurrenceOuterdivcls h4 {
    font-size: 15px;
    font-weight: 400;
    color: #2b2b2b;
    margin-bottom: 12px;
}
.formfieldClickdisablecls {
    pointer-events: none;
    opacity: .5;
}
.formRadioInputdivcls .form-check .form-check-input {
    position: relative;
    top: 2px;
    cursor: pointer;
}
/* start dayslistdivcls */
.dayslistdivcls ul{
    display: flex;
    margin-bottom: 1rem;
    border: 1px solid #d3d3d3;
    border-radius: 12px;
    padding:.5rem;
    background: var(--bs-body-bg);
}
.dayslistdivcls li {
    flex: 1 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    &:not(:last-child):after{
        content: '';
        position: absolute;
        width: 1px;
        height: 100%;
        background: #d3d3d3;
        top: 0;
        right: 0;
    }
}
.dayslistdivcls b {
    font-size: 14px;
    font-weight: 400;
    color: #838383;
    display: block;
    margin-bottom: 4px;
}
.dayslistdivcls span {
    display: inline-flex;
    justify-content: center;
    align-items: center ;
    width: 22px;
    height: 22px;
    background: #ffffff;
    border-radius: 100%;
    text-align: center;
    transition: all 0.3s ease;
}
.dayslistdivcls span svg {
    width: 16px;
    color: #8b8b8b;
    height: 16px;
    position: relative;
}
.dayslistdivcls li:not(.selectedworkdayscls):hover span {
    background: #ffb617;
}
.dayslistdivcls li:is(.selectedworkdayscls):hover span {
    background: #afafaf;
}
.dayslistdivcls .selectedworkdayscls span {
    background: #36b48a;
    >svg{
        color: #ffffff;
    }
}
/* end dayslistdivcls */
.table-talbotiq {
    position: relative;
}
.tableColumnDropdowncls {
    position: absolute;
    right: 10px;
    top: 6px;
}
.selectTextrecurrencecls span {
    font-size: 14px;
    display: block;
    color: #3a3a3a;
}
.selectTextrecurrencecls span b {
    font-weight: 400;
}
.setRecurrencebtndivcls {
    text-align: right;
    padding-top: 8px;
    padding-bottom: 4px;
}
.recurrenceCancelBtncls, .recurrenceSaveBtncls {
    border: none;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
    padding: 3px 16px;
    border-radius: 4px;
    margin-left: 6px;
    cursor: pointer;
}
.recurrenceSaveBtncls {
    border: 1px solid #36b48a;
    background: #36b48a;
    color: #fff;
}
.recurrenceCancelBtncls {
    border: 1px solid #cbcbcb;
    background: #fff;
    color: #4f4f4f;
}
.formRadioInputdivcls .form-check {
    display: inline-block;
    width: 75px;
}
.onTherecurrencedivcls {
    width: 100%;
    float: left;
}
.onTherecurrenceInnerdivcls {
    margin-bottom: 15px;
}
.onTherecurrencedivcls .customselect2stylecls {
    width: 110px;
    display: inline-block;
}
.onTherecurrencedivcls label.form-check-label {
    font-size: 12px;
    cursor: pointer;
}
.inputspaceTextdivcls {
    display: inline-block;
    padding: 0 10px;
}
.toggleSwitchdivcls .smallswitchtogglebtn {
    margin-right: 30px;
}
.craeteNewtaskModal .custom_multiselect2stylecls .select2-container--default .select2-selection--multiple {
    height: auto;
}
.taskstatusdrpdwndivcls {
    display: inline-block;
    position: relative;
    top: 5px;
}
.taskstatusdrpdwnbtncls {
    font-size: 9px;
    font-weight: 400;
    border-radius: 50px;
    background: #466c91;
    padding: 1px 6px 2px 8px;
    color: #fff;
    margin-left: 1px;
    border: none;
    vertical-align: top;
}
.dropdown-toggle.taskstatusdrpdwnbtncls::after {
    display: inline-block;
    color: #fff;
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    margin-left: 5px;
    position: relative;
    top: 1px;
}
.rsvptaskstatuscls {
    background: #466c91;
}
.opentaskstatuscls {
    background: #f2994a;
}
.inprogresstaskstatuscls {
    background: #7f60d6;
}
.closetaskstatuscls {
    background: #36b48a;
}
.rejecttaskstatuscls {
    background: #fd5f72;
}
.accepttaskstatuscls {
    background: #1e8be1;
}
.taskrejectformdivcls textarea.form-control {
    border-color: #dedede;
    font-size: 14px;
    color: #2c2c2c;
    resize: none;
    height: 100px;
}
.assignTolistOuterdivcls {
    padding: 10px;
    width: 350px;
}
.assignTolistdivcls {
    max-height: 300px;
    overflow-y: auto;
}
.assignTolistOuterdivcls .dropdown-search {
    border: 1px solid #cfcfcf;
}
.accurrenceEditbtncls {
    border: none;
    background: none;
    cursor: pointer;
    padding: 0;
    margin-right: 3px;
}
.accurrenceEditbtncls img {
    width: 14px;
}
i.faColor {
    width: 14px;
    height: 14px;
    display: inline-block;
    background: #e7e7e7;
    position: relative;
    top: 2px;
    border-radius: 100%;
}
i.faColor.optionColorRed {
    background: #EB5757;
}
i.faColor.optionColorYellow {
    background: #F2C94C;
}
i.faColor.optionColorBlue {
    background: #2D9CDB;
}
i.faColor.optionColorGreen {
    background: #27AE60;
}
i.faColor.optionColorGray {
    background: #828282;
}
i.faColor.optionColorBlack {
    background: #000;
}
.setaccurencelistdivcls {
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: -3px;
}
.occursSpanTextcls {
    font-size: 13px;
    color: #333;
}
.occursSpanTextcls strong {
    font-weight: 400;
    margin-right: 5px;
}
.flatpickrOnlytime {
    background: #fff !important;
}
.noCalendar.flatpickr-calendar {
    width: 271px;
}
.craeteNewtaskModal .text-danger {
    font-size: 10px;
    display: block;
    padding-top: 2px;
}
.everyrepeatselctdivcls {
    margin-bottom: 16px;
}
/* start multielect with image */
.multitextselectdiv span {
    width: 36px;
    height: 36px;
    float: left;
    text-align: center;
    border-radius: 100%;
    background: #dae2f4;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 35px;
    margin-right: 8px;
    color: #616161;
    font-weight: 400;
    margin-top: 4px;
}
.multirightTextselectdiv {
    float: left;
}
.multitextselectdiv {
    width: 100%;
    float: left;
}
.multitextselectdiv h6 {
    font-size: 11px;
    font-weight: 400;
    color: #494949;
    margin-bottom: 0;
}
.multitextselectdiv p {
    font-size: 9px;
    color: #797979;
    margin-bottom: 0;
    line-height: 12px;
}
.multitextselectdiv b {
    font-size: 9px;
    font-weight: 400;
    display: block;
    color: #797979;
}
.libottombordercls li.select2-results__option {
    border-bottom: 1px solid #e6e6e6;
    width: 100%;
    float: left;
}
/* end multielect with image */
.multirightTextselectdiv {
    padding-top: 10px;
}

/* end tree and list view task */
.outer_resumetablecls {
    width: 100%;
}


/* start feedback changes */
.jobdetailspagecls .recommendCandidatedivcls .candidateinnercolcls {
    height: 165px;
}
.overallratingdivcls, .selfratingdivcls {
    display: inline-block;
    margin: 16px 10px 5px;
}
.overallratingdivcls b, .selfratingdivcls b {
    display: block;
}
.commonskillsOuterSetdivcls {
    background: #fff;
    box-shadow: 0 4px 20px rgb(0 0 0 / 7%);
    border-radius: 5px;
    width: 100%;
    margin-top: 15px;
    padding: 15px;
}
.commonskillsOuterSetdivcls h3 {
    font-size: 16px;
    font-weight: 400;
    color: #373737;
    margin-bottom: 15px;
    border-bottom: 1px solid #dedede;
    padding-bottom: 12px;
}
.commonskillsSetdivcls span {
    font-size: 12px;
    font-weight: 400;
    color: #575757;
    border: 1px solid #c7c7c7;
    border-radius: 50px;
    padding: 5px 10px;
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 10px;
}
.weightageinputcls {
    display: inline-block;
}
.weightage_groupouterdivcls small {
    font-size: 12px;
    color: #707070;
    display: inline-block;
    margin-right: 8px;
    position: relative;
    top: -1px;
}
.weightageinputcls .form-control {
    width: 65px;
    height: 27px;
    margin-right: 4px;
}
.weightageratingcls {
    padding-left: 10px;
    font-weight: 400;
}
/* end feedback changes */

/* start commonMorefilterdpcls */
.dropdown-menu.commonMorefilterdpcls {
    width: 460px;
    min-width: auto;
    padding: 0;
    z-index: 9;
}
.commonMorefilterLeftdpcls {
    width: 150px;
    float: left;
    background: #fff;
}
.commonMorefilterRightdpcls {
    width: calc(100% - 150px);
    float: left;
}
.commonMorefilterLeftdpcls .nav-link {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #474747;
}
.commonMorefilterLeftdpcls .nav-link.active {
    color: #3db389 !important;
    background-color: transparent !important;
    border-radius: 0;
    border-bottom: 1px solid #3db389;
}
.commonMorefilterRightdpcls {
    overflow-y: auto;
    background: #f7f7f7;
    padding: 6px 10px;
}
.commonMorefilterHeightcls {
    height: 250px;
    overflow-y: auto;
}
.commonMorefilterHeightcls::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: #d2d2d2;
    border-radius: 20px;
    cursor: pointer;
}
.commonMorefilterHeightcls::-webkit-scrollbar-thumb {
    background: #979797;
    border-radius: 20px;
    cursor: pointer;
}
.commonMorefilterRightdpcls .form-check {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}
.commonMorefilterRightdpcls .form-check .form-check-label {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    position: relative;
    top: -2px;
}
.commonMorefilterRightdpcls .dropdown-search {
    background: #fff;
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
    border-radius: 4px;
    margin-bottom: 10px;
}
.commonMorefilterRightdpcls .dropdown-search .search-input {
    border: none;
    height: 30px;
    font-size: 12px;
}
.commonMorefilterRightdpcls .dropdown-search .search-input::placeholder {
    font-size: 12px;
}
.commonMorefilterRightdpcls .dropdown-search .search-icon {
    width: 16px;
}
.commonmorefilterdivcls {
    text-align: right;
    padding-top: 10px;
    padding-bottom: 5px;
}
.commonmorefilterdivcls .btn {
    height: auto;
    font-weight: 400;
    font-size: 12px;
    padding: 4px 12px;
    display: inline-block;
}
.morefilterResetbtncls {
    background: #fff !important;
    border: 1px solid #c5c5c5 !important;
    color: #636363;
}
.morefilterapplybtncls {
    background: #36b48a !important;
    border: 1px solid #36b48a !important;
    color: #fff;
}
.morefilterResetbtncls:hover, .morefilterResetbtncls:focus {
    background: #f3f3f3;
    border-color: #c5c5c5;
    color: #636363;
}
.morefilterapplybtncls:hover, .morefilterapplybtncls:focus {
    background: #2ba57c;
    border-color: #36b48a;
    color: #fff;
}
.customioRangeslidercls {
    padding: 0;
    min-width: 280px;
}
.commonMorefilterRightdpcls .customioRangeslidercls {
    padding: 15px;
}
.commonMorefilterRightdpcls .customioRangeslidercls .irs--flat .irs-line {
    height: 4px;
}
.commonMorefilterRightdpcls .customioRangeslidercls .irs--flat .irs-bar {
    height: 4px;
    background-color: #3db389;
}
.commonMorefilterRightdpcls .customioRangeslidercls .irs--flat .irs-handle {
    height: 12px;
}
.commonMorefilterRightdpcls .customioRangeslidercls .irs--flat .irs-handle>i:first-child {
    background-color: #3db389;
}
.commonMorefilterRightdpcls .customioRangeslidercls .irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single {
    background-color: #3db389;
}
.commonMorefilterRightdpcls .customioRangeslidercls .irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before {
    border-top-color: #3db389;
}
.commonMorefilterRightdpcls .customioRangeslidercls .irs--flat .irs-grid-text {
    color: #6f6f6f;
}
.commonMorefilterRightdpcls .customioRangeslidercls .irs--flat .irs-grid-pol {
    background-color: #ababab;
}
.commonMorefilterRightdpcls .customioRangeslidercls .irs--flat .irs-min, .customioRangeslidercls .irs--flat .irs-max {
    color: #656565;
}
.commonMoreSelectfilterdivcls {
    border: 1px solid #e2e2e2;
    padding: 6px 6px 4px;
    border-radius: 4px;
    margin-bottom: 20px;
    min-height: 42px;
    position: relative;
    margin-right: 15px;
}
.commonMoreSelectfilterdivcls span {
    margin-right: 1px;
    display: inline-block;
    font-size: 11px;
    font-weight: normal;
    background: rgba(61, 179, 137, 0.1);
    color: #3db389;
    padding: 3px 10px;
    border-radius: 50px;
    margin-bottom: 5px;
}
.clearmorefilterbtncls {
    background: #f56565;
    padding: 0;
    border: none;
    width: 16px;
    height: 16px;
    line-height: 8px;
    border-radius: 0 2px 2px 0;
    position: absolute;
    right: -16px;
    top: 0;
}
.clearmorefilterbtncls svg {
    width: 12px;
}
.clearmorefilterbtncls svg path {
    fill: #fff;
}
.customimageUploaddivcls {
    position: relative;
}
.uploadfileblockcls {
    position: absolute;
    right: 4px;
    bottom: -3px;
    z-index: 2;
    margin-bottom: 0;
    cursor: pointer;
}
.uploadfileblockcls span.cameraiconcls {
    display: inline-block;
}
.cameraiconcls {
    cursor: pointer;
}
.uploadiconAbsolutecls {
    position: absolute;
    right: 0;
    bottom: -4px;
    z-index: 1;
}
.smallNoteTextcls {
    font-size: 12px;
    color: #4f4f4f;
    display: block;
    padding-top: 5px;
}
.smallNoteTextcls b {
    font-weight: 400;
    color: #ff4d4d;
}
.commonskillsSetdivcls .ratingsmallvisiblecls i.fa-star {
    color: #f6cd39;
}
/* end commonMorefilterdpcls */

/* start autocomplete */
.tt-query,
.tt-hint {
    /* width: 396px; */
    height: 42px;
    padding: 8px 12px;
    font-size: 12px;
    line-height: 42px;
    border: 2px solid #ccc;
    border-radius: 4px;
    outline: none;
}
.tt-query {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.tt-hint {
    color: #999;
}
.tt-menu {
    width: 100%;
    margin-top: 6px;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    margin-left: 0;
    text-align: left;
}
.tt-suggestion {
    padding: 3px 16px;
    font-size: 12px;
    line-height: 24px;
    cursor: pointer;
}
.tt-suggestion:hover {
    background-color: #f4f5fb;
    color: #263871;
}
.tt-suggestion p {
    margin: 0;
}
strong.tt-highlight {
    color: #31ab82;
}
span.twitter-typeahead, .appendskillscoldivcls, .addskillbuttondivcls {
    vertical-align: top;
}
.addskillsokbtncls {
    border: 1px solid #31ab82;
    border-radius: 50px;
    color: #31ab82 !important;
    padding: 7px 16px 8px;
    font-size: 13px;
    font-weight: 400;
    display: inline-block;
    margin-top: 3px;
    vertical-align: top;
    position: relative;
    top: 8px;
    height: 35px;
    display: none;
}
.addskillsokbtncls svg {
    width: 16px;
    height: 16px;
    position: relative;
    top: -1px;
    margin-right: 2px;
}
.addskillsokbtncls svg path {
    fill: #31ab82;
}
.notfoundskill_outerdivcls {
    font-size: 12px;
    font-weight: 400;
    padding: 0 10px;
}
.nothingfoundtextcls {
    color: #8b8b8b;
    white-space: normal;
}
.nothingfoundtextcls span {
    text-transform: capitalize;
    color: var(--primary-green-color);
}
.notfoundskillappenddivcls {
    color: #2f2f2f;
    padding: 5px 0;
    text-transform: capitalize;
}
.addskilltemplateBtn {
    padding: 5px 0 5px;
}
.addskilltemplateBtn a {
    color: #f2994a;
}
/* end autocomplete */
.autocompleteWidthcls .tt-menu {
    margin-left: 0;
}
.autocompleteWidthcls span.twitter-typeahead {
    display: block !important;
}
.autocompleteWidthcls .autocompleteinputcls {
    font-size: 14px;
}
.mediapreviewModalbodydivcls iframe {
    border: none;
    width: 100%;
    height: 380px;
}
.mediadocpreviewbodycls p {
    margin-bottom: 20px;
}
.mediadocpreviewModalcls .modal-dialog {
    max-width: 700px;
}
.deleteSureModalcls .modal-confirm {
    background: #f2994a;
    color: #fff;
    border-radius: 5px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
}
.deleteSureModalcls .modal-cancel {
    border: 1px solid #bdbdbd;
    border-radius: 5px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #6d6e6e;
}
.deleteTaskradiobtndivcls {
    margin-top: 12px;
}
.deleteTaskradiobtndivcls .form-check {
    margin-bottom: 6px;
}
.deleteTaskradiobtndivcls label.form-check-label {
    font-size: 13px;
    color: #242424;
    cursor: pointer;
}
.deleteTaskradiobtndivcls .form-check-input {
    position: relative;
    top: 2px;
}
/* start interviewDetail page */

.slider-btn.slider-btn-active img {
    transform: rotate(180deg);
}
.subtitleCommentBoxdivcls .subtitleBox, .subtitleCommentBoxdivcls .submitRatingBox {
    padding: 12px;
    height: auto;
    margin-bottom: 12px;
}
.subtitleCommentBoxdivcls .submitRatingBox {
    margin-bottom: 40px;
}
.subtitleCommentBoxdivcls .subtitleBox {
    text-align: left;
}
.subtitleCommentBoxdivcls {
    padding-top: 0;
    width: 100%;
}
.videoSwiper-pagination {
    top: auto;
    bottom: 0;
}
.rateAnswerdivcls .ratingSubmit {
    width: 100%;
    text-align: left;
}
.rateAnswerdivcls .submitBtn {
    width: auto;
    height: auto;
    text-transform: uppercase;
    padding: 10px 20px;
    margin-top: 20px;
}
.reviewCommentbtncls {
    float: right;
}
.ratedReplysOuterdivcls .ratedReply {
    margin-bottom: 15px;
    padding: 0 15px;
}
.reviewCommentdModalcls .modal-dialog {
    max-width: 720px;
}
.addnewSlotdivOutercls {
    text-align: right;
}
.addnewSlotBtncls {
    background: #808080;
    border: none;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
    padding: 5px 12px;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 6px;
}
.addnewSlotToggledivcls .swiper-slide {
    width: 145px !important;
    margin-right: 30px !important;
}
.addNewTimeSlotModalcls .modal-dialog {
    max-width: 650px;
}
.modalfooterinnerdivcls .btn {
    padding: 10px 25px;
    margin-left: 10px;
}
.modalfooterinnerdivcls .saveTimeSlotbtncls:hover {
    color: #fff;
}
.overallFeedbackdivcls {
    background: #ebf7f3;
    border-radius: 5px;
    padding: 15px;
    padding-top: 22px;
}
.overallStardivcls {
    float: right;
}
.overallFeedbackListcls ul {
    margin-left: 25px;
}
.overallFeedbackListcls li {
    margin-bottom: 12px;
    color: #2e2e2e;
    font-size: 16px;
}
.itw-overalfeedbacks .overallFeedbackListcls ul {
  margin-left: 0;
  list-style: none;
}
.itw-overalfeedbacks .overallFeedbackListcls li {
  margin-bottom: 12px;
  color: #2e2e2e;
  font-size: 16px;
  background: #ebf7f3;
  padding: 0.5rem 1rem;
  border-radius: 5px;
  display: flex;
    align-items: center;
    justify-content: space-between;
}
.overallFeedbackListcls li::marker {
    color: #3db88d;
}
.overallStardivcls label.starLabel {
    cursor: pointer;
}
.alloverTextareaCommentcls .submitBtn, .subtitleCommentBoxdivcls .submitRatingBox .submitBtn {
    padding: 9px 15px;
    width: auto;
    height: 35px;
}
.alloverTextareaCommentcls .submitBtn .text-style-1, .subtitleCommentBoxdivcls .submitRatingBox .submitBtn .text-style-1 {
    text-transform: uppercase;
    font-size: 12px;
}
.alloverTextareaCommentcls textarea.form-control {
    margin-bottom: 15px;
}
/* end interviewDetail page */
.readonlySelect2cls {
    pointer-events: none;
}
.viewallFeedbackbtncls {
    border: 1px solid #b3b3b3;
    background: #fff;
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    padding: 5px 12px;
    border-radius: 5px;
}
.viewallFeedbackbtncls svg {
    position: relative;
    top: -1px;
    margin-right: 2px;
}
.candidate_exp_contentcls .taglistsectionouterdivcls {
    margin-bottom: 0;
}
.candidate_exp_contentcls .spantaganchorcls {
    vertical-align: top;
    position: relative;
    top: 2px;
}
.candidate_exp_contentcls .appendtaglistingcls .tagremovecls {
    top: -1px;
}
.candidate_exp_contentcls .spantaganchorcls svg {
    vertical-align: top;
    position: relative;
    top: -3px;
}
.navlastActivitiescls .btn.dropdown-toggle, .navshortmenulistcls .btn.dropdown-toggle {
    padding: 0;
}
.navshortmenulistcls .dropdown-item {
    font-size: 14px;
}
.navshortmenuImgcls {
    width: 18px;
    height: 18px;
    margin-right: 5px;
}
.taglisthoverbtncls {
    border: none;
    padding: 0;
    background: none;
    cursor: pointer;
}
.taglisthoverbtncls svg {
    width: 22px;
}
.taglistOuterdivcls {
    position: relative;
    top: -3px;
    float: left;
    margin-right: 5px;
    height: 18px;
}
.taglistULcls {
    position: absolute;
    left: 0;
    top: 25px;
    background: #fff;
    z-index: 9;
    box-shadow: 0 4px 20px rgb(0 0 0 / 7%);
    border-radius: 5px;
    min-width: 170px;
    padding: 8px;
    padding-bottom: 5px;
    border: 1px solid #e5e5e5;
    display: none;
}
.taglistULcls li {
    font-size: 11px;
    color: #434343;
    border: 1px solid #d1d1d1;
    border-radius: 50px;
    padding: 1px 8px 2px;
    margin-bottom: 5px;
    display: inline-block;
}
.taglistOuterdivcls:hover .taglistULcls {
    display: block;
}
.resumeRightpanneltdcls {
    background: url("../Bootstrap4_css_for_jobs_and_candidate/images/resumeWatermark.jpg") no-repeat center center;
}
.addIconSvgbtncls {
    border: none;
    background: #3db389;
    border-radius: 3px;
    width: 18px;
    height: 18px;
    text-align: center;
    cursor: pointer;
    line-height: 18px;
    float: right;
}
.addIconSvgbtncls svg {
    width: 10px;
    height: 10px;
    position: relative;
    top: -1px;
}
.addIconSvgbtncls svg path {
    fill: #fff;
}
.createnewdepartmentbtncls {
    color: #f2994a;
    background: none;
    border: none;
    cursor: pointer;
}

/* start tal live chat */
@keyframes bounce_animation {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}
.floatButtondivcls {
    position: fixed;
    right: 20px;
    bottom: 0;
    z-index: 99;
}
.tal_chatBtncls {
    display: flex;
    position: relative;
    border-radius: 5px;
    border: none;
    width: 200px;
    height: 55px;
    margin-top: 10px;
    padding: 10px;
    cursor: pointer;
    box-shadow: 0 0 22px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 22px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 22px 0 rgba(0,0,0,0.2);
    justify-content: flex-start;
    align-items: center;
    gap:10px
}
.tal_chatBtncls svg {
    width: 34px;
    height: auto;
}
/* .tal_chatBtncls svg path {
    fill: #fff;
} */
.tal_live_chat {
    position: fixed;
    right: 222px;
    bottom: 0;
    background: #fff;
    width: 600px;
    height: 450px;
    border-radius: 5px;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
    z-index: 991;
}
.tal_live_chat_left {
    background: url("Dashboard/images/main-page/chatBackground.png") repeat left top #fff;
    width: calc(100% - 250px);
    float: left;
    height: 100%;
}
.tal_live_chat_right {
    background: #fff;
    width: 250px;
    float: left;
    padding: 15px;
    height: 100%;
    border-left: 1px solid #a3dac6;
    padding-left: 0;
}
.chatUser_searchBox {
    margin-bottom: 12px;
    padding-left: 15px;
}
.chatUser_searchBox .form-control {
    height: 34px;
    font-size: 12px;
    border: 1px solid #ced4da;
    background: #FAFAFA;
    font-weight: 400;
    border-right: none;
    border-radius: 50px 0 0 50px;
}
.chatUser_searchBox .input-group-text {
    background: #fafafa;
    border-left: none;
    border-radius: 0 50px 50px 0;
}
.chatUser_searchBox .input-group-text svg {
    width: 14px;
    height: 14px;
}
.chatUser_searchBox .form-control::placeholder {
    color: rgb(171, 171, 171);
}
.tal_chatList_Img {
    width: 38px;
    height: 38px;
    float: left;
}
.tal_chatList_Img img {
    width: 38px;
    height: 38px;
    border-radius: 100%;
}
.tal_chatList_Name {
    width: calc(100% - 38px);
    float: left;
    padding-left: 8px;
}
.chatUser_lists li {
    list-style: none;
    width: 100%;
    float: left;
    padding: 10px 0;
    border-top: 1px solid #dedede;
    cursor: pointer;
    padding-left: 15px;
}
.chatUser_lists li:first-child {
    border-top: none;
}
.selected_Chat_usercls {
    background: #ebf7f3;
}
.chatuserName {
    font-size: 14px;
    font-weight: 400;
    color: #353535;
    display: block;
    line-height: 18px;
}
.userchatStatus {
    display: block;
    font-size: 12px;
    color: #808080;
    line-height: 18px;
}
.userchatStatus b {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #b4b4b4;
    margin-right: 2px;
}
.userchatStatusOnline b {
    background: #27ae60;
}
.userchatStatusOffline b {
    background: #f05858;
}
.tal_live_chat_headerImg {
    width: 32px;
    height: 32px;
    float: left;
}
.tal_live_chat_headerImg img {
    width: 32px;
    height: 32px;
    border-radius: 100%;
}
.tal_live_chat_headerText {
    width: calc(100% - 32px);
    float: left;
    padding-left: 8px;
}
.tal_live_chat_body, .tal_live_chat_header, .tal_live_chat_BodyChat, .tal_live_chat_Textarea {
    width: 100%;
    float: left;
}
.tal_live_chat_header {
    padding: 10px 10px 8px;
    background: #d8f2e8;
    border-radius: 5px 0 0 0;
    border-bottom: 1px solid #b7e6d5;
}
.tal_live_chat_BodyChat {
    height: 338px;
    overflow-y: auto;
    padding: 12px;
}
.chatUser_lists {
    height: 380px;
    overflow-y: auto;
}
.tal_live_chat_BodyChat::-webkit-scrollbar, .chatUser_lists::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: #dedede;
}
.tal_live_chat_BodyChat::-webkit-scrollbar-thumb, .chatUser_lists::-webkit-scrollbar-thumb {
    background: #9d9d9d;
}
.tal_live_chat_Textarea {
    padding: 10px;
}
.tal_textarea_ChatText {
    width: calc(100% - 120px);
    border: 1px solid #d8d8d8;
    background: #fff;
    border-radius: 50px;
    float: left;
    height: 36px;
    resize: none;
    padding: 0 15px;
    padding-top: 6px;
    color: #232323;
    font-size: 14px;
}
.tal_textarea_ChatText::placeholder {
    color: rgb(171, 171, 171);
}
.Tal_submitChat_btn {
    width: 36px;
    height: 36px;
    border: none;
    background: #cceade;
    border-radius: 100%;
    text-align: center;
    float: right;
    cursor: pointer;
}
.Tal_submitChat_btn svg {
    width: 22px;
    height: 22px;
    margin-left: 2px;
}
.tal_BtmInputbtncls {
    width: 24px;
    background: none;
    cursor: pointer;
    border: none;
    padding: 0;
    float: left;
}
.tal_BtmInputbtncls svg {
    width: 24px;
    height: 36px;
}
.tal_chatfileUploadbtn {
    width: 24px;
    background: none;
    cursor: pointer;
    border: none;
    padding: 0;
    float: left;
}
.tal_chatfileUploadbtn svg {
    width: 24px;
    height: 36px;
}
.tal_chatListcls li {
    list-style: none;
    margin-bottom: 15px;
    width: 100%;
    float: left;
}
.tal_chat_NameDisplay {
    font-size: 14px;
}
.tal_chat_NameDisplay strong {
    font-weight: 400;
    color: #252525;
}
.tal_chat_NameDisplay span {
    color: #949494;
    font-size: 12px;
    font-weight: 400;
    display: inline-block;
    padding-left: 6px;
}
.tal_chat_deliverText {
    font-size: 14px;
    color: #313131;
    background: #d8f2e8;
    border-radius: 5px;
    padding: 5px 8px;
    max-width: 290px;
    position: relative;
    margin-top: 8px;
}
.tal_chat_deliverText:after {
    bottom: 100%;
    left: 20px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #86BB71;
    border-width: 5px;
    margin-left: -10px;
}
.tal_chat_my_message .tal_chat_deliverText {
    float: right;
}
.tal_chat_my_message .tal_chat_NameDisplay {
    text-align: right;
}
.tal_chat_my_message .tal_chat_NameDisplay span {
    padding-left: 0;
    padding-right: 6px;
}
.tal_chat_my_message .tal_chat_deliverText:after {
    left: auto;
    right: 10px;
}
.tal_chat_closebtncls {
    border: none;
    position: absolute;
    right: 0;
    top: -20px;
    background: #ff8181;
    width: 20px;
    height: 20px;
    border-radius: 2px 2px 0 0;
    line-height: 16px;
    cursor: pointer;
}
.tal_chat_closebtncls svg {
    width: 12px;
    height: 16px;
}
.tal_chat_closebtncls svg path {
    fill: #fff;
}
.spanCirlebage_cls {
    width: 24px;
    height: 24px;
    background: #2da67e;
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    line-height: 24px;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
}
.tal_chatBtncls .spanCirlebage_cls {
    position: absolute;
    right: 2px;
    top: -10px;
}
.tal_chatList_Name .spanCirlebage_cls {
    width: 20px;
    height: 20px;
    font-size: 11px;
    line-height: 20px;
}
/* end tal live chat */
.canexp_contentbodyRighteditcls {
    width: 150px;
    text-align: right;
}
.canexp_contentbodyMidtextcls {
    width: calc(100% - 195px);
}
.candidatecommoneditbtncls img {
    margin-top: -3px;
}
.candidatecommoneditbtncls {
    margin-left: 10px;
}
/* start setting page */
.fullborderrounddivcls {
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    padding: 10px 15px;
}
/* end setting page */

.madalwidth550px {
    max-width: 550px !important;
}
.madalwidth600px {
    max-width: 600px !important;
}
.madalwidth650px {
    max-width: 650px !important;
}
.madalwidth750px {
    max-width: 750px !important;
}
.madalwidth850px {
    max-width: 850px !important;
}
.madalwidth900px {
    max-width: 900px !important;
}
.madalwidth1000px {
    max-width: 1000px !important;
}
.madalwidth1100px {
    max-width: 1100px !important;
}
.madalwidth80percent {
    max-width: 80% !important;
}
.madalwidth90percent {
    max-width: 90% !important;
}
.VideoBox {
    width: 100%;
}
.ratingcirclesOuterdivcls {
    width: 600px;
    overflow-x: auto;
    height: 114px;
}
.evaluateRatingdivcls {
    max-height: 225px;
    overflow-y: auto;
}
.selectedstarReview svg path {
    fill: #ffcf26;
}
.floatLeftcls {
    float: left;
}
.floatRightcls {
    float: right;
}
.pie_progressCompatabilitycls .pie_progress {
    width: 50px;
    height: 50px;
    position: relative;
    top: 8px;
    /* margin-bottom: -8px; */
    margin: 0;
}
.pie_progressCompatabilitycls .pie_progress__content, .pie_progressCompatabilitycls .pie_progress__number, .pie_progressCompatabilitycls .pie_progress__label, .pie_progressCompatabilitycls .pie_progress__icon {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}
.pie_progressCompatabilitycls .pie_progress__content {
    font-size: 14px;
    font-weight: 400;
    color: #3e3e3e;
}
.highSvgPercentagecls svg path {
    stroke: #3db389;
}
.averageSvgPercentagecls svg path {
    stroke: #ffab49;
}
.lowSvgPercentagecls svg path {
    stroke: #f87463;
}
.similarCandidatesec_cls .candidateinnercolcls {
    height: 155px;
}
.addedCompatibilityPerdivcls .candidatetopdetailscls {
    width: 100%;
    justify-content: space-between;
}
.compatabity_Circledivcls {
    width: auto;
    float: none;
    text-align: center;
}
.compatabity_Circledivcls .pie_progressCompatabilitycls {
    display: inline-block;
}
.compatabity_Circledivcls .pie_progressCompatabilitycls .pie_progress {
    top: 0;
    margin-bottom: 0;
}
.addedCompatibilityPerdivcls .assignbuttonBlockcls {
    padding-top: 12px;
    width: 100px;
    float: left;
    padding-top: 0;
}
.addedCompatibilityPerdivcls .candidateskillscolcls {
    width: calc(100% - 100px);
    float: left;
}
.addedCompatibilityPerdivcls .assignbuttonBlockcls .candidateassignjodbtncls {
    padding: 6px 15px;
}
.recomendedjobsouterScrollcls .pie_progressCompatabilitycls {
    display: inline-block;
}
.recomendedjobsouterScrollcls .pie_progressCompatabilitycls .pie_progress {
    top: 0;
    margin-bottom: 0;
}
.recomendedjobsouterScrollcls .candidateassignjodbtncls {
    margin-bottom: 5px;
    display: inline-block;
    margin-top: 5px;
    float: right;
}
.recomendedjobsouterScrollcls .canexp_contentbodyRighteditcls {
    width: 155px;
    padding-top: 6px;
}
.modalbtmbuttoncls {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}
.recomendedjobsouterScrollcls .canexp_contentbodyMidtextcls {
    width: calc(100% - 200px);
}
.recomendedjobsouterScrollcls .pie_progressCompatabilitycls .pie_progress {
    width: 40px;
    height: 40px;
}
.recomendedjobsouterScrollcls .pie_progressCompatabilitycls .pie_progress__content {
    font-size: 12px;
}
.feedbackCircleDflexcls {
    display: flex;
    align-items: center;
}
.feedbackCircleRatingInnerdivcls {
    width: 100%;
    overflow-x: auto;
    padding-bottom: 15px;
}
.feedbackCircleDflexcls .circleroundprogress {
    margin-right: 15px;
}
.feedbackCircleRatingdivcls {
    padding-left: 20px;
}
.insidesliderfeebbackcls {
    width: 100%;
    overflow-x: auto;
    padding-bottom: 10px;
}
.toggleSelectCardcheckboxcls {
    position: absolute;
    top: 38px;
    right: 15px;
}
.inviteblockul_licls .canexp_contentbodyMidtextcls {
    width: calc(100% - 145px);
}
.inviteblockul_licls .canexp_contentbodyRighteditcls {
    width: 108px;
}

/* start matrix */
.matrixtopOuterdivcls {
    width: 100%;
}
.matrixtopGreydivcls {
    width: 310px;
    background: #FAFAFA;
    border-radius: 5px;
    padding: 12px 10px 15px;
    float: left;
}
.addMatrixdivbtncls {
    width: 200px;
    float: right;
    text-align: right;
}
.addMatrixdivbtncls .assignBtn {
    display: inline-block;
}
.matrixAddFormdivcls .form-fields {
    font-size: 14px;
    height: 38px;
}
.matrixAddFormdivcls {
    border: 1px solid #dedede;
    border-radius: 5px;
    padding: 12px 15px;
    position: relative;
}
.card_deleterowdbtncls {
    background: #f77;
    border: none;
    padding: 0 7px 2px;
    cursor: pointer;
    border-radius: 0 4px 0 0;
    cursor: pointer;
}
.card_deleterowdbtncls svg {
    width: 14px;
}
.matrixAddFormdivcls .card_deleterowdbtncls {
    position: absolute;
    right: 0;
    top: 0;
}
.cancelMatrixBtncls {
    background: #fff;
    box-sizing: border-box;
    border-radius: 5px;
    color: #828282;
    width: 140px;
    height: 37px;
    border: 1px solid #d2d2d2;
    margin-right: 15px;
}
.escalationMatrixdivcls {
    display: flex;
}
.matrixtopHeadingdivcls {
    width: 50%;
    float: left;
}
.matrixtopHeadingdivcls h4 {
    font-size: 18px;
    color: #323232;
    padding-top: 18px;
    padding-left: 15px;
}
.matrixAddFormdivcls {
    margin-bottom: 15px;
}
.matrixtopGreydivcls .select2-container--default .select2-selection--single {
    font-size: 16px;
}
/* end matrix */
ul.candidatecustomdrpdwncls.circleDotSvgbtncls {
    top: 0;
}
.circleDotSvgbtncls a.dropdown-toggle {
    border: 1px solid #e0e0e0;
    border-radius: 100%;
    width: 34px;
    display: inline-block;
    height: 34px;
    text-align: center;
    line-height: 30px;
}
.circleDotSvgbtncls .customsvgicondrpdwncls {
    right: 10px;
    top: 40px !important;
}
.cardstatusTopbarcls {
    margin-right: 12px;
}
.cardstatusTopbarcls a.dropdown-toggle {
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    padding: 7px 14px;
    position: relative;
    top: -2px;
}
.managejoblistpagecls .joblistDraftcls .candidateinnercolcls {
    height: 236px;
}
.joblistDraftcls .candidatedraftcolcls {
    float: left;
    width: 100%;
}
.sortWidthDropdowncls {
    width: 150px;
}
ul.customdrpdwnBoot5cls {
    text-align: left;
    display: inline-block;
    position: relative;
    top: -4px;
}
ul.customdrpdwnBoot5cls>li {
    display: inline-block;
    text-align: left;
    position: relative;
    margin-bottom: 5px;
}
.customdrpdwnBoot5cls.cardstatusdrpdwncls .spanstatusdrpdwncls {
    font-size: 12px;
    font-weight: normal;
    color: #878787;
    margin-right: 6px;
}
.cardstatusdrpdwncls a.dropdown-toggle::after {
    display: inline-block;
    position: relative;
    top: 2px;
    color: #7f7f7f;
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}
.customdrpdwnBoot5cls.cardstatusdrpdwncls .spanstatusdrpdwncls b {
    width: 8px;
    height: 8px;
    background: #333;
    display: inline-block;
    border-radius: 100%;
    margin-right: 4px;
}
.customdrpdwnBoot5cls.cardstatusdrpdwncls .spanstatusdrpdwncls.spanactivestatuscls b {
    background: #02e140;
}
.cardstatusdrpdwncls .spanstatusdrpdwncls.spaninactivestatuscls b {
    background: #f7671e;
}
.cardstatusdrpdwncls .spanstatusdrpdwncls.spanclosescls b {
    background: #333;
}
.customdrpdwnBoot5cls .customsvgicondrpdwncls {
    left: auto !important;
    right: 3px;
    top: 22px !important;
    transform: none !important;
    width: 160px;
    padding: 4px;
    padding-top: 0 !important;
    box-shadow: 0 16px 18px rgb(6 10 48 / 8%);
    border: 1px solid #e6e6e6;
    padding-top: 10px;
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    -webkit-animation-name: slideInToggle;
    animation-name: slideInToggle;
}
.cardstatusdrpdwncls .customsvgicondrpdwncls {
    width: 105px;
    min-width: 105px;
    right: 0;
}
.cardstatusdrpdwncls li {
    margin-bottom: 0;
    padding-left: 10px;
    list-style: none;
}
.customsvgicondrpdwncls li a {
    font-size: 14px;
    font-weight: 400;
    color: #2f2f2f;
}
.dropdown-menu li a.dropdown-item{
    font-size: 14px;
    font-weight: 400;
}

/* start inviteblockulBoot5_licls */
.inviteblockulBoot5_licls li {
    border: 1px solid #e8e8e8;
    margin-bottom: 15px;
    border-radius: 5px;
    padding: 12px;
    position: relative;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 7%);
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 7%);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.0.07);
}
.inviteblockulBoot5_licls .toggleSelectCardcheckboxcls {
    position: absolute;
    top: 38px;
    right: 15px;
}
.inviteblockulBoot5_licls .canexp_contentbodyLefticoncls {
    width: 36px;
    float: left;
}
.inviteblockulBoot5_licls .canexp_contentbodyLefticoncls span {
    width: 36px;
    height: 36px;
    border-radius: 100%;
    display: inline-block;
}
.inviteblockulBoot5_licls .canexp_contentbodyLefticoncls img {
    width: 36px;
    height: 36px;
    border: none;
}
.inviteblockulBoot5_licls .canexp_contentbodyMidtextcls {
    width: calc(100% - 145px);
    float: left;
    padding-left: 10px;
}
.inviteblockulBoot5_licls .canexp_contentbodyRighteditcls {
    width: 108px;
    float: left;
}
.inviteblockulBoot5_licls .canexp_contentbodyMidtextinnercls {
    padding-bottom: 5px;
}
.inviteblockulBoot5_licls .canexp_contentbodyMidtextinnercls strong {
    font-size: 13px;
    color: #4b4b4b;
    padding-bottom: 1px;
    display: block;
    font-weight: 400;
}
.inviteblockulBoot5_licls .canexp_contentbodyMidtextinnercls strong.strongcompanyexptagcls {
    padding-bottom: 1px;
    font-size: 13px;
    color: #4b4b4b;
    display: block;
    font-weight: 400;
}
.inviteblockulBoot5_licls .candidateskillscolcls span {
    font-size: 10px;
    padding: 2px 6px;
    margin-right: 1px;
    font-weight: 400;
    color: #575757;
    border: 1px solid #c7c7c7;
    border-radius: 50px;
    display: inline-block;
}
.inviteblockulBoot5_licls .skillsmoredropdowncls {
    display: inline-block;
    position: relative;
}
.inviteblockulBoot5_licls .candidateskillscolcls span {
    font-size: 10px;
    padding: 2px 6px;
    margin-right: 1px;
    cursor: pointer;
}
.inviteblockulBoot5_licls .skillsmoredropdowncls .customsvgicondrpdwncls {
    top: 30px !important;
    width: 160px;
    left: 3px !important;
    right: auto;
    transform: none !important;
}
.inviteblockulBoot5_licls .skillsmoredropdowncls .customsvgicondrpdwncls ul {
    height: 140px;
    overflow-y: auto;
}
.inviteblockulBoot5_licls .toggleSelectCardcheckboxcls .switchtogglebtn {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 12px;
}
.inviteblockulBoot5_licls .toggleSelectCardcheckboxcls .switchtogglebtn input {
    opacity: 0;
    width: 0;
    height: 0;
}
.inviteblockulBoot5_licls .toggleSelectCardcheckboxcls .switchtoggleslidercls {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #c8c8c8;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px;
}
.inviteblockulBoot5_licls .toggleSelectCardcheckboxcls .switchtoggleslidercls:before {
    background: url("../images/crossgreyicon.png") no-repeat 4px 4px #fff;
    background-size: 12px;
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    left: -5px;
    bottom: -5px;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
    border: 1px solid #c8c8c8;
}
.inviteblockulBoot5_licls .toggleSelectCardcheckboxcls .switchtogglebtn input:checked + .switchtoggleslidercls {
    background-color: #36b48a;
}
.inviteblockulBoot5_licls .toggleSelectCardcheckboxcls .switchtogglebtn input:checked + .switchtoggleslidercls:before {
    background: url("../images/greentickicon.png") no-repeat 4px 4px #fff;
    background-size: 13px;
    -webkit-transform: translateX(22px);
    -ms-transform: translateX(22px);
    transform: translateX(22px);
    border: 1px solid #36b48a;
}
.inviteblockulBoot5_licls .skillsmoredropdowncls .customsvgicondrpdwncls li {
    margin-bottom: 4px;
    border: none;
    padding: 0;
    margin-left: 5px;
    background: none;
}
.inviteblockulBoot5_licls .pie_progressCompatabilitycls .pie_progress {
    margin: 0;
}
.jobcardBoot5drpdwncls li {
    margin-bottom: 5px;
}
.jobcardBoot5drpdwncls li a:active, .jobcardBoot5drpdwncls li a:focus, .jobcardBoot5drpdwncls li a:hover {
    background: #fff;
    color: #16181b;
}
/* end inviteblockulBoot5_licls */

/* start applicant details */
.detailCardStatuscls {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    color: #2fa25a;
    font-weight: 400;
}
.tabContainerPtopZerorecls .allcandidateTabContentinner {
    padding-top: 0;
}
.applicationformBtndivcls {
    padding-top: 30px;
}
.applicationformBtndivcls .btn {
    font-size: 14px;
    min-width: 120px;
    margin-left: 10px;
    text-transform: uppercase;
    font-weight: 400;
}
.applicationdetailWrapper {
    display: flex;
    margin-bottom: 10px;
}
.applicationdetail-title {
    width: 250px;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    margin-bottom: 5px;
}
.applicationdetail-data {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #6a6a6a;
    margin-bottom: 5px;
}
.cardApproveRejct-dropdown {
    float: right;
}
.cardApproveRejct-dropdown .dropdown-toggle {
    min-width: 75px;
    min-height: 28px;
    background: #3DB389;
    border-radius: 50px;
    padding: 3px 12px;
    color: #fff;
    border: none;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
}
.cardApproveRejct-dropdown ul.dropdown-menu {
    transform: none !important;
    top: 28px !important;
    right: 0 !important;
    left: auto !important;
}
.cardApproveRejct-dropdown ul.dropdown-menu li {
    font-size: 14px;
    font-weight: 400;
    color: #3b3b3b;
    padding: 0 12px;
    margin-bottom: 8px;
    cursor: pointer;
}
.cardApproveRejct-dropdown ul.dropdown-menu li:last-child {
    margin-bottom: 0;
}
.cardApproveRejct-dropdown ul.dropdown-menu li a, .cardApproveRejct-dropdown ul.dropdown-menu li a:hover {
    color: #3b3b3b;
}
.applicationCardTopDetailcls .cardrowDetailsLeftdivcls {
    width: 48px;
    height: 48px;
}
.applicationCardTopDetailcls .cardrowDetailsLeftdivcls img {
    width: 48px;
    height: 48px;
    border-radius: 100%;
}
.applicationCardTopDetailcls .cardrowDetailsRightdivcls {
    width: calc(100% - 48px);
    padding-left: 0;
}
.applicationDetailInfocls .headingbottombordercls {
    margin-bottom: 0;
    border-bottom: none;
}
.applicationDetailInfocls .whiteboxshadowbgcls {
    padding-bottom: 10px;
}
.applicationDetailInfoInnercls {
    border-top: 1px solid #d6d6d6;
    padding-top: 20px;
}
.toggleHeadingcls {
    cursor: pointer;
}
.toggleHeadingcls svg {
    width: 22px;
    position: relative;
    top: 1px;
    float: left;
    margin-right: 10px;
    transform: rotate(90deg);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.toggleHeadingcls.accordianArrowDcls svg {
    transform: none;
}
/* end applicant details */

.linkBox p {
    word-break: break-all;
}
.searchboxdivcls .filter-search {
    margin-bottom: 20px;
    height: 38px;
}

/* start live interview */
.selectvideoBgdivcls {
    background: #eefdfc;
    border-radius: 5px;
    width: 100%;
    height: 45vh;
    overflow-y: auto;
    padding: 10px;
}
.selectvideoBgdivcls::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: #d2d2d2;
    border-radius: 20px;
    cursor: pointer;
}
.selectvideoBgdivcls::-webkit-scrollbar-thumb {
    background: #979797;
    border-radius: 20px;
    cursor: pointer;
}
.selectvideoBgdivcls li {
    display: inline-block;
    margin: 3px;
    cursor: pointer;
}
.selectBgImgcls {
    width: 85px;
    height: 50px;
    border: 2px solid transparent;
    border-radius: 5px;
}
.selectBgImgcls.selectBgImgActivecls {
    border: 2px solid #3db389;
}

/* start customfileinputcls */
.selectCustomvideoBgcls {
    margin-left: 15px;
    margin-bottom: 10px;
}
.customfileinputtypecls {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.customfileinputcls {
    text-align: right;
}
.fileinputlabel {
    cursor: pointer;
    display: inline-block;
    align-items: center;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    font-size: 14px;
    padding: 6px 12px;
    background: #3db68b;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.fileinputlabel svg {
    height: 20px;
    margin-right: 2px;
}
.fileinputlabel span {
    font-size: 12px;
    font-weight: normal;
}
.fileinputlabel:hover {
    background: #2da077;
}
/* end customfileinputcls */
.cameraMicrophoneOuterdivcls .cameraMicrophone {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#Camera-Screen {
    width: 80%;
}
.canvasOuterVideodivcls {
    width: 60%;
}
.selectvideoBgOuterdivcls {
    width: 40%;
    padding-left: 15px;
}
.canvasVideodivcls canvas {
    width: 100%;
    height: 45vh;
    border-radius: 6px;
}
.CameraSection {
    height: 70vh;
}
.VideoChatRoom {
    height: calc(100vh - 140px);
}
.VideoWrapper {
    position: inherit;
    display: inherit;
    align-items: inherit;
    justify-content: inherit;
    height: 100%;
}
.mainRoom {
    height: 100%;
    padding: 30px;
}
.videoCallgrid_cls {
    width: 72%;
    height: 100%;
}
.selfCard2 {
    right: 20px;
    bottom: 30px;
    width: 25%;
    height: 32vh;
}
.videoCallgrid_fit_cls {
    grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
}
.dropdown-interviewDetails {
    width: 300px;
    margin-bottom: 7px !important;
}
.dropdown-interviewDetails h4 {
    font-size: 18px;
    color: #000;
    padding-top: 8px;
}
.dropdown-interviewDetails li {
    margin-bottom: 8px;
}
.dropdown-interviewDetails li strong {
    font-size: 14px;
    font-weight: normal;
    color: #000;
    line-height: 16px;
}
.dropdown-interviewDetails li strong b {
    font-weight: 400;
    color: #209168;
    margin-right: 5px;
}
.dropdown-interviewDetails li svg {
    width: 16px;
    margin-right: 2px;
}
.interviewDetailbtncls {
    padding: 0;
    margin-right: 14px !important;
}
@media only screen and (min-width: 1600px)  {
    .CameraSection {
        height: 80vh;
    }
    .canvasVideodivcls canvas, .selectvideoBgdivcls {
        height: 50vh;
    }
}
/* end live interview */

.addCandidateTopbtndivcls .uploadmultiplebtndrpdwncls .dropdown-toggle {
    width: auto;
    padding-right: 28px;
    margin-left: 10px;
}
.candidateTabledatarowcls tbody td .spanTextOuterborderdivcls {
    display: none;
}
.ratedCircularBox, .CircularBox {
    text-align: center;
    width: 110px;
}
.rating-circles {
    align-items: stretch !important;
}
.selectAdvFiltercls {
    font-size: 14px;
    border: 1px solid #dfdfdf;
}
.selectAdvFiltercls:focus {
    box-shadow: none;
    border-color: #dfdfdf;
}
.morfilterforminputcls {
    margin-top: 10px;
}
.morfilterforminputcls label {
    font-size: 12px;
    display: block;
    margin-bottom: 5px;
}
.morfilterforminputcls .form-control {
    height: 36px;
    color: #1d1d1d;
    font-size: 12px;
    margin-bottom: 16px;
}
.locationtagcolcls .svglocationbtag, .locationtagcolcls .svgexperiencebtag, .locationtagcolcls .svglpabtag {
    margin-right: 5px;
}
.whitedashboardSvgIconcls {
    line-height: 30px;
}
.whitedashboardSvgIconcls img {
    margin-top: 0;
}
.orgChartOuterdivcls {
    width: 100%;
    height: 80vh;
    padding-top: 10px;
}
.orgChartOuterdivcls [data-n-id] rect {
    fill: #3DB389;
}
.orgChartOuterdivcls [data-n-id] circle {
    stroke: #3DB389;
}
.boc-edit-form-header {
    height: 130px !important;
    background-color: #3db389 !important;
}
.boc-edit-form-avatar {
    width: 90px !important;
    height: 90px !important;
    border: 3px solid #fff !important;
}
.boc-img-button {
    text-align: center !important;
    width: 30px !important;
    height: 30px !important;
}
.boc-img-button svg {
    position: relative;
    top: 0 !important;
    width: 12px;
}
.boc-edit-form-instruments {
    margin: 10px 10px 0 10px !important;
    text-align: right !important;
    min-height: 45px !important;
}
.broadcastMessagedivcls {
    max-height: 350px;
    overflow-y: auto;
}
.broadcastTopFormdivcls .form-control.form-fields, .broadcastTopFormdivcls .form-select {
    font-size: 14px;
    height: 38px;
}
.broadcastTopFormdivcls .form-select:focus {
    box-shadow: none;
    border-color: #ced4da;
}
.broadcastMessagedivcls .table-talbotiq tbody td {
    color: #404040;
    font-weight: normal;
}
.mainScheduler .SchedulerBox {
    height: auto;
    min-height: 300px;
    padding-bottom: 40px;
}
.SchedulerBox .nothingfounddatadivcls {
    padding: 60px 0;
}
.removetogglearrowcls::after {
    display: none;
}
.mediaCardTableWrapper video {
    width: 100%;
    height: 65px;
    object-fit: cover;
}
.answerVideoTagcls {
    width: 100%;
    min-width: 60%;
    height: 65vh;
}
.answerVideoTagcls video {
    width: 100%;
    object-fit: cover;
    height: 65vh;
}
#practisevideoBox {
    width: 100%;
    height: auto;
    min-height: 298px;
}
#PractiseSection {
    background: none;
    height: calc(100vh - 126px);
}
.practiseBox2 {
    padding: 15px;
    height: calc(100vh - 180px);
    width: 70%;
}
.autocompleteLeftzerocls .tt-menu {
    margin-left: 0;
}
.assignBtn {
    padding: 8px 12px;
    width: auto;
}
.matrixcardheadingcls {
    font-size: 16px;
    font-weight: 400;
    color: #1d1d1d;
    position: relative;
    top: -23px;
    margin-bottom: -10px;
    width: 50%;
}
.matrixcardheadingcls span {
    background: #fff;
    padding-right: 10px;
    display: inline-block;
}
.matrixListdivcls li {
    color: #000;
    font-size: 16px;
    list-style: none;
    padding: 8px 15px;
    cursor: pointer;
    margin: 0 10px 5px;
}
.matrixListdivcls li.matrixactivecls {
    background: rgba(61, 179, 137, 0.1) !important;
    color: #3DB389 !important;
}
.addMatrixListbtndivcls {
    padding: 0 10px 15px 10px;
}
.addMatrixListbtndivcls .EditBtn2 {
    width: 100%;
    border: 1px solid #f2994a;
    padding: 10px;
    background: #fff;
}
.addMatrixListbtndivcls .EditBtn2:focus {
    box-shadow: none;
}
.matrixDeleteBtncls {
    border: none;
    padding: 0;
    float: right;
    cursor: pointer;
    display: none;
    background: none;
}
.matrixListdivcls li:hover .matrixDeleteBtncls {
    display: block;
}
.form-border {
    border-top: 1px solid #e0e0e0;
}
.socialsharedivcls {
    padding-top: 10px;
}
.sharegetginkdivcls {
    margin-top: 0;
    padding: 0;
    border-radius: 0;
}
.sharegetginkHeadingdivcls h5 {
    margin-top: 0;
    font-weight: 400;
    font-size: 16px;
    color: #323232;
    margin-bottom: 5px;
}
.sharegetginkHeadingdivcls span {
    display: block;
    font-size: 12px;
    color: #646464;
    margin-bottom: 12px;
}
.socialshareHeadingdivcls {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.success-hr {
    margin: 0;
    width: 100%;
    height: 1px !important;
    background: #e0e0e0;
    opacity: .6;
}
.share-text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    white-space: nowrap;
    padding: 0 30px;
    margin-bottom: 0;
}
.socialsharedivcls .form-control, .socialsharedivcls textarea.form-control {
    font-size: 14px;
}
.socialsharedivcls textarea.form-control::placeholder, .socialsharedivcls .form-control::placeholder {
    font-size: 12px;
    color: rgb(159, 159, 159);
}
.inputgroupBtndivcls .input-group-text {
    background: none;
    padding: 0;
    border: none;
}
.addshareemailbtncls {
    background: #f2994a;
    border: none;
    height: 35px;
    width: 35px;
    cursor: pointer;
    border-radius: 0 3px 3px 0;
}
.addshareemailbtncls svg {
    margin-top: -1px;
}
.shareTablicls {
    margin-bottom: 15px;
}
.shareTablicls svg {
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
.shareTablicls svg path {
    fill: #646464;
}
.shareTablicls span {
    float: left;
}
.nav-tabs.shareTablicls .nav-link {
    color: #818181;
    font-weight: 400;
    font-size: 14px;
    float: left;
    border: none;
    border-bottom: 2px solid transparent;
}
.nav-tabs.shareTablicls li .nav-link.active {
    border-color: #31ab82;
    color: #279d76;
}
.nav-tabs.shareTablicls li .nav-link.active svg path {
    fill: #279d76;
}
.loading_AI{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}
.loading_AI.hidden {
    display: none;
}
.loading_spinnercls {
    background: linear-gradient(300deg,#57618282,#1fc5a985);
    background-size: 120% 120%;
    animation: gradient-animation 2s ease infinite;
    backdrop-filter: blur(2px);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1099;
    width: 100%;
    height: 100%;
    display: block;
}

.loading_AI > div{
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    animation: loaderAnimation .8s forwards;
}


@keyframes gradient-animation {
0% {
    background-position: 0% 50%;
}
50% {
    background-position: 100% 50%;
}
100% {
    background-position: 0% 50%;
}
}
@keyframes loaderAnimation {
    0% {
        transform: rotate(0) scale(0);
        opacity: 0;
    }
    100% {
        transform: rotate(360deg) scale(1.2);
        opacity: 1;
    }
}

.loading_spinnercls > div {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.formselectoptioncls {
    border: 1px solid #ced4da;
    font-size: 14px;
    font-weight: 400;
    color: #495057;
    height: 35px;
    border-right: none;
    border-radius: 3px 0 0 3px;
    width: 70px;
    padding: 4px 6px;
}
.formselectoptioncls:focus-visible {
    outline: none;
}
.shareSelectedTextdivcls strong {
    margin-right: 1px;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    background: #fff;
    border: 1px solid #c5c5c5;
    color: #6f6f6f;
    padding: 2px 8px 2px 12px;
    border-radius: 50px;
    margin-top: 8px;
}
.shareSelectedTextdivcls b {
    display: inline-block;
    cursor: pointer;
    margin-left: 4px;
}
.shareSelectedTextdivcls b svg {
    width: 12px;
}
.shareSelectedTextdivcls b svg path {
    fill:#fc4949;
}
.sharecandidateModalformcls .modal-content {
    background: #fff;
}
.modalbtmbuttoncls .btn {
    font-size: 14px;
}
.commonModal .secondaryBtn {
    background: #FFFFFF;
    box-sizing: border-box;
    border-radius: 5px;
    color: #828282;
    width: 140px;
    height: 37px;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    border: 1px solid #d3d3d3;
}
.commonModal .primaryBtn {
    background: #F2994A;
    border-radius: 5px;
    box-sizing: border-box;
    border-radius: 5px;
    color: #fff;
    width: 140px;
    height: 37px;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
}
.commonModal .primaryBtn:hover {
    color: #fff;
}
.commonModal .primaryBtn:focus {
    box-shadow: none;
}
.smallChaticonbtncls {
    background: none;
    border: none;
    padding: 0;
    position: relative;
    top: -6px;
    cursor: pointer;
    display: inline-block;
    margin-left: 3px;
}
.smallChaticonbtncls svg {
    width: 20px;
    height: 20px;
}
.smallChaticonbtncls .spanCirlebage_cls {
    position: absolute;
    right: -8px;
    top: -5px;
    font-size: 10px;
    width: auto;
    height: 18px;
    line-height: 18px;
    padding: 0 4px;
    background: #f2994a;
}

.custominputgroupcls .copieddivTextcls {
    top: 7px;
    right: 52px;
}
.platformBox {
    margin-bottom: 25px;
}
.platformBox h5 {
    font-weight: 400;
    color: #3DB389;
    font-size: 16px;
    padding-left: 15px;
    margin-bottom: 0;
}
.billingtabContentdivcls h4 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0;
    color: #000;
}
.planDetailsdivcls p, .invoicelistdivcls p {
    margin-bottom: 0;
}
.planDetailsdivcls h5 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
}
.invoicelistdivcls .download-Green {
    color: #27AE60;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
}
.supportlistsdivcls .text-style-2 {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #828282;
}
.supportHeading {
    margin-bottom: 0;
}
.paymentCard h5 {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #828282;
    margin-bottom: 0;
}
.paymentCard p {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #828282;
    margin-bottom: 0;
}
.paymentCard {
    margin-bottom: 25px;
}
.paymentCard img.payCardImgcls {
    margin-right: 10px;
}
.billBtn {
    cursor: pointer;
}
.filter .MainDropdownFilter ul.dropdown-menu, .allcandidateadvfilterinnercls .dropdown-menu.customsvgicondrpdwncls ul {
    max-height: 260px;
    overflow-y: auto;
}
.filter .MainDropdownFilter ul.dropdown-menu::-webkit-scrollbar, .allcandidateadvfilterinnercls .dropdown-menu.customsvgicondrpdwncls ul::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: #d2d2d2;
    border-radius: 20px;
    cursor: pointer;
}
.filter .MainDropdownFilter ul.dropdown-menu::-webkit-scrollbar-thumb, .allcandidateadvfilterinnercls .dropdown-menu.customsvgicondrpdwncls ul::-webkit-scrollbar-thumb {
    background: #979797;
    border-radius: 20px;
    cursor: pointer;
}
.drpListsearchdivcls .form-control {
    border: 1px solid #ced4da !important;
    height: 30px;
    margin-bottom: 5px;
    font-size: 14px;
    color: #1f1f1f;
}
.searchBoxOuterdivcls {
    background: none;
}
.searchTopcategorydivcls {
    width: 100%;
}
.greenheadersetioncls .searchTopcategorydivcls {
    width: calc(100% - 69px);
}
.searchTopcategorydivcls .bothsideInputgroupcls {
    position: relative;
    border-radius: 32px;
}
.searchTopcategorydivcls .bothsideInputgroupcls input[name=globalSearch]{
    border-radius: 0 !important;
}
.searchTopcategorydivcls .form-group > .input-group {
    border-radius: 50rem;
    overflow: hidden;
}
.customInputSearchlistcls {
    background: #fff;
    border-radius: 16px;
    -webkit-box-shadow: 0 0 12px 0 rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.20);
    box-shadow: 0 0 12px 0 rgb(0 0 0 / 20%);
    height: 260px;
    width: 100%;
    overflow-y: hidden;
    padding: 16px 10px 8px 10px;
    position: absolute;
    left: 0;
    top: 40px;
}
.customInputSearchlistcls ul{
    height: 100%;
    overflow: auto;
}
.customInputSearchlistcls::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: #d2d2d2;
    border-radius: 20px;
    cursor: pointer;
}
.customInputSearchlistcls::-webkit-scrollbar-thumb {
    background: #979797;
    border-radius: 20px;
    cursor: pointer;
}
.customInputSearchlistcls h4 {
    font-size: 14px;
    margin-bottom: 12px;
    color: var(--tal-meduim-green);
    font-weight: 600;
}
.customInputSearchlistcls h4.divider-text {
    font-size: 14px;
    margin-bottom: 0;
    color: #2b2b2b;
    font-weight: 400;
}
.customInputSearchlistcls .divider{
    margin: .25rem 0;
}
.customInputSearchlistcls li {
    width: 100%;
    float: left;
    list-style: none;
}
.customAllSearchlistLeftcls {
    width: 36px;
    float: left;
    height: 36px;
    border-radius: 100%;
}
.customAllSearchlistLeftcls svg {
    width: 36px;
    height: 36px;
}
.customAllSearchlistRightcls {
    width: calc(100% - 36px);
    padding-left: 8px;
    float: left;
}
.customAllSearchlistRightcls strong {
    display: block;
    font-weight: 400;
    font-size: 14px;
    color: #1d1d1d;
    padding-bottom: 0;
    line-height: 16px;
}
.customAllSearchlistRightcls span {
    font-size: 12px;
    color: #5b5b5b;
    display: block;
    padding-bottom: 0px
}
.customInputSearchlistcls li > ul > li {
    border: 1px solid #d9d9d9;
    padding: 8px;
    margin-bottom: 6px;
    cursor: pointer;
    border-radius: 8px;
    transition: all .3s ease-in-out;
}
.customInputSearchlistcls li > ul > li:hover{
    background-color: var(--tal-gray-300);
}
.searchlistNotFoundcls {
    font-size: 12px;
    border: 1px solid #cecece;
    border-radius: 50px;
    padding: 5px 10px !important;
    margin-bottom: 15px !important;
    font-weight: 400;
    color: #363636;
}
.commonStarRatingcls {
    line-height: 16px;
}
.commonStarRatingcls .fa-star {
    color: #e0e0e0;
    font-size: 12px;
}
.commonStarRatingcls .fa-star-selectedcls {
    color: #ffcf26;
}

/* start talTask_chatcls */

.talTask_chatcls {
    position: fixed;
    right: 20px;
    bottom: 20px;
    background: url("Task Manager/images/chatBackground.png") repeat left top #fff;
    width: 360px;
    height: 480px;
    border-radius: 5px;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
    z-index: 991;
}
.talTask_chat_listcls {
    width: 100%;
    overflow-x: auto;
    float: left;
}
.talTask_chat_listcls::-webkit-scrollbar {
    width: 5px;
    height: 4px;
    background-color: #d2d2d2;
    border-radius: 20px;
    cursor: pointer;
}
.talTask_chat_listcls::-webkit-scrollbar-thumb {
    background: #979797;
    border-radius: 20px;
    cursor: pointer;
}
.talTask_chat_listInnercls, .talTask_chat_listInnercls ul  {
    display: flex;
    align-items: center;
}
.talTask_chat_userImgcls img {
    width: 28px;
    height: 28px;
    border-radius: 100%;
}
.talTask_chat_listcls li {
    display: inline-block;
    text-align: center;
    height: 95px;
    width: 80px;
    cursor: pointer;
    overflow-y: hidden;
    position: relative;
    padding-top: 15px;
}
.talTask_chat_listcls li .spanCirlebage_cls {
    position: absolute;
    right: 15px;
    top: 9px;
    z-index: 9;
    background: #ff8282;
    font-size: 10px;
    width: auto;
    height: 18px;
    line-height: 18px;
    padding: 0 4px;
}
.talTask_chat_userNamecls span {
    font-size: 12px;
    font-weight: normal;
    line-height: 12px;
}
.talTask_chat_userNamecls span b {
    font-weight: normal;
    display: block;
}
.talTask_chatcls .tal_live_chat_headerImg img {
    border: 1px solid #9f9f9f;
}
.talTask_chatcls .tal_live_chat_BodyChat {
    height: 264px;
    overflow-y: auto;
    padding: 12px;
    width: 100%;
    float: left;
}
.talTask_chatcls .tal_live_chat_Textarea {
    width: 100%;
    float: left;
}
.tag_group_membercls {
    font-size: 12px;
    font-weight: 400;
    color: #7a7a7a;
}
.talTask_chatcls .userchatStatus {
    color: #393939;
    font-weight: 400;
}
.talTask_chatcls .tal_chat_closebtncls {
    border-radius: 2px;
    top: 16px;
    right: 10px;
}
.talTask_chatcls .tal_live_chat_header {
    height: 56px;
    background: #3db389;
    border-radius: 5px 5px 0 0;
}
.talTask_chatcls .chatuserName, .talTask_chatcls .tag_group_membercls, .talTask_chatcls .userchatStatus {
    color: #fff;
}
/* end talTask_chatcls */
.candidateSummaryParacls p {
    margin-bottom: 12px;
}
.addTagBtndivcls {
    display: inline-block;
}
.addtagbtnSvgcls {
    border: none;
    background: none;
    line-height: 20px;
}
.addtagbtnSvgcls svg {
    width: 20px;
    height: 20px;
}
.crmOnlySvgiconbtncls {
    border: none;
    background: none;
    cursor: pointer;
    padding: 0;
    margin: 0 1px;
}
.crmOnlySvgiconbtncls svg {
    width: 16px;
    height: 16px;
}
.updatepipelinebtncls {
    border-radius: 50px;
    color: #fff;
    border: none;
    background: #3eba8e;
    font-size: 14px;
    padding: 5px 20px;
    margin-left: 8px;
    min-width: 150px;
}
/* .pipelineboxOuterdivcls {
    height: calc(100vh - 330px);
    overflow-y: auto;
} */
.whitekanbanboardouterdivcls{
padding-bottom: 0;
}
.whitekanbanboardInnerdivcls {
    width: 100%;
    overflow-x: auto;

}
.whitekanbanboardFlexcls {
    display: flex;
    align-items: start;
    /*height: calc(100vh - 16rem);*/
    height: 100%;
    justify-content: flex-start;
    user-select: none;
}
.whitekanbanboardcoldivcls {
    flex: 0 0 300px;
}
.searchBoxOuterdivcls .input-group-text {
    padding: 0;
    border: none;
}
.searchBoxOuterdivcls .select2-selection.select2-selection--single {
    border: none;
    height: 34px;
}
.searchTopcategorydivcls .form-control {
    height: 34px;
    font-size: 14px;
    border: none;
}
.search-box.searchBoxOuterdivcls {
    margin-left: 0;
    max-width: 100%;
    width: 480px;
    border-radius: 5px;
}
.searchBoxOuterdivcls .searchCategrybtncls {
    background: #fff;
    border: none;
    width: 40px;
    cursor: pointer;
    height: 34px;
    border-radius: 0 5px 5px 0;
}
.clear_searchbtn {
    background: #fff;
    border: none;
    width: 22px;
    cursor: pointer;
    height: 34px;
    border-radius: 0 5px 5px 0;
}
.searchTopcategorydivcls .form-control::placeholder {
    font-size: 12px;
    color: #959595;
}
.searchTopcategorydivcls .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
}
.vpillstabinsidecheckboxScrollcls ul {
    max-height: inherit !important;
}
.dropdownMenu5cls .drpListsearchdivcls {
    padding: 0 6px;
}
.dropdownMenu5cls ul li {
    list-style: none;
}
.reminderColdivcls .smallswitchtogglebtn {
    margin-top: 8px;
}
.fileuploadbtncls {
    color: #f2994a;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
    border: 1px solid #f2994a;
    display: inline-block;
    border-radius: 50px;
    padding: 6px 20px;
}
.fileuploadbtncls:hover {
    color: #f2994a !important;
}
/* .mediaBoxslidercls {
    display: grid !important;
    grid-template-columns: repeat( auto-fill , minmax(300px, 1fr) );
    gap: 25px;
    overflow-y: auto;
    padding: 5px 10px;
} */
.can_docWith_paraText .mediaBoxIconcls {
    text-align: center;
    width: auto;
    float: none;
    padding: 10px;
    height: auto;
    min-height: 120px;
    border-radius: 5px;
    margin: 0;
    cursor: pointer;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}
.can_docWith_paraText .mediaBoxIconinnercls {
    width: 100%;
}
.mediaBoxIconcls .only_icon_btncls {
    background: #fff;
    position: absolute;
    right: 10px;
    top: 8px;
    z-index: 9;
    line-height: 10px;
}
.pdf_imageSvgIconcls {
    margin-bottom: 10px;
    display: block;
}
.pdf_imageSvgIconcls img {
    width: 42px;
}
.doc_datetagcls {
    display: flex;
    align-items: center;
    justify-content: center;
}
.spanappendiconcls {
    display: block;
    font-size: 16px;
    text-align: center;
}
.mediaBoxIconcls .spanappendiconcls {
    font-size: 32px;
    padding-bottom: 0;
}
.mediaBoxIconcls h6 {
    font-size: 14px;
    font-weight: 600;
    color: #4F4F4F;
    margin-bottom: 2px;
}
.pdffileiconcolor {
    color: #ff5a5a;
}
.imageiconfilecolor {
    color: #505050;
}
.docfileiconcolor {
    color: #436cb1;
}
.taskaddfiledivcls .mediaBoxIconcls {
    width: 110px;
    height: 110px;
    flex: 0 0 110px;
    position: relative;
}
.taskaddfiledivcls .mediaBoxIconcls .spanappendiconcls {
    padding-bottom: 5px;
}
.taskaddfiledivcls .mediaBoxIconcls h6 {
    font-weight: 400;
}
.fileuploadRemovebtn {
    position: absolute;
    right: 5px;
    top: 4px;
    font-size: 12px;
    color: #ff7474;
    cursor: pointer;
    z-index: 9;
}
.taskaddfiledivcls {
    width: 100%;
    overflow-x: auto;
    padding: 10px 0;
}
.taskaddfiledivcls::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: #d2d2d2;
    border-radius: 20px;
    cursor: pointer;
}
.taskaddfiledivcls::-webkit-scrollbar-thumb {
    background: #979797;
    border-radius: 20px;
    cursor: pointer;
}
.taskaddfileInnerdivcls {
    display: flex;
}
.spanuploadtitleimgcls b {
    display: block;
    font-size: 12px;
    color: #737373;
    font-weight: 400;
    padding: 0 30px;
    margin-top: 12px;
}
.notificationTitle a {
    color: #000;
}
.notificationB4cls .notificationTime.ms-1 {
    margin-bottom: 0;
    margin-left: 5px;
}
.notificationB4cls .notificationInfo, .notificationB4cls .notificationTitle {
    margin-bottom: 0;
    margin-left: 8px;
}
.notificationB4cls .notification-menu .text-style-1 {
    margin-bottom: 0;
}
.notificationB4cls .notifyBtn {
    margin-left: 8px;
}

/* start Contract */
.contractTabdivcls .advfiltertopsectioncls {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.mainContractListdivcls {
    padding-top: 10px;
}
.mainContractCard {
    width: 100%;
    min-height: 85px;
    background: #FFFFFF;
    box-shadow: 0 4px 20px rgb(0 0 0 / 7%);
    border-radius: 5px;
    padding: 18px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.contracDimgcls {
    width: 52px;
    height: 52px;
    border-radius: 100%;
}
.mainContractCard h5 {
    font-size: 14px;
    font-weight: 400;
    color: #000;
}
.mainContractCard .text-style-3 {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
}
.mainContractCard .text-style-3.black {
    color: #000;
}
.mainContractCard .text-style-3.gray3 {
    color: #828282;
}
.select2Fontsize14pxcls .customselect2stylecls .select2-container--default .select2-selection--single, .select2Fontsize14pxcls .select2-results__option {
    font-size: 14px;
}
.customSelectFiltercls {
    min-width: 300px;
}
.addContractModalcls h5 {
    color: #3b3b3b;
}
.stepformNavjustifiedcls {
    padding-right: 20px;
    border-bottom: none;
}
.nav-tabs.stepformNavjustifiedcls .nav-link {
    border: none;
    font-size: 13px;
    font-weight: 400;
    color: #6b6b6b;
    position: relative;
    background: #e0e0e0;
    height: 40px;
    border-radius: 0;
    padding: 10px;
    text-align: center;
    padding-top: 12px;
    margin-left: 25px;
    pointer-events: none;
}
.nav-tabs.stepformNavjustifiedcls .nav-link:first-child {
    margin-left: 0;
}
.nav-tabs.stepformNavjustifiedcls .nav-link::before {
    content: "";
    left: 0%;
    top: 0;
    width: 0;
    position: absolute;
    border-top: 20px solid transparent;
    border-left: 20px solid #fff;
    border-bottom: 20px solid transparent;
    border-right: 1px solid transparent;
}
.nav-tabs.stepformNavjustifiedcls .nav-link::after {
    content: "";
    right: -26px;
    width: 0;
    top: 0;
    position: absolute;
    border-top: 20px solid transparent;
    border-left: 25px solid #e0e0e0;
    border-bottom: 20px solid transparent;
    border-right: 1px solid transparent;
}
.nav-tabs.stepformNavjustifiedcls .nav-link b {
    font-size: 12px;
    font-weight: 400;
    background: #3db389;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    display: inline-block;
    color: #fff;
    line-height: 18px;
    position: relative;
    left: -6px;
    top: -1px;
}
.nav-tabs.stepformNavjustifiedcls .nav-link span {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    color: #828282;
}
.nav-tabs.stepformNavjustifiedcls .nav-link.active, .nav-tabs.stepformNavjustifiedcls .nav-link.stepformactivecls {
    background: #3db389;
}
.nav-tabs.stepformNavjustifiedcls .nav-link.active span, .nav-tabs.stepformNavjustifiedcls .nav-link.stepformactivecls span {
    color: #fff;
}
.nav-tabs.stepformNavjustifiedcls .nav-link.active::after, .nav-tabs.stepformNavjustifiedcls .nav-link.stepformactivecls::after {
    border-left: 25px solid #3db389;
}
.nav-tabs.stepformNavjustifiedcls .nav-link.active b, .nav-tabs.stepformNavjustifiedcls .nav-link.stepformactivecls b {
    background: #fff;
    color: #464646;
}
.contractFormContentdivcls {
    width: 100%;
    background: #fff;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-radius: 5px;
    padding: 18px;
    margin-top: 20px;
}
.invoiceOptionHeadingcls h4 {
    /* background: #e7faf4;
    border: 1px solid #abdecc;
    padding: 7px 15px;
    border-radius: 4px; */
    font-size: 16px;
    font-weight: 400;
    color: #000;
    margin-bottom: 10px;
}
.invoiceOptionSeparatedivcls .assignTolistdivcls {
    max-height: 258px;
}
.contractFormContentdivcls .selectdiv select.filter-select, .contractFormContentdivcls input.form-control.form-fields {
    font-size: 14px;
    color: #282828;
}
.customflatborder_tabcls {
    margin-bottom: 18px;
}
.nav-tabs.customflatborder_tabcls .nav-link {
    font-size: 16px;
    font-weight: 400;
    color: #818181;
    border-radius: 0;
    padding: 0 10px 7px 10px;
    border: none;
    border-bottom: 2px solid transparent;
    margin-right: 15px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.nav-tabs.customflatborder_tabcls .nav-item.show .nav-link, .nav-tabs.customflatborder_tabcls .nav-link.active {
    color: #279d76;
    background: none;
    border-color: #31ab82;
}
.billingtableDatadivcls {
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
    margin-top: 15px;
}
.billingTabledatacls {
    width: 100%;
}
.billingTabledatacls thead th {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    background: #3db389;
    padding: 7px 10px;
}
.billingTabledatacls tbody td {
    font-size: 14px;
    font-weight: normal;
    color: #2f2f2f;
    padding: 10px;
    border-bottom: 1px solid #e4e4e4;
}
.addfeevalueBtncls {
    border: 1px solid #F2994A;
    padding: 6px 22px 6px 15px;
    background: #fff;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #F2994A;
    border-radius: 5px;
}
.tableEditbtncls {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
}
.tableEditbtncls svg {
    width: 18px;
}
.formulaBtncls {
    border: 1px solid #a2a2a2;
    background: none;
    cursor: pointer;
    padding: 3px 7px;
    margin-right: 20px;
    border-radius: 3px;
    margin-top: 4px;
}
.formulaBtncls svg {
    width: 24px;
}
.formuladivbtncls .addfeevalueBtncls {
    padding: 6px 22px 3px 15px;
}
/* .modal.addContractModalcls:nth-of-type(even) {
    z-index: 1062 !important;
}
.modal-backdrop.show:nth-of-type(even) {
    z-index: 1061 !important;
} */
.formulaModalcls h5 {
    color: #3b3b3b;
}
.formulatextarea textarea.form-control {
    font-size: 14px;
    height: 80px;
    resize: none;
}
.innerTabformdivcls .custom_multiselect2stylecls .select2-container--default .select2-selection--multiple {
    height: auto;
    min-height: 38px;
}
.customAccordianInnerdivcls {
    background: #fff;
    box-shadow: 0 4px 20px rgb(0 0 0 / 7%);
    border-radius: 5px;
    width: 100%;
    padding: 0 18px 0;
    float: left;
    margin-bottom: 20px;
}
.customAccordianHeadingcls {
    width: 100%;
    float: left;
    padding: 18px 0 14px;
}
.customAccordianHeadingLeftcls {
    width: 50%;
    float: left;
}
.customAccordianHeadingLeftcls h4 {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0;
    cursor: pointer;
}
.customAccordianHeadingLeftcls h4 svg {
    width: 22px;
    position: relative;
    top: -1px;
    transform: rotate(90deg);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.customAccordianHeadingLeftcls h4.accordianArrowDcls svg {
    transform: none;
}
.customAccordianContentcls {
    width: 100%;
    float: left;
    border-top: 1px solid #e0e0e0;
    padding-top: 16px;
    padding-bottom: 20px;
}
.bottomActionBtndivcls {
    justify-content: flex-end;
}
.talCancelBtn {
    width: auto;
    min-width: 140px;
    height: 40px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border: 1px solid #E0E0E0;
    background: #FFFFFF;
    border-radius: 5px;
    font-size: 14px;
    color: #828282;
    text-transform: uppercase;
    margin-left: 10px;
    cursor: pointer;
}
.talOrangebtncls {
    width: auto;
    padding: 0 20px;
    text-transform: uppercase;
    margin-left: 10px;
    min-width: 140px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border: 1px solid #F2994A;
    background: #F2994A;
    border-radius: 5px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    transition: all .3s ease-in-out;
}
.talGreenbtncls {
    width: auto;
    padding: 0 20px;
    text-transform: uppercase;
    margin-left: 10px;
    min-width: 140px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border: 1px solid #3db98d;
    background: #3db98d;
    border-radius: 5px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    transition: all .3s ease-in-out;
}
.talOrangebtncls:hover, .talGreenbtncls:hover {
    color: #fff !important;
    background: var(--primary-gradient-color);
}
.talCancelBtn:hover {
    color: #828282;
}
.contractFormContentdivcls .assignToRightdivcls strong {
    margin-top: 10px;
}
.contractFormContentdivcls .assignTolistdivcls li {
    padding: 4px;
}
.commonDataTabledivcls table {
    width: 100%;
    border-collapse: collapse;
}
.commonDataTabledivcls table thead th {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    background: #3db389;
    color: #fff;
    padding: 7px 10px;
}
.commonDataTabledivcls table tbody td {
    font-weight: normal;
    font-size: 14px;
    padding: 7px 5px;
    border: 1px solid #e2e2e2;
    border-collapse: collapse;
}
.commonAddRowtablebtncls {
    border: 1px solid #fff;
    background: none;
    border-radius: 2px;
    cursor: pointer;
    width: 16px;
    height: 16px;
    float: right;
    margin-top: 2px;
}
.commonAddRowtablebtncls svg {
    width: 12px;
    height: 12px;
    position: relative;
    top: -5px;
}
.commontableActionBtncls {
    border: none;
    background: none;
    cursor: pointer;
    margin-left: 6px;
}
.commontableActionBtncls svg {
    width: 14px;
    height: 14px;
}
/* .contractSettingPagecls .customAccordianContentcls {
    display: none;
} */


/* start formula calc */
.formulacolcls, .billingCodeSelectListcls {
    background: #fff;
    border: 1px solid #e9e9e9;
    padding: 10px;
    padding-bottom: 0;
    border-radius: 5px;
}
.formulacolcls button {
    background: #efefef;
    border: none;
    float: left;
    width: 50px;
    cursor: pointer;
    color: #5b5b5b;
    font-size: 12px;
    margin-bottom: 12px;
    border-radius: 4px;
    box-shadow: 0 0 1px 2px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 0 1px 2px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 0 1px 2px rgba(0,0,0,0.12);
    text-align: center;
    height: 34px;
    margin-right: 11px;
}
.formulacolcls button:nth-child(5n+5) {
    margin-right: 0;
}
.billingformulaListcls li {
    background: #fff;
    box-shadow: 0 4px 8px rgb(0 0 0 / 7%);
    list-style: none;
    font-size: 16px;
    color: #333;
    margin-bottom: 15px;
    padding-bottom: 10px;
    padding-left: 10px;
}
/* end formula calc */


/* end Contract */

/* start integration card */
.integrationCardBoxcls {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0 4px 20px rgb(0 0 0 / 7%);
    border-radius: 5px;
    padding: 18px;
    margin-bottom: 20px;
    min-height: 140px;
}
.integrationCardTopDetail {
    width: 100%;
    float: left;
}
.integrationCardSvgicon {
    width: 46px;
    height: 46px;
    border: 1px solid #64c5a3;
    border-radius: 100%;
    float: left;
    text-align: center;
    line-height: 40px;
    background: #ecf7f3;
}
.integrationCardSvgicon svg {
    width: 32px;
    height: 32px;
}
.integrationCardTextcls {
    width: calc(100% - 46px);
    float: left;
    padding-left: 12px;
}
.integrationCardTextcls h4 {
    font-size: 16px;
    color: #000;
    margin-bottom: 2px;
}
.integrationCardTextcls p {
    color: #6e6e6e;
    margin-bottom: 0;
}
.integrationCardButton {
    text-align: right;
    width: 100%;
    float: left;
    padding-top: 20px;
}
.integrationConnectBtn {
    background: #F2994A;
    font-size: 14px;
    font-weight: 400;
    color: var(--white-color);
    display: inline-block;
    padding: 5px 25px;
    border-radius: 50px;
}
.integrationConnectBtn a {
    color: var(--white-color);
}
.integrationConnectBtn:hover, .integrationConnectBtn a:hover {
    color: var(--white-color) !important;
}
.integrationConnectcls {
    background: #3db389;
}
.modal-cancel {
    border: 1px solid #bdbdbd;
    border-radius: 5px;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    color: #6d6e6e;
}
.modal-confirm {
    background: #f2994a;
    color: #fff;
    border-radius: 5px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
}
.integrationSureModalcls .modal-footer {
    border-top: none;
}
/* end integration card */

.taskAddBtn {
    width: 140px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border: 1px solid #F2994A;
    background: #F2994A;
    color: #fff;
    border-radius: 5px;
}
.taskCancelBtn {
    width: 140px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border: 1px solid #E0E0E0;
    background: #FFFFFF;
    border-radius: 5px;
    color: #828282;
}
.customselect2stylecls .select2-container--default .select2-selection--single, .form-control.form-fields, select.form-control, input.form-control, .selectdiv select.filter-select {
    font-size: 14px;
}
.selectdiv select.filter-select {
    color: #212529;
}
.form-border input.form-control, .form-border select.form-control {
    height: 38px;
}
.form-control[type=file] {
    line-height: 26px;
}
select.form-control{
    padding-left:5px;
    padding-right: 15px;
    appearance: none;
    background-image: url("data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9Im5vbmUiICBzdHJva2U9ImN1cnJlbnRDb2xvciIgIHN0cm9rZS13aWR0aD0iMiIgIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgIHN0cm9rZS1saW5lam9pbj0icm91bmQiICBjbGFzcz0iaWNvbiBpY29uLXRhYmxlciBpY29ucy10YWJsZXItb3V0bGluZSBpY29uLXRhYmxlci1jaGV2cm9uLWRvd24iPjxwYXRoIHN0cm9rZT0ibm9uZSIgZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik02IDlsNiA2bDYgLTYiIC8+PC9zdmc+");
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: 96% 50%;
}
select.form-control:focus{
    background-image: url("data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9Im5vbmUiICBzdHJva2U9ImN1cnJlbnRDb2xvciIgIHN0cm9rZS13aWR0aD0iMiIgIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgIHN0cm9rZS1saW5lam9pbj0icm91bmQiICBjbGFzcz0iaWNvbiBpY29uLXRhYmxlciBpY29ucy10YWJsZXItb3V0bGluZSBpY29uLXRhYmxlci1jaGV2cm9uLXVwIj48cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNNiAxNWw2IC02bDYgNiIgLz48L3N2Zz4=");
}

.form-control[type=search] {
    padding-right: 3%;
    background-image: url(../images/icons/search.svg);
    background-size: 16px;
    background-position: 98% 50%;
    background-repeat: no-repeat;
}
.form-control[type=search]:not(:placeholder-shown),
.form-control[type=search]:focus{
    background-image: none;
}
.weightageremainingdivcls {
    /*margin-bottom: 20px;*/
    text-align: right;
}
.weightageremainingdivcls span {
    font-size: 14px;
    color: #383838;
    border: 1px solid #3db288;
    border-radius: 5px;
    padding: 8px 12px;
    background: #fff;
    display: inline-block;
}
.weightageremainingdivcls b {
    font-weight: 700;
    color: #343434;
}
.orangewithoutBgtbtncls {
    background: none;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #f2994a;
    cursor: pointer;
    border: none;
}
.orangewithoutBgtbtncls svg {
    width: 20px;
    height: 20px;
    margin-right: 3px;
    position: relative;
    top: -1px;
}

/* start interview */
/* start interview layout 1 */
.interviewVideoBgdivcls {
    background: #1a1a1a;
    width: 100%;
    height: 100vh;
    position: relative;
}
.fullVideoInnerEledivcls {
    width: 100%;
    height: 100%;
}
.interviewLayoutcls {
    width: 100%;
    height: calc(100vh - 180px);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.interviewOuterChatdivcls {
    width: 350px;
    float: left;
    padding: 20px 20px 20px 0;
    height: calc(100vh - 80px);
    position: fixed;
    right: -350px;
    top: 80px;
    z-index: 9;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.interviewInnerChatdivcls {
    background: #1d2528;
    height: calc(100vh - 120px);
    border-radius: 10px;
}
.interviewOuterChatdivcls .tal_live_chat_Textarea {
    height: 56px;
}
.interviewOuterChatdivcls .tal_live_chat_BodyChat {
    height: calc(100vh - 212px);
}
.interviewInnerChatdivcls .tal_chat_NameDisplay strong {
    color: #fff;
}
.interviewChatbtndivcls {
    text-align: right;
    padding-right: 10px;
    padding-top: 6px;
}
.interviewChatClosebtncls {
    background: none;
    border: none;
    cursor: pointer;
    display: inline-block;
}
.interviewChatClosebtncls svg {
    width: 20px;
}
.fullVideoOuterdivcls {
    width: 100%;
    height: calc(100vh - 180px);
    float: left;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.fullInterviewVideoScreencls {
    padding: 20px 20px 0;
    width: 100%;
    height: calc(100vh - 180px);
    position: relative;
}
.fullVideoInnerdivcls {
    width: 100%;
    height: calc(100vh - 200px);
    position: relative;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.fullVideoInnerdivcls video {
    background-color: #000;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-size: cover;
    border-radius: 15px;
}
.otherInterviewVideothumbcls {
    position: absolute;
    right: 30px;
    top: 40px;
    z-index: 9;
    height: calc(100vh - 240px);
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 10px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.otherInterviewVideothumbcls::-webkit-scrollbar {
    width: 10px;
    height: 8px;
    background-color: #d2d2d2;
    border-radius: 20px;
    cursor: pointer;
}
.otherInterviewVideothumbcls::-webkit-scrollbar-thumb {
    background: #979797;
    border-radius: 20px;
    cursor: pointer;
}
.otherVideothumbPaddingcls {
    border: 5px solid #fff;
    background-color: #fff;
    border-radius: 5px;
    width: 250px;
    height: 145px;
    margin-bottom: 15px;
    position: relative;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.otherVideothumbPaddingcls:last-child {
    margin-bottom: 0;
}
.otherVideothumbInnercls {
    width: 100%;
    height: 100%;
}
.otherVideothumbInnercls video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-size: cover;
    border-radius: 5px;
    cursor: pointer;
}
.interviewVideoActionbtncls {
    width: 100%;
    height: 100px;
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.interviewVideoActionColcls {
    width: 33.3333333333%;
    float: left;
}
.interviewInnerBtncls {
    display: inline-block;
    margin: 0 5px;
}
.videoBtncls {
    background: #fff;
    width: 42px;
    height: 42px;
    border-radius: 100%;
    border: none;
    cursor: pointer;
}
.videoBtncls svg {
    width: 26px;
    height: 26px;
}
.interviewVideoStartTimecls {
    background: #3db389;
    display: inline-block;
    border-radius: 10px;
    padding: 8px 12px;
    margin-right: 10px;
    height: 42px;
}
.interviewVideoStartTimecls svg {
    width: 22px;
}
.interviewVideoStartTimecls b {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    padding-left: 2px;
}
.interviewRecordingStartTimecls {
    background: #DB554F;
    display: inline-block;
    border-radius: 10px;
    padding: 8px 12px;
    height: 42px;
}
.interviewRecordingStartTimecls svg {
    width: 26px;
}
.interviewRecordingStartTimecls b {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    padding-left: 2px;
}
.chatBtnActivecls {
    background: #F2994A;
}
.chatBtnActivecls svg path, .chatBtnActivecls svg circle {
    fill: #fff;
}
.microPhoneBtnOff, .videoCamBtnOff {
    background: #db554f;
}
.muteMicrophoneSvg, .videoCamOffSvg {
    display: none;
}
.microPhoneBtnOff .unMuteMicrophoneSvg, .videoCamBtnOff .videoCamOnSvg {
    display: none;
}
.microPhoneBtnOff .muteMicrophoneSvg, .videoCamBtnOff .videoCamOffSvg {
    display: inline-block;
}
.microPhoneBtnOff .muteMicrophoneSvg path, .videoCamBtnOff .videoCamOffSvg path {
    fill: #fff;
}
.interviewModalStylecls .modal-dialog {
    width: 400px;
}
.interviewModalStylecls .modal-header {
    border-bottom: none;
    padding-bottom: 10px;
    padding-top: 20px;
}
.interviewModalStylecls .modal-footer {
    border-top: none;
}
.interviewModalStylecls .modal-confirm:hover {
    background: #f2994a;
    color: #fff;
}
.interviewRecordingStartTimecls {
    display: none;
}
.videoRecordActiveBtncls {
    background: #DB554F;
}
.videoRecordActiveBtncls svg .recordCirclefillcls {
    fill: #fff;
}
.fullNameTextInnerdivcls {
    width: 100%;
    height: calc(100vh - 120px);
    background: #212121;
    border-radius: 15px;
    display: none;
}
.fullParticipantdivcls {
    text-align: center;
    position: relative;
    top: 28%;
}
.participantSvgIconcls {
    padding-bottom: 12px;
}
.participantSvgIconcls span {
    width: 150px;
    height: 150px;
    border-radius: 100%;
    border: 3px solid #3db389;
    display: inline-block;
    line-height: 140px;
}
.participantSvgIconcls span svg {
    width: 70px;
    height: 70px;
}
.participantNameTextcls {
    font-size: 16px;
    color: #fff;
}
.participantNameTextcls {
    display: inline-block;
}
.videoCardUserNamedivcls {
    position: absolute;
    left: 0;
    bottom: 12px;
    z-index: 7;
    width: 100%;
    padding: 0 10px;
}
.videoCardUserNamedivcls strong {
    /* background: rgba(0, 0, 0, .7); */
    background: #4f4f4f;
    border-radius: 50px;
    left: 15px;
    bottom: 15px;
    padding: 5px 15px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    float: left;
    margin-right: 5px;
}
.videoCardUserNamedivcls .cardvideoBtns {
    float: left;
}
.otherVideothumbInnercls .videoCardUserNamedivcls strong {
    font-size: 12px;
}
.otherVideothumbInnercls .videoCardUserNamedivcls {
    bottom: 3px;
    padding: 0 5px;
}
.interviewRatingdivcls .star-widget {
    width: inherit;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: flex-end;
}
.interviewRatingdivcls .star-widget input {
    display: none;
}
.interviewRatingdivcls .starLabel:not(:last-child) {
    margin-left: 10px;
}
.interviewRatingdivcls .starLabel svg {
    width: 20px;
    height: 20px;
}
.interviewRatingdivcls .starLabel svg path {
    fill: #b5b5b5;
    stroke: #b5b5b5;
    transition: all 0.2s ease;
}
.interviewRatingdivcls .star-widget input:not(:checked) ~ label:hover svg path,
.interviewRatingdivcls .star-widget input:not(:checked) ~ label:hover ~ label svg path {
  fill: #ffcf26;
  stroke: #ffcf26;
}
.interviewRatingdivcls .star-widget input:checked ~ label svg path {
    fill: #ffcf26;
    stroke: #ffcf26;
}
.interviewFeedbackformcls textarea.form-control {
    height: 120px;
}
.interviewFeedbackModalcls .modal-confirm:hover {
    background: #f2994a;
    color: #fff;
}
.interviewFeedbackdivcls {
    width: 350px;
    float: left;
    padding: 20px 20px 20px 0;
    height: calc(100vh - 80px);
    position: fixed;
    right: -350px;
    top: 80px;
    z-index: 9;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.interviewInnerFeedbackdivcls {
    background: #1d2528;
    height: calc(100vh - 120px);
    border-radius: 10px;
}
.interviewFeedbackClosebtncls {
    background: none;
    border: none;
    cursor: pointer;
    display: inline-block;
}
.interviewFeedbackClosebtncls svg {
    width: 20px;
}
.interviewFeedbackbtndivcls {
    padding: 10px 15px 10px;
    border-bottom: 1px solid #505050;
}
.interviewFeedbackbtndivcls h4 {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    display: inline-block;
}
.interviewFeedbackClosebtncls {
    float: right;
}
.interviewRatingdivcls span {
    font-size: 14px;
    color: #fff;
}
.feedbackformdivcls {
    padding: 0 15px;
}
.interviewRatingdivcls {
    max-height: 235px;
    overflow-y: auto;
    margin: 15px 10px 15px 0;
}
.interviewRatingdivcls::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: #d2d2d2;
    border-radius: 20px;
    cursor: pointer;
}
.interviewRatingdivcls::-webkit-scrollbar-thumb {
    background: #979797;
    border-radius: 20px;
    cursor: pointer;
}
.interviewRatingdivcls li {
    list-style: none;
    margin-bottom: 5px;
}
.interviewFeedbkTextareacls textarea {
    height: 125px;
    margin-bottom: 30px;
}
.interviewFeedbkBtndivcls {
    text-align: right;
}
.interviewFeedbkBtndivcls .talCancelBtn, .interviewFeedbkBtndivcls .talOrangebtncls {
    min-width: 110px;
    display: inline-block;
}
.feedbackBtnActivecls {
    background: #F2994A;
}
.feedbackBtnActivecls svg .star0 {
    stroke: #fff;
    fill: #fff;
}
.interviewVideoTagPostioncls {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.interviewCanvastagcls {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-size: cover;
    border-radius: 13px;
    background: #272727;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
.otherVideothumbInnercls .interviewCanvastagcls {
    border-radius: 5px;
}
.videoGridInnerdivcls .interviewCanvastagcls {
    border-radius: 10px;
}
.interviewVideoHeadercls {
    background: #252525;
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
}
.interviewVideoLogocls {
    padding-left: 18px;
    padding-right: 18px;
}
.interviewVideoLogocls img {
    max-width: 190px;
    height: auto;
}
.slideLayoutdivcls {
    width: calc(100% - 350px);
}
.interviewOpenChatdivcls {
    right: 0;
}
.feedbackOpencls {
    right: 0;
}


/* end interview layout 1 */

/* start interview layout 2 */
.interviewLayout2 {
    width: calc(100% - 350px);
}
.interviewLayout2 .otherInterviewVideothumbcls {
    grid-template-columns: repeat(auto-fit, minmax(33%, 1fr));
    display: grid;
    width: 100%;
    height: calc(100vh - 170px);
    padding-right: 0;
    top: 0;
    right: 0;
    padding: 10px;
    padding-bottom: 0;
}
.interviewLayout2 .otherVideothumbPaddingcls {
    padding: 10px;
    width: 100%;
    height: 100%;
    border: none;
    background: none;
}
.interviewLayout2 .otherVideothumbInnercls {
    position: relative;
}
.interviewLayout2 .otherVideothumbInnercls video {
    background-color: #000;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-size: cover;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    border-radius: 10px;
}
.interviewLayout2 .fullVideoInnerdivcls {
    position: fixed;
    height: 180px;
    padding: 12px;
    width: 330px;
    right: 20px;
}
.chatdivLayout2 {
    height: calc(100vh - 260px);
    top: 268px;
}
.chatdivLayout2 .interviewInnerChatdivcls {
    height: calc(100vh - 300px);
}
.chatdivLayout2 .tal_live_chat_BodyChat {
    height: calc(100vh - 392px);
}
/* end interview layout 2 */

/* end interview */
/* start one way interview */
.headerwithTitlecls .interviewVideoLogocls {
    width: auto;
}
.headerTitledivcls {
    width: calc(100% - 170px);
    float: left;
}
.headerTitledivcls h4 {
    text-align: center;
    color: #fff;
    font-size: 20px;
    margin: 0;
    line-height: 80px;
    padding-right: 120px;
}
.videotagObjectfitcls {
    background-color: #000;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-size: cover;
    border-radius: 10px;
}
.oneWayInterviewOutercls {
    width: 100%;
    height: calc(100vh - 80px);
    padding: 20px;
}
.jobIntroVideodivcls {
    width: 100%;
    height: 100%;
    position: relative;
}
.tutorialVideodivcls {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    transform: scale(0);
}
.overlaybtncls {
    background: rgba(0, 0, 0, .7);
    cursor: pointer;
    border: none;
    font-size: 16px;
    color: #fff;
    padding: 5px 15px;
    border-radius: 5px;
    position: absolute;
    right: 15px;
    bottom: 15px;
    z-index: 2;
}
.overlaybtncls svg {
    width: 18px;
    height: 18px;
}
.ansQuestionOuterdivcls, .answerRecOuterdivcls, .answerRecVideodivcls {
    width: 100%;
    height: 100%;
}
.ansQuestionOuterdivcls {
    position: relative;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    transform: scale(0);
}
.videotagBlurcls {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}
.questionOuterdivcls {
    background: rgba(0, 0, 0, .5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}
.questionInnerdivcls {
    max-width: 550px;
    margin: auto;
    background: #1D2528;
    border-radius: 10px;
    min-height: 450px;
}
.questionTextInnerdivcls {
    padding: 20px;
}
.questionTextdivcls h4 {
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    background: #222B2E;
    padding: 15px 20px;
    border-radius: 10px 10px 0 0;
}
.limitInfocls {
    display: flex;
    margin: 15px auto 0 auto;
}
.limitInfoColcls {
    display: flex;
    align-items: center;
}
.limitInfoColcls:not(:last-child) {
    margin-right: 0;
    padding-right: 20px;
}
.limitInfoColcls span, .limitInfoColcls p {
    color: #fff;
}
.limitInfoColcls span {
    font-size: 12px;
}
.limitInfoColcls p {
    font-size: 14px;
}
.limitInfoColcls svg {
    margin-right: 10px;
    margin-top: 5px;
}
.questionParaText p {
    font-size: 18px;
    color: #fff;
}
.timerCountdownSvgcls {
    float: right;
}
.questionTimerStartcls .timerCountdownSvgcls {
    padding-left: 5px;
}
.questionVideoTag {
    width: 30vw;
    height: 36vh;
    margin: 0 auto;
    padding-bottom: 20px;
}
.recordingVideoflipdivcls .questionVideoTag {
    width: 60%;
    height: 30vh;
}
.questionParaText {
    min-height: 230px;
    padding-bottom: 30px;
}
.recordingVideoflipdivcls .questionParaText {
    min-height: 130px;
    padding-bottom: 15px;
}
.recordingVideoflipdivcls .recordAnswerdivbtncls {
    display: none;
}
.recordAnswerdivbtncls .talOrangebtncls {
    font-size: 12px;
    font-weight: 400;
    padding: 5px 15px;
    height: auto;
    display: inline-block;
}
.timerCountdownSvgcls .base-timer {
    position: relative;
    width: 70px;
    height: 70px;
}
.timerCountdownSvgcls .base-timer__svg {
    transform: scaleX(-1);
    /* background: #313131;
    border-radius: 100%; */
    margin: 0;
}
.timerCountdownSvgcls .base-timer__circle {
    fill: none;
    stroke: none;
}
.timerCountdownSvgcls .base-timer__path-elapsed {
    stroke-width: 4px;
    stroke: grey;
}
.timerCountdownSvgcls .base-timer__path-remaining {
    stroke-width: 4px;
    stroke-linecap: round;
    transform: rotate(90deg);
    transform-origin: center;
    transition: 1s linear all;
    fill-rule: nonzero;
    stroke: currentColor;
}
.timerCountdownSvgcls .base-timer__path-remaining.green {
    color: rgb(65, 184, 131);
}
.timerCountdownSvgcls .base-timer__path-remaining.orange {
    color: orange;
}
.timerCountdownSvgcls .base-timer__path-remaining.red {
    color: red;
}
.timerCountdownSvgcls .base-timer__label {
    position: absolute;
    width: 70px;
    height: 70px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #fff;
}
.timerCountdownTextcls {
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding-top: 5px;
}
.answerTimerStartcls {
    text-align: center;
    height: 116px;
    padding-top: 20px;
}
.recordingVideoflipdivcls .questionOuterdivcls {
    position: inherit;
    float: left;
    width: 450px;
    background: none;
    height: calc(100% - 28px);
}
.recordingVideoflipdivcls .answerRecOuterdivcls {
    width: calc(100% - 450px);
    float: left;
    padding-left: 20px;
    height: calc(100% - 28px);
}
.recordingVideoflipdivcls .timerCountdownSvgcls {
    float: none;
    display: inline-block;
}
.recordingVideoflipdivcls .questionInnerdivcls {
    min-height: auto;
    max-width: 100%;
    background: none;
    height: 100%;
}
.recordingVideoflipdivcls .questionTextdivcls {
    background: #1d2528;
    border-radius: 10px;
    height: calc(100% - 120px);
}
.greenProgressBarcls {
    height: 28px;
    display: none;
}
.greenProgressBarcls .progress {
    height: 10px;
    font-size: 12px;
    background-color: #404040;
    border-radius: 50px;
}
.greenProgressBarcls .progress-bar {
    background-color: #34a781;
}
.recordingVideoflipdivcls .answerRecVideodivcls {
    position: relative;
}
.recordingVideoflipdivcls .greenProgressBarcls {
    display: block;
}
.answerRecVideoActiondivcls {
    background: rgba(0, 0, 0, .7);
    width: 96%;
    border-radius: 100px;
    position: absolute;
    left: 2%;
    bottom: 3%;
    padding: 5px 5px 1px;
    text-align: center;
    display: none;
}
.recordingVideoflipdivcls .answerRecVideoActiondivcls {
    display: block;
}
.commonRecVideoActBtncls {
    background: none;
    border: none;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    margin: 0 10px;
}
.commonRecVideoActBtncls span {
    float: left;
    height: 34px;
    line-height: 34px;
}
.commonRecVideoActBtncls p {
    float: left;
    line-height: 18px;
    font-size: 12px;
    letter-spacing: 1px;
}
.commonRecVideoActBtncls p strong {
    display: block;
    font-weight: 400;
    font-size: 14px;
}
.commonRecVideoActBtncls svg {
    width: 36px;
    margin-right: 6px;
    margin-top: 2px;
}
.sureModalcls .modal-dialog {
    width: 400px;
}
.sureModalcls .modal-header {
    border-bottom: none;
    padding-bottom: 10px;
    padding-top: 20px;
}
.sureModalcls .modal-footer {
    border-top: none;
}
.sureModalcls .modal-body p {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #6d6e6e;
}
.sureModalcls .modal-confirm:hover {
    color: #fff;
}
.sureModalcls .modal-cancel:hover {
    color: #6d6e6e;
}
.sureModalcls .modal-header h5 {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #000000;
}
.transformScaleActivecls {
    transform: scale(1);
}
/* end one way interview */

.advfilterTogglecls {
    float: left;
    width: 46px;
}
.keywordSearchbtncls {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
}
.keywordSearchbtncls span {
    display: inline-block;
}
.keywordSearchbtncls svg {
    width: 36px;
}
.svgColorToggle svg circle, .svgColorToggle svg line, .svgColorToggle svg path {
    stroke: #f2994a;
}
.advfilterRightformdivcls {
    float: left;
    width: 100%;
    padding-left: 5px;
}
.toggleSearchSwitchdivcls {
    display: none;
}
.advfilterTogglecls b {
    font-size: 14px;
    color: #e69247;
    font-weight: 400;
    padding-left: 5px;
}
.advfilterTogglecls .switchtogglebtn {
    margin-bottom: 0;
    top: 2px;
}
.toggleSearchSwitchdivcls .allcandidateadvfilterinnercls:first-child {
    width: 50%;
}
.toggleSearchSwitchdivcls .allcandidateadvfilterinnercls .input-group {
    width: 100%;
}
.allcandidateadvfilterinnercls .input-group input[type=text],
.allcandidateadvfilterinnercls .input-group input[type=search]{
    border-radius:5px 0 0 5px !important;
}
.allcandidateadvfilterinnercls .input-group input[type=text] ~ .input-group-prepend .input-group-text,
.allcandidateadvfilterinnercls .input-group input[type=search] ~ .input-group-prepend .input-group-text{
    border-radius:0 5px 5px 0!important;
    height: 100%;
}
.filter-badge{
    padding: 2px 5px;
    font-size: 9px !important;
    border-radius: 4px !important;
}
.allcandidateadvafiltercls.rightFilterToggleswitchcls {
    overflow: hidden;
}
.rightFilterToggleswitchcls .toggleSearchSwitchdivcls, .rightFilterToggleswitchcls .toggleAdvSwitchdivcls {
    float: left;
    transition: all .5s linear;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
}
.rightFilterToggleswitchcls .toggleSearchSwitchdivcls {
    display: inline-block;
    width: 0%;
}
.rightFilterToggleswitchcls .toggleSearchSwitchdivcls .allcandidateadvfilterinnercls {
    display: none;
}
.rightFilterToggleswitchcls .advfilterTogglecls {
    width: auto;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}
.rightFilterSildeMinuscls {
    transform: translate(-150%, 0px);
    margin-right: -100%;
}
.rightFilterSildeZerocls {
    transform: translate(0%, 0px) !important;
}
.keyWordSlideWidthcls {
    width: 75% !important;
}
.rightFilterToggleswitchcls .toggleSearchSwitchdivcls.keyWordSlideWidthcls .allcandidateadvfilterinnercls {
    display: block;
}
.customfilemultipleuploadcls .input-group-text {
    background: #3db58a;
}
.addcandidatepagecls .customfilemultipleuploadcls .form-control[type="file"] {
    padding: 2px;
    font-size: 13px;
}
.candidateaddcommonbtncls svg {
    float: left;
    margin-right: 5px;
}
.mediaBoxIconcls b {
    font-size: 12px;
    color: #5c5c5c;
    font-weight: 400;
    display: block;
    padding: 0 5px;
}
.uploadedResumeOuterdivcls .mediaBoxIconcls {
    margin-left: 0;
}
.twittertypeaheadblockcls .twitter-typeahead {
    display: block !important;
}
.advfiltertopsectioncls .allcandidateadvfilterinnercls {
    display: inline-block;
}
.advfiltertopsectioncls .form-group {
    margin-bottom: 0;
}
/* .advfiltertopsectioncls .form-group .form-control {
    border-right: none;
} */
.advfiltertopsectioncls .input-group span.input-group-text {
    background: #fff;
    border-left: none;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 35px;
}

/* start Task Detail */
.detail-data .progressTBardivcls {
    float: none;
    max-width: 300px;
    margin-top: 0;
}
.detail-data .progressTBardivcls .progress-bar span {
    color: #ffff;
}
.greyTabledatadivcls {
    max-height: 500px;
    overflow-y: auto;
}
.greyTabledatadivcls table {
    width: 100%;
}
.greyTabledatadivcls thead th {
    background: #F2F2F2;
    color: #3c3c3c;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 12px;
}
.greyTabledatadivcls td {
    font-size: 14px;
    color: #343434;
    padding: 7px 12px;
    border-bottom: 1px solid #ddd;
}
.greenTabledatadivcls {
    max-height: 500px;
    overflow-y: auto;
}
.greenTabledatadivcls table {
    width: 100%;
}
.greenTabledatadivcls thead th {
    background: #3db389;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 12px;
}
.greenTabledatadivcls td {
    font-size: 14px;
    color: #343434;
    padding: 7px 12px;
    border-bottom: 1px solid #ddd;
}
.greyTabledatadivcls td .taskassignpeoplecls, .greenTabledatadivcls td .taskassignpeoplecls {
    text-align: left;
}
.taskUploadedDocdivcls .mediaBoxslidercls {
    padding: 0 20px;
}
.taskUploadedDocdivcls .mediaBoxIconcls {
    position: relative;
}
.taskUploadedDocdivcls .mediaBoxIconcls .spanappendiconcls {
    padding-bottom: 5px;
}
.taskUploadedDocdivcls .slick-list {
    padding: 20px 0;
}
.taskUploadedDocdivcls .slick-arrow {
    border: none;
    background: none;
    position: absolute;
    z-index: 1;
    cursor: pointer;
    padding: 0;
}
.taskUploadedDocdivcls .slick-arrow img {
    width: 16px;
}
.taskUploadedDocdivcls .slick-arrow {
    background: #e2e2e2;
    border-radius: 100%;
    width: 22px;
    height: 22px;
    top: 42% !important;
    line-height: 16px;
}
.taskUploadedDocdivcls .slick-prev {
    left: -6px;
}
.taskUploadedDocdivcls .slick-next {
    right: -8px;
}
.notefilterselectdivcls {
    text-align: right;
}
.notefilterselectdivcls .selectdiv {
    display: inline-block;
}
.notefilterselectdivcls .selectdiv select.filter-select {
    min-width: 150px;
}
.arrowsortUpcls {
    border: none;
    background: #3ebb8e;
    width: 34px;
    height: 34px;
    border-radius: 4px;
    margin-left: 12px;
    cursor: pointer;
}
.arrowsortUpcls .activesortingcls {
    opacity: .5;
}
.taskDetailModalcls .modal-header {
    display: block;
}
.taskDetailModalcls .modal-header h4 {
    display: inline-block;
}
.taskDetailModalcls .btn.task-close {
    float: right;
}
.taskDetailModalcls main.px-4.my-4, .appendOtherHtmldivcls > main {
    margin: 0 !important;
    padding: 0 !important;
}
.taskDetailTabContentcls .addednotescls {
    max-height: 400px;
    overflow-y: auto;
}
.taskDetailTabContentcls .addednotescls .notesBox {
    margin-bottom: 15px;
}
.taskDetailModalcls .taskDetailTabContentcls .addednotescls {
    max-height: 250px;
}
.Sorting-padding {
    padding-left: 10px;
}
.subSidemenuUlcls {
    background: #ecf7f3;
    border-radius: 5px;
    padding-bottom: 10px;
}
.subSidemenuUlcls li {
    list-style: none;
    background: #ecf7f3;
    border-radius: 5px;
    padding-top: 10px;
}
.subSidemenuUlcls li a {
    font-size: 14px;
    color: #4f4f4f;
    padding-left: 20px;
    display: block;
}

.mediaBoxIconcls {
    position: relative;
}
/* end Task Detail */
.managejoblistpagecls .candidateinnercolcls .candidateskillscolcls, .managejoblistpagecls .candidateinnercolcls .joblistRighttwidthcls {
    padding-bottom: 5px;
}
.candidateskillscolcls span {
    margin-bottom: 6px;
}
.crmtopheadMiddledivcls {
    width: calc(100% - 115px);
}
.crmtopheadActiondivcls {
    width: 65px;
}
.field-icon {
    top: 46%;
}
.selecttimeSlotlistcls .timeslotCard {
    background: none;
    border: 1px solid #3db389;
    cursor: pointer;
}
.selectedtimeslotCard {
    background: rgba(61, 179, 137, 0.1) !important;
}
.removeTimeslotBtncls {
    padding: 0;
    border: none;
    line-height: 14px;
    background: none;
}
/* start interviewB4Cardcls */
.interviewB4Cardcls .interview-box {
    margin-bottom: 20px;
}
.interviewB4Cardcls .company-text {
    padding-left: 5px;
}
.interviewB4Cardcls .card-border .watchBtn {
    margin-left: 15px;
}
.interviewB4Cardcls .card-border div.ms-2 {
    margin-left: 6px;
}
.interviewB4Cardcls p {
    margin-bottom: 0;
}
.interviewB4Cardcls .cardBtn {
    padding: 0;
    cursor: pointer;
}
.interviewB4Cardcls .interview-detail a.position-relative.d-block {
    margin-right: 8px;
}
.interviewB4Cardcls .candidate-btn {
    border: none;
    margin-right: 20px;
    cursor: pointer;
}
.interviewB4Cardcls button.btn.btn-grid, .interviewB4Cardcls button.btn.btn-list {
    background: none;
    border: none;
    padding: 0.375rem 0.75rem;
    display: inline-flex;
}
.interviewB4Cardcls .interviewBtmActiondivcls .option-btn {
    padding: 0;
    cursor: pointer;
}
.interviewB4Cardcls .interviewBtmActiondivcls .dropdown-toggle::after {
    display: none;
}
.interviewB4Cardcls p.totalCandidate {
    text-align: right;
}
.interviewB4Cardcls .linkBox button.btn {
    background: none;
    border: none;
}
.interviewB4Cardcls .linkBox button.btn img {
    width: 24px;
    height: 24px;
}
.interviewB4Cardcls .interviewBtmStatusdivcls a.dropdown-item img.cardoptionsIcon {
    margin-right: 5px;
}
.interviewB4Cardcls .candidate-btn.active {
    color: #3db389;
    border-bottom: 2px solid #3db389;
}
.interviewB4Cardcls .candidate-choice .dropdown-item .form-check-input {
    width: 16px;
    height: 16px;
    margin-top: 2px;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, .25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    border-radius: 100%;
    cursor: pointer;
}
.interviewB4Cardcls .candidate-choice .dropdown-item {
    padding: 6px 10px;
}
.interviewB4Cardcls .candidate-choice .btn.filter-btn {
    height: 34px;
}
.interviewB4Cardcls .candidate-choice .btn.filter-btn:hover, .interviewB4Cardcls .candidate-choice .btn.filter-btn:focus {
    box-shadow: none;
    background: none;
    color: #5f5f5f;
}
.interviewB4Cardcls .candidate-choice .dropdown-item .form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.interviewB4Cardcls .candidate-choice .dropdown-item .form-check-input:checked {
    background-color: #3db389;
    border-color: #3db389;
}
.interviewB4Cardcls .dropdown-item.active, .interviewB4Cardcls .dropdown-item:active {
    background: none;
}
.canDetailPgInterviewcls .interviewoutertabdivcls .row > div {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 100%;
    max-width: 100%;
}
.canDetailPgInterviewcls .candidate-btn {
    margin-right: 8px;
    font-size: 14px;
}
.interviewB4Cardcls .table-talbotiq th button.btn.dropdown-toggle {
    background: none;
    border: none;
}
.interviewB4Cardcls .table-talbotiq th button.btn.dropdown-toggle img {
    width: 20px;
    height: 20px;
}
.interviewB4Cardcls .table-talbotiq th button.btn.dropdown-toggle::after {
    display: none;
}
.interviewB4Cardcls .table-talbotiq th .dropdown .form-check-input {
    width: 16px;
    height: 16px;
    margin-top: 2px;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, .25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    border-radius: 4px;
    cursor: pointer;
}
.interviewB4Cardcls .table-talbotiq th .dropdown .form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.interviewB4Cardcls .table-talbotiq th .dropdown .form-check-input:checked {
    background-color: #3db389;
    border-color: #3db389;
}
.interviewB4Cardcls .table-talbotiq th .dropdown .dropdown-item {
    padding: 6px 10px;
}
.interviewB4Cardcls .table-talbotiq tbody td .c-option button.dropdown-toggle {
    cursor: pointer;
}
.interviewB4Cardcls .table-talbotiq tbody td .c-option button.dropdown-toggle.option-btn::after {
    display: none;
}
.interviewB4Cardcls .table-talbotiq tbody td .c-option .cardoptionsIcon {
    margin-right: 5px;
}
.canDetailPgInterviewcls .interviewoutertabtablecls {
    overflow-x: auto;
}
.canDetailPgInterviewcls .table-talbotiq {
    width: 1200px;
    max-width: 1200px;
}
.interviewB4Cardcls .table-talbotiq tbody td .candidate-avatar-image.table-avatar {
    margin-right: 10px;
}
.interviewB4Cardcls .table-talbotiq tbody td .companyTable-badge {
    left: 50%;
}
.interviewB4Cardcls .table-talbotiq tbody td .interviewGuySvg3 {
    float: left;
    margin-right: 5px;
}
.interviewB4Cardcls .interviewoutertabdivcls ul.dropdown-menu, .interviewB4Cardcls .interviewoutertabtablecls ul.dropdown-menu {
    top: 22px !important;
    right: 0;
    left: auto !important;
    transform: none !important;
}
.cardDataSearchdivcls .dropdown-search {
    border: 1px solid #cfcfcf;
}
.cardDataSearchdivcls .search-input {
    font-size: 14px;
    border: none;
}
.cardDataSearchdivcls .search-icon {
    width: 16px;
    margin-right: 8px;
}
/* end interviewB4Cardcls */
.spanafterNameid {
    display: inline-block !important;
    text-transform: uppercase;
    font-size: 14px !important;
    color: #f2994a !important;
}
.addTimeslotdivbtncls {
    padding-top: 15px;
}
.addTimeslotdivbtncls .addBlockbtncls {
    border: 1px solid #3db389;
    border-radius: 5px;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 30px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #3db389;
    text-transform: uppercase;
}
.addTimeslotdivbtncls .addBlockbtncls .AddBlockSvg {
    margin-right: 4px;
}
.clockpicker-popover .popover-title {
    display: none;
}
.addTimeBlockformbodycls {
    min-height: 260px;
}
.addTimeBlockModalcls p.modal-title {
    font-size: 16px;
    font-weight: 400;
}
/* start applicantDetail page */
.applicationDetailInfocls .whiteboxshadowbgcls {
    background: #fff;
    border-radius: 5px;
    padding: 25px 30px;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 1%);
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 1%);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.0.01);
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.applicationDetailInfocls .headingbottombordercls {
    margin-bottom: 0;
    border-bottom: none;
}
.applicationDetailInfocls .exptabheadingcls h3 {
    font-size: 18px;
    font-weight: 400;
    color: #373737;
    margin-bottom: 0;
    cursor: pointer;
}
.applicationDetailInfocls .exptabheadingcls {
    margin-bottom: 18px;
    padding-top: 2px;
}
.applicationDetailInfocls .headingbottombordercls {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 14px;
}
.applicationDetailInfocls .whiteboxshadowbgcls .headingbottombordercls {
    margin-top: -5px;
}
.applicationformBtndivcls {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
}
.applicantDStatusDropdowncls {
    float: right;
}
.applicantDStatusDropdowncls .dropdown-cardtoggle2 {
    min-width: 75px;
    min-height: 28px;
    background: #3DB389;
    border-radius: 50px;
    padding: 3px 28px 3px 12px;
    color: #fff;
    position: relative;
}
.applicantDStatusDropdowncls .dropdown-cardtoggle2::after {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    position: absolute;
    right: 10px;
    top: 11px;
    z-index: 1;
}
.applicantDStatus-dropdown-cardmenu {
    padding: 5px 0 8px;
}
.applicantDStatus-dropdown-cardmenu li {
    padding: 0 15px;
    cursor: pointer;
}
.notesBoxOuterScroll {
    max-height: 300px;
    overflow-y: auto;
    padding-top: 8px;
}
/* end applicantDetail page */

/* start Candidate Search */
.candidateTitleListdivcls {
    width: 350px;
    float: left;
    height: 100%;
    overflow-y: auto;
}
.switchtogglebtn.defaultswitchtogglebtn {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 12px;
    top: 6px;
}
.switchtogglebtn.defaultswitchtogglebtn input {
    opacity: 0;
    width: 0;
    height: 0;
}
.defaultswitchtogglebtn .switchtoggleslidercls {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #c8c8c8;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px;
}
.defaultswitchtogglebtn .switchtoggleslidercls:before {
    background: url("../../assets/images/icons/x.svg") no-repeat 4px 4px #fff;
    background-size: 12px;
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    left: -5px;
    bottom: -5px;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
    border: 1px solid #c8c8c8;
}
.switchtogglebtn.defaultswitchtogglebtn input:checked + .switchtoggleslidercls {
    background-color: var(--primary-color);
}
.switchtogglebtn.defaultswitchtogglebtn input:checked + .switchtoggleslidercls:before {
    background: url("../../static/images/icons/check.svg") no-repeat 4px 4px #fff;
    background-size: 13px;
    -webkit-transform: translateX(22px);
    -ms-transform: translateX(22px);
    transform: translateX(22px);
    border: 1px solid #36b48a;
}
.canListToggleUlcls li {
    list-style: none;
}
.canListToggleUlcls > li {
    background: #f8f8f8;
    border-radius: 5px;
    padding: 15px;
    /* box-shadow: 0 4px 20px rgba(0, 0, 0, 0.07);*/
    margin-bottom: 10px;


}
.canListToggleUlcls{
    padding:5px
}
.canHeadingListcls {
    padding-left: 8px;
    font-size: 16px;
}
.canListToggleUlcls li h4 svg {
    width: 22px;
    float: right;
}
.canCheckBoxlistdivcls .form-check label {
    font-size: 14px;
    cursor: pointer;
}
.canCheckBoxlistdivcls .form-check-input[type=checkbox] {
    position: relative;
    top: 1px;
    cursor: pointer;
}
.canCheckBoxlistdivcls {
    margin-top: 18px;
    border-top: 1px solid #cfcfcf;
    padding-top: 15px;
    display: none;
}
.canListToggleUlcls .dropdown-search {
    border: 1px solid #cfcfcf;
    box-sizing: border-box;
    border-radius: 5px;
    width: 100%;
    margin-bottom: 10px;
}
.canListToggleUlcls li ul {
    max-height: 180px;
    overflow-y: auto;
}
.canListToggleUlcls li ul li {
    margin-bottom: 5px;
}
.svgTogglearrowcls {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.svgToggleActivearrowcls {
    transform: rotate(90deg);
}
.canSearchListdivcls {
    width: calc(100% - 350px);
    float: left;
    padding-left: 20px;
    height: 100%;
}
.canSearchListInnerdivcls {
    background: #fff;
    padding: 15px;
    border-radius: 6px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.07);
    height: 100%;
}
.canSearchListdivcls thead th:first-child {
    border-radius: 5px 0 0 5px;
}
.canSearchListdivcls thead th:last-child {
    border-radius: 0 5px 5px 0;
}
.canSearchListdivcls table .form-check {
    margin: 0;
    min-height: auto;
}
.canSearchListdivcls table input[type="checkbox"] {
    cursor: pointer;
}
.userTabletextcls strong {
    font-size: 16px;
    color: #2f2f2f;
    font-weight: 400;
}
.userTabletextcls p {
    font-size: 12px;
    color: #737373;
    font-weight: 400;
}
.userAvatarImg {
    width: 42px;
    height: 42px;
    border-radius: 100%;
}
.canSearchListdivcls .pie_progressCompatabilitycls .pie_progress {
    width: 50px;
    height: 50px;
    top: 0;
    margin-bottom: 0;
}
.candidateSearchpgcls {
    height: calc(100vh - 190px);
}
.defaultioRangeslidercls {
    margin-bottom: 15px;
}
.defaultioRangeslidercls .irs--flat .irs-line {
    height: 4px;
}
.defaultioRangeslidercls .irs--flat .irs-bar {
    height: 4px;
    background-color: #3db389;
}
.defaultioRangeslidercls .irs--flat .irs-handle {
    height: 12px;
}
.defaultioRangeslidercls .irs--flat .irs-handle>i:first-child {
    background-color: #3db389;
}
.defaultioRangeslidercls .irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single {
    background-color: #3db389;
}
.defaultioRangeslidercls .irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before {
    border-top-color: #3db389;
}
.defaultioRangeslidercls .irs--flat .irs-grid-text {
    color: #6f6f6f;
}
.defaultioRangeslidercls .irs--flat .irs-grid-pol {
    background-color: #ababab;
}
.defaultioRangeslidercls .irs--flat .irs-min, .defaultioRangeslidercls .irs--flat .irs-max {
    color: #656565;
}
/* end Candidate Search */

/* start watch interview */
.interviewQuesCardListcls {
    max-height: 280px;
    overflow-y: auto;
    overflow-x: hidden;
}
.interviewQuesCardBoxcls {
    width: 100%;
    float: left;
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 0 4px 20px rgb(0 0 0 / 7%);
    height: 100%;
    cursor: pointer;
}
.interviewQuesCardListcls .row div[class*="col-"] {
    margin-bottom: 20px;
}
.questionCardvideocls {
    width: 100px;
    height: 110px;
    float: left;
}
.questionCardTextcls {
    width: calc(100% - 100px);
    float: left;
    padding-left: 10px;
}
.questionCardvideocls video {
    height: 110px;
}
.questionCardTextcls h4 {
    font-size: 16px;
    margin-bottom: 5px;
}
.videoColTextcls span {
    font-size: 12px;
    color: #000;
    display: block;
}
.videoColTextcls span b {
    color: #828282;
    font-weight: normal;
}
.videoColRatingdivcls .starLabel:not(:last-child) {
    margin-left: 3px;
}
.videoColRatingdivcls .starLabel svg {
    width: 22px;
    height: 22px;
}
.videoColRatingdivcls {
    padding-top: 5px;
}
.fullscreenmodalcls .modal-dialog {
    max-width: 96%;
}
.fullscreenmodalcls .modal-content {
    height: 90vh;
}
.quesVideoThumbnailcls {
    width: 250px;
    float: left;
    height: 100%;
    padding-bottom: 14px;

}
.quesVideoThumbnailcls .swiper-controls{
    display:flex;
    justify-content: end;
    align-items: center;
    gap: 8px;
    margin-bottom: .5rem;
}
.quesVideoThumbnailcls .swiper-controls .swiper-button-prev,
.quesVideoThumbnailcls .swiper-controls .swiper-button-next{
    position: relative;
    background-color: rgba(var(--primary-green-color-rgb), var(--opacity-5));
    color:#222222;
    width: 22px;
    height: 22px;
    border-radius: 10rem;
    margin: 0;
    top: unset;
    left: unset;
    right:unset
}
.quesVideoThumbnailcls .swiper-button-next:after, .swiper-button-prev:after{
    font-size: 12px;
}
.quesVideoThumbnailcls .swiper-controls .swiper-button-prev:hover:after,
.quesVideoThumbnailcls .swiper-controls .swiper-button-next:hover:after
{
    animation: tada-keyframes 3s ease infinite;
    animation-fill-mode: both;
}
.ansVideoFullSlidecls {
    width: calc(100% - 515px);
    float: left;
    padding-left: 15px;
    /* height: 100%; */
}
.feedbackVideoQuesWisecls {
    width: 265px;
    float: left;
    height: 100%;
    padding-left: 15px;
}
.feedbackVideoQuesWisecls .greenBarAccordioncls{
    margin-top: .5rem;
}
.tabContentVideodivcls {
    width: 100%;
    height: 100%;
    position: relative;
    aspect-ratio: 16/9;
}
/* .tabContentVideodivcls .videotagObjectfitcls {
    position: absolute;
    left: 0;
    top: 0;
} */
.videoQuestionOverlaycls {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
}
.ansQuesVideoModalbodycls {
    height: 100%;
    width: 100%;
}
.videoQuesAnsToggleBtncls {
    border: none;
    background: none;
    color: #EA8F3F;
    font-weight: 400;
    font-size: 14px;
    border-bottom: 2px solid #EA8F3F;
    padding: 0 5px 0;
}
.videoQuesAnsToggleBtncls svg {
    margin-right: 5px;
}
.feedbackVideoQuesWisecls .ratingSubmit {
    width: 100%;
}
.feedbackVideoQuesWisecls .submitBtn {
    width: auto;
    padding: 0 20px;
}
.greenBarAccordioncls .accordion-item {
    margin-bottom: 10px;
    border: none;
}
.greenBarAccordioncls .accordion-body {
    background: #EBF7F3;
    padding: 10px;
}
.greenBarAccordioncls .submitRatingBox {
    background: none;
}
.greenBarAccordioncls .accordion-button {
    padding: 10px 15px;
    font-size: 16px;
    background: #BFE1D6;
    color: #000;
    border-radius: 3px;
}
.greenBarAccordioncls .submitRatingBox textarea {
    height: calc(100vh - 420px) !important;
}
.greenBarAccordioncls .accordion-button:not(.collapsed) {
    background: #BFE1D6 !important;
    color: #000 !important;
    border-radius: 3px 3px 0 0;
}
.feedbackVideoQuesWisecls .overallFeedbackListcls {
    max-height: 160px;
    overflow-y: auto;
    margin-bottom: 20px;
}
.feedbackVideoQuesWisecls .starLabel:not(:last-child) {
    margin-left: 1px;
}
.feedbackVideoQuesWisecls .overallFeedbackListcls ul {
    margin-left: 0;
}
.feedbackVideoQuesWisecls .overallFeedbackListcls li {
    list-style: none;
    font-size: 14px;
    margin-bottom: 6px;
}
.feedbackVideoQuesWisecls .overallStardivcls {
    float: none;
}
.feedbackVideoQuesWisecls .starLabel svg {
    width: 22px;
    height: 22px;
}
.answerWisefeedbackcls .star-widget {
    margin-top: 0 !important;
}
.quesVideoThumbnailTabcls li {
    margin-bottom: 10px;
    width: 100%;
    list-style: none;
    float: left;
}
.quesVideoThumbnailTabcls .interviewQuesCardBoxcls {
    position: relative;
}
.quesVideoThumbnailTabcls .interviewQuesCardBoxcls::after {
    content: "";
    position: absolute;
    right: -9px;
    top: 42%;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-left: 8px solid #3DB389;
    border-bottom: 6px solid transparent;
    opacity: 0;
}
.quesVideoThumbnailTabcls .questionCardTextcls h4 {
    font-size: 12px;
}
.quesVideoThumbnailTabcls .questionCardTextcls {
    width: calc(100% - 40px);
}
.quesVideoThumbnailTabcls .questionCardvideocls {
    width: 40px;
    height: 40px;
}
.quesVideoThumbnailTabcls .questionCardvideocls video {
    height: 40px;
    border-radius: 4px;
}
.quesVideoThumbnailTabcls .videoColRatingdivcls {
    padding-top: 0;
}
.quesVideoThumbnailTabcls .videoColRatingdivcls .starLabel svg {
    width: 14px;
    height: 14px;
}
.quesVideoThumbnailTabcls .videoColRatingdivcls .starLabel {
    line-height: 14px;
}
.activeQuesCardBoxcls .interviewQuesCardBoxcls {
    background: #EBF7F3;
    border-color: #3DB389;
}
.activeQuesCardBoxcls .interviewQuesCardBoxcls::after {
    opacity: 1;
}
.liveAnswerQuestionModalcls .ansVideoFullSlidecls {
    width: calc(100% - 265px);
    padding-left: 0;
    /* height: 100%; */
}
.liveAnswerQuestionModalcls .tabContentVideodivcls {
    position: relative;
}
.liveAnswerQuestionModalcls .videotagObjectfitcls {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.questionCommentbtncls {
    border: none;
    background: none;
    cursor: pointer;
    float: right;
}
.questionCommentbtncls svg {
    width: 20px;
}
.ratedReplysOuterdivcls {
    max-height: 65vh;
    overflow-y: auto;
}
/* end watch interview */
.leadDetailListdivcls {
    padding: 0 8px;
}
/* start candidateOverviewModal */
.candidateOverviewModalcls .modal-body {
    padding: 0;
}
.canOverLeftBodyDetailcls {
    padding-left: 20px;
    padding-top: 20px;
}
.canOverviewTopOuterdivcls {
    border-bottom: 1px solid #cacaca;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.canOverviewTopImgcls {
    width: 50px;
    height: 50px;
    border-radius: 100%;
}
.canOverviewTopTextcls {
    padding-left: 8px;
}
.canOverviewTopTextcls h4 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 5px;
}
.canOverlocInfodivcls {
    padding-top: 15px;
}
.canOverviewTopTextcls span {
    font-size: 14px;
    color: #545454;
    display: block;
}
.canOverlocInfodivcls span {
    margin-right: 20px;
}
.canOverlocInfodivcls span svg {
    margin-right: 3px;
}
.canOverlocInfodivcls span b {
    font-size: 14px;
    font-weight: normal;
    color: #4b4b4b;
}
.canOverviewParaTextcls, .canOverviewProBarcls {
    border-bottom: 1px solid #cacaca;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.canOverviewParaTextcls p {
    font-size: 14px;
    line-height: 22px;
    color: #242424;
    font-weight: 400;
    margin-bottom: 0;
}
.canOverviewProBarcls .completefillouterbarcls {
    margin-bottom: 0;
}
.canOverviewProBarcls .completefillgreybarcls {
    width: calc(100% - 50px);
    float: left;
    background: #e0e0e0;
    height: 6px;
    border-radius: 20px;
    margin-top: 6px;
}
.canOverviewProBarcls .completefillgreenbarcls {
    width: 78%;
    display: block;
    background: #3db389;
    height: 6px;
    border-radius: 20px;
    position: relative;
}
.canOverviewProBarcls .completefillgreenbarcls .completefillgreentickcls {
    position: absolute;
    right: -4px;
    top: -9px;
    width: 22px;
}
.canOverviewProBarcls h6 {
    font-size: 14px;
    font-weight: normal;
    color: #1f1f1f;
    margin-bottom: 5px;
}
.phoneemailrowOuterdivcls {
    border-bottom: 1px solid #cacaca;
    padding-bottom: 15px;
    margin-bottom: 10px;
}
.phoneemailrowOuterdivcls .phoneemaillefticondivcls {
    width: 30px;
    float: left;
    padding-top: 10px;
}
.phoneemailrowOuterdivcls .phoneemailmidtextdivcls {
    width: calc(100% - 60px);
    float: left;
}
.phoneemailrowOuterdivcls .phoneemailmidtextdivcls b {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #7b7b7b;
    padding-bottom: 2px;
}
.phoneemailrowOuterdivcls .phoneemailmidtextdivcls span {
    font-size: 14px;
    font-weight: 400;
    color: #2f2f2f;
    display: block;
}
.phoneemailrowOuterdivcls .phoneemailrighticondivcls {
    width: 30px;
    float: left;
    padding-top: 10px;
    text-align: right;
    position: relative;
}
.canOverRightBodyDetailcls {
    background: #f2faf7;
    padding-bottom: 20px;
    min-height: 416px;
}
.candidateOverviewStagecls .canOverviewTopdivcls {
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 15px;
}
.candidateOverviewStagecls .canOverviewTopImgcls {
    width: 36px;
    height: 36px;
}
.candidateOverviewStagecls .canOverviewTopTextcls h4 {
    font-size: 14px;
    margin-bottom: 2px;
}
.candidateOverviewStagecls .canOverviewTopTextcls span {
    font-size: 12px;
}
.canOverviewTableStagecls table {
    width: 100%;
}
.canOverviewTableStagecls thead th {
    font-size: 12px;
    color: #000;
    padding: 10px 15px;
    background: #bfdbd1;
    font-weight: 400;
}
.canOverviewTableStagecls thead th:last-child {
    text-align: right;
}
.canOverviewTableStagecls tbody td {
    font-size: 14px;
    color: #000;
    padding: 10px 15px;
    font-weight: 400;
    border-bottom: 1px solid #dcdcdc;
}
.canOverviewTableStagecls tbody td:last-child {
    text-align: right;
    font-size: 12px;
    color: #828282;
}
.candidateOverviewModalcls .modal-footer {
    border-top: 1px solid #dadada;
}
/* end candidateOverviewModal */

/* start referral policy */
.flatWhiteBgAccordioncls .accordion-item {
    background-color: #fff;
    border: none;
    margin-bottom: 20px;
    border-radius: 6px;
}
.flatWhiteBgAccordioncls .accordion-header {
    background: none;
}
.flatWhiteBgAccordioncls .accordion-button {
    display: block;
    padding: 20px;
    position: relative;
}
.accordionSvgArrowcls {
    position: absolute;
    right: 20px;
    top: 28px;
    z-index: 2;
    width: 30px;
    height: 30px;
}
.flatWhiteBgAccordioncls .accordion-button[aria-expanded="true"] .accordionSvgArrowcls {
    transform: rotate(180deg);
}
.flatWhiteBgAccordioncls .accordion-button[aria-expanded="true"] .accordionSvgArrowcls path {
    fill: #3db389;
}
.flatWhiteBgAccordioncls h5 {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px;
}
.referralColtextcls {
    font-size: 14px;
    color: #4e4e4e;
    border-left: 1px solid #a9a9a9;
    padding-left: 10px;
    margin-left: 10px;
}
.firstColtextbrdernonecls {
    padding-left: 0;
    margin-left: 0;
    border-left: none;
}
.referralColtextcls b {
    font-weight: 400;
    color: #202020;
}
.flatWhiteBgAccordioncls .accordion-body {
    background: none;
    padding: 20px;
    padding-top: 0;
}
.referralSchemeformdivcls {
    border-top: 1px solid #d5d5d5;
    padding-top: 15px;
}
.schemeInputformcls {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #212121;
}
.schemeInputfromeditdivcls {
    display: none;
}
.circleStatusBtagcls {
    width: 14px;
    height: 14px;
    display: inline-block;
    background: #333333;
    position: relative;
    top: 2px;
    border-radius: 100%;
    margin-right: 4px;
}
.circleStatusBactivecls {
    background: #27AE60;
}
.circleStatusBinactivecls {
    background: #EB5757;
}
.circleStatusBclosedcls {
    background: #000;
}
/* end referral policy */
.recruiterflowCardcls .poc-tabCard {
    margin-bottom: 15px;
}
/* start refer a candidate */
.referaCandidatePgcls .form-basic h4 {
    color: #000;
}
.referCanTopDetailUlcls li {
    list-style: none;
    display: inline-block;
    vertical-align: top;
    border-right: 1px solid #c3c3c3;
    padding-right: 20px;
    margin-right: 20px;
}
.referCanTopDetailUlcls li:last-child {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
}
.referCanTopDetailUlcls li .company-avatar-image {
    width: 44px;
    height: 44px;
    border-radius: 100%;
}
.referCanTopDetailUlcls li .new-card-text {
    font-size: 14px;
    color: #6f6f6f;
}
.statusLabeltextspancls {
    display: block;
    font-size: 12px;
    color: #3c3c3c;
}
.referSkillsetdivcls {
    padding-top: 20px;
}
.referSkillsetInnerdivcls {
    display: inline-block;
    padding-left: 25px;
}
.referSkillsetInnerdivcls:first-child {
    padding-left: 0;
}
.referCanTopDetailUlcls li .post-name {
    font-size: 14px;
}
.referSkillsetInnerdivcls li {
    list-style: none;
    display: inline-block;
}
.referSkillsetInnerdivcls li h4 {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    margin-bottom: 0;
}
.referSkillsetInnerdivcls li span {
    display: block;
    font-size: 14px;
    color: #000;
    background: #f2faf7;
    padding: 4px 10px;
    border-radius: 50px;
}
.referSkillsetInnerdivcls .dropdown-menu {
    padding-left: 10px;
    padding-right: 10px;
    width: 200px;
    max-height: 200px;
    overflow-y: auto;
}
.referMoreSkillbtncls {
    border: none;
    color: #000;
    border-radius: 50px;
    background: #f2faf7;
    padding: 4px 10px;
    font-size: 14px;
}
.referSkillsetInnerdivcls .dropdown-menu li span {
    margin-bottom: 6px;
}
.commonMiddleFormHeadingcls {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 15px;
    border-top: 1px solid #e1e1e1;
    padding-top: 10px;
}
.optionalHeadingTextcls {
    font-size: 14px;
    color: #8b8b8b;
    font-weight: normal;
}
.commonBtmFormBtndivcls {
    border-top: 1px solid #dcdcdc;
    padding-top: 20px;
    margin-top: 10px;
}
.commonBtmFormBtndivcls button {
    display: inline-block;
}
/* end refer a candidate */

/* start generateOfferModal */
.generateOfferModalcls .modal-body {
    padding: 0;
}
.generateOfferbodyformcls .stepformNavjustifiedcls {
    padding-left: 15px;
    padding-bottom: 20px;
    padding-top: 20px;
    padding-right: 35px;
}
.genOfferTabContentdivcls {
    padding: 15px;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    height: calc(100vh - 300px);
    overflow-y: auto;
}
.genOfferTabContentdivcls::-webkit-scrollbar {
    width: 10px;
    height: 8px;
    background-color: #d2d2d2;
    border-radius: 20px;
    cursor: pointer;
}
.genOfferTabContentdivcls::-webkit-scrollbar-thumb {
    background: #979797;
    border-radius: 20px;
    cursor: pointer;
}
.generateOfferbodyformcls .nav-tabs.stepformNavjustifiedcls .nav-link {
    padding: 10px 10px 10px 35px;
}
.genOfferRowdivcls {
    margin-bottom: 15px;
}
.genOfferLabelcls {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #000;
    padding-top: 10px;
    margin-bottom: 0;
}
.genOfferLabelcls span {
    font-size: 14px;
    color: #eb5757;
}
.genOfferLabelInputcls {
    position: relative;
}
.genOfferLabelInputcls .form-fields {
    background: #fff;
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 14px;
    height: 38px;
    color: #212529;
}
.genOfferLabelInputcls .calender-icon {
    position: absolute;
    right: 22px;
    top: 8px;
    transform: none;
}
.genOfferLabelInputcls .customflatpickercls[readonly] {
    cursor: pointer;
}
.genOfferFormHeadingcls {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px;
    border-top: 1px solid #e1e1e1;
    padding-top: 15px;
}
.customUploadShortInput {
    background: #fafafa;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.customUploadShortInputleftcls {
    display: flex;
}
.customUploadShortSvg svg {
    width: 44px;
    height: 44px;
}
.customUploadShortText {
    padding-left: 10px;
}
.customUploadShortBtn .uploadshort-btn-wrapper {
    padding-top: 0 !important;
}
.customUploadShortText h5 {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 4px;
}
.customUploadShortText span {
    display: block;
    font-size: 12px;
    color: #343434;
}
.uploadshort-btn-wrapper {
    position: relative;
    overflow: hidden;
    float: right;
    padding-top: 7px;
}
.uploadshort-btn-wrapper .uploadshortBtncls {
    border: 1px solid #c5c5c5;
    color: #3f3f3f;
    background-color: #fff;
    padding: 5px 12px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: normal;
    cursor: pointer;
}
.uploadshort-btn-wrapper input[type=file] {
    position: absolute;
    left: 0;
    top: 6px;
    opacity: 0;
    cursor: pointer;
    height: 28px;
}
.selectedTemplatePrevdivcls {
    padding: 15px;
}
.selectedTemplateTable1 {
    width: 100%;
}
.selectedTemplateTable1 th {
    font-size: 14px;
    color: #1f1f1f;
    font-weight: normal;
    vertical-align: top;
}
.selectedTemplateTable1 td, .selectedTemplateTable1 p {
    font-size: 14px;
    color: #1f1f1f;
    font-weight: 400;
}
.selectedTemplateTable1 p {
    margin-bottom: 15px;
}
.commonAttachUploadedcls {
    width: 100%;
    height: 58px;
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    padding: 12px;
}
.commonAttachIconcls {
    width: 38px;
    float: left;
}
.commonAttachIconcls .spanappendiconcls {
    font-size: 32px;
    text-align: left;
    line-height: 20px;
}
.commonAttachUploadedTextcls {
    width: calc(100% - 244px);
    float: left;
}
.commonAttachPrevBtncls {
    width: 200px;
    float: left;
    text-align: right;
    padding-top: 4px;
}
.previewTextBtncls {
    border: none;
    background: none;
    font-size: 14px;
    font-weight: 400;
    color: #3db389;
    padding: 0;
    cursor: pointer;
}
.commonAttachUploadedTextcls h5 {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 2px;
}
.commonAttachUploadedTextcls span {
    display: block;
    font-size: 12px;
    color: #8a8a8a;
}
.templatePreviewTablecls {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    color: #000;
}
.templatePreviewTablecls thead img {
    max-width: 140px;
    height: auto;
    margin-bottom: 15px;
}
.templatePreviewTablecls thead th {
    font-weight: normal;
}
.templatePreviewTablecls li p {
    margin-bottom: 0;
}
.templatePreviewTablecls ol {
    padding: 0;
    margin: 0;
    padding-left: 14px;
}
.templatePreviewTablecls ol > li {
    list-style: decimal;
    margin-bottom: 20px;
}
.templatePreviewTablecls ul > li {
    list-style: unset;
}
.templatePreviewTablecls p {
    margin-bottom: 18px;
}
.temptPrevBackbtncls {
    border: none;
    background: none;
    cursor: pointer;
    margin-top: 0;
    margin-right: 8px;
}
.temptPrevBackbtncls svg {
    width: 20px;
    height: 20px;
}
/* end generateOfferModal */

/* start template */
.templateTablerowcls .memberPic {
    width: 28px;
    height: 28px;
    border-radius: 100%;
}
/* end template */

/* start CommonReferralTabledivcls */
.CommonReferralTabledivcls table {
    width: 100%;
}
.CommonReferralTabledivcls table tbody td {
    background: #fff;
    padding: 15px 12px;
}
.CommonReferralTabledivcls table td .company-avatar-image {
    width: 38px;
    height: 38px;
    border-radius: 100%;
}
.CommonReferralTabledivcls table td .post-name {
    font-size: 14px;
    font-weight: normal;
}
.textTitle-name {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #000;
}
.referralStatusTextcls {
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
    color: #000;
}
.activeTextColorcls {
    color: #3db389;
}
.inActiveTextColorcls {
    color: #ff2929;
}
.closedTextColorcls {
    color: #000;
}
.actionTdBtndivcls .talOrangebtncls {
    min-width: auto;
    height: 32px;
    display: inline-block;
    line-height: 28px;
}
.actionTdBtndivcls .talOrangebtncls:hover {
    color: #fff !important;
}
.detailTextSvgBtncls {
    border: none;
    background: #fff;
    font-size: 14px;
    font-weight: 400;
    color: #3db389;
    display: inline-block;
    margin-left: 10px;
}
.detailTextSvgBtncls svg {
    width: 18px;
    margin-right: 2px;
}
.cardSvgWithtextcls {
    margin-right: 10px;
    font-size: 12px;
    color: #4f4f4f;
}
.cardSvgWithtextcls svg {
    width: 12px;
    margin-right: 1px;
}
.appliedJobSpantagcls {
    background: #3db389;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    padding: 3px 12px;
    border-radius: 50px;
}
.appliedJobDateSpancls {
    display: block;
    font-size: 12px;
    color: #4e4e4e;
    padding-top: 6px;
}
/* end CommonReferralTabledivcls */

/* start commonStagesdivcls */
.commonStagesListcls {
    width: calc(100% - 130px);
    float: left;
    padding-top: 4px;
}
.commonStagesTextcls, .commonStagesRtextcls {
    float: left;
    width: 130px;
}
.commonStagesRtextcls {
    text-align: right;
}
.commonStagesTextcls strong, .commonStagesRtextcls strong {
    font-size: 14px;
    font-weight: 400;
    color: #303030;
}
.commonStagesListcls ul {
    padding: 0;
    margin: 0;
}
.commonStagesListcls li {
    list-style: none;
    position: relative;
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
}
.commonStagesListcls li::after {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    z-index: 1;
    background: #dcdcdc;
    width: 100%;
    height: 4px;
}
.commonStagebtncls {
    width: 18px;
    height: 18px;
    border-radius: 100%;
    border: none;
    background: #dcdcdc;
}
.commonStagesListcls li span {
    height: 18px;
    width: 18px;
    display: block;
}
.commonStagesListcls li .stagesStrongTextcls {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #2f2f2f;
}
.commonStagesListcls li .stageCircleSvg {
    width: 12px;
    height: 12px;
    position: relative;
    z-index: 2;
    top: -5px;
}
.stageCircleSvg {
    border: 3px solid #fff;
    border-radius: 100%;
}
.stageCircleSvg circle {
    fill: #dcdcdc;
}
.commonStagesListcls li.commonStageActivecls::after, .commonStagesListcls li.commonStageActivecls .commonStagebtncls {
    background: #3db389;
}
.commonStagesListcls li.commonStageActivecls .commonStagebtncls {
    animation: circlegreenpulse 2s infinite;
}
.commonStagesListcls li.commonStageActivecls .stageCircleSvg circle {
    fill: #3db389;
}
.commonStagesListcls li.commonStageActivecls .stagesStrongTextcls {
    color: #2c9d74;
}
@-webkit-keyframes circlegreenpulse {
    0% {
      -webkit-box-shadow: 0 0 0 0 rgba(59,165,130, 0.4);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(59,165,130, 0.4);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(59,165,130, 0.4);
    }
}
@keyframes circlegreenpulse {
    0% {
      -moz-box-shadow: 0 0 0 0 rgba(59,165,130, 0.4);
      box-shadow: 0 0 0 0 rgba(59,165,130, 0.4);
    }
    70% {
        -moz-box-shadow: 0 0 0 3px rgba(59,165,130, 0.4);
        box-shadow: 0 0 0 3px rgba(59,165,130, 0.4);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(59,165,130, 0.4);
        box-shadow: 0 0 0 0 rgba(59,165,130, 0.4);
    }
}
@-webkit-keyframes circleredpulse {
    0% {
      -webkit-box-shadow: 0 0 0 0 rgba(237,99,102, 0.4);
    }
    70% {
        -webkit-box-shadow: 0 0 0 3px rgba(237,99,102, 0.4);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(237,99,102, 0.4);
    }
}
@keyframes circleredpulse {
    0% {
      -moz-box-shadow: 0 0 0 0 rgba(237,99,102, 0.4);
      box-shadow: 0 0 0 0 rgba(237,99,102, 0.4);
    }
    70% {
        -moz-box-shadow: 0 0 0 3px rgba(237,99,102, 0.4);
        box-shadow: 0 0 0 3px rgba(237,99,102, 0.4);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(237,99,102, 0.4);
        box-shadow: 0 0 0 0 rgba(237,99,102, 0.4);
    }
}
/* end commonStagesdivcls */

/* start task management */
.trialSectiondivcls {
    width: 100%;
    background: #fff0c1;
    padding: 7px 10px;
    position: relative;
    z-index: 99;
    top: 80px;
}
.trialSectiondivcls .talOrangebtncls {
    font-size: 12px;
    height: auto;
    padding: 3px 10px;
    min-width: auto;
    margin: 0;
}
.trialSectiondivcls strong {
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    padding: 0 10px;
    line-height: 24px;
}
.trialSectiondivcls i.fa {
    font-size: 16px;
    margin-right: 4px;
    position: relative;
    top: 1px;
}
.taskManagementpagecls .job-detail .company-avatar-image {
    width: 24px;
    height: 24px;
    border-radius: 100%;
}
.taskManagementpagecls .job-detail .post-name {
    font-size: 14px;
}
.taskManagementpagecls .job-info .client-dropdown {
    padding: 1px 24px 1px 12px;
    min-height: 27px;
}
.taskManagementpagecls .job-info .client-dropdown .dropdown-cardtoggle2::after {
    background: none;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid #fff;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    position: absolute;
    right: 8px;
    margin-top: 7px;
    font-size: 14px;
}
.taskasgnDefaultpeoplecls span {
    width: 26px;
    height: 26px;
    font-size: 10px;
    line-height: 26px;
    background: #e9e9e9;
    color: #7c7c7c;
}
.taskasgnDefaultpeoplecls .taskassignpeopleInnercls:not(:first-child) {
    margin-left: -10px;
}
.taskasgnDefaultpeoplecls .taskassignpeopleInnercls:nth-child(4n+1) span {
    background: #e9e9e9;
    color: #7c7c7c;
}
.taskasgnDefaultpeoplecls .taskassignpeopleInnercls:nth-child(4n+2) span {
    background: #56ccf2;
    color: #fff;
}
.taskasgnDefaultpeoplecls .taskassignpeopleInnercls:nth-child(4n+3) span {
    background: #bb6bd9;
    color: #fff;
}
.taskasgnDefaultpeoplecls .taskassignpeopleInnercls:nth-child(4n+4) span {
    background: #f2994a;
    color: #fff;
}
.assignPeoplemorecls {
    display: inline-block;
    vertical-align: top;
}
.assignPeoplemorecls strong {
    font-size: 14px;
    font-weight: 400;
    color: #838383;
    cursor: pointer;
}
.taskManagementpagecls .client-dropdown button span {
    color: #fff;
    font-size: 12px;
}
.taskManagementpagecls .job-box .job-info {
    padding-bottom: 20px;
}
.performanceOuterBarcls {
    border-top: 1px solid #cbcbcb;
    padding-top: 10px;
}
.performancefillBarcls {
    width: 100%;
    float: left;
    background: #e0e0e0;
    height: 4px;
    border-radius: 20px;
    margin-top: 6px;
}
.performancefillgreenBarcls {
    width: 78%;
    display: block;
    background: #3db389;
    height: 4px;
    border-radius: 20px;
    position: relative;
}
.performancefillBarcls .performancegreentickcls {
    position: absolute;
    right: -17px;
    top: -10px;
    width: 18px;
}
.performanceBarTextcls span {
    font-size: 12px;
    color: #323232;
}
.performanceBarTextcls b {
    font-weight: normal;
}
.noStatusCardcls {
    background: #fff;
    border: 1px solid #c3c3c3;
}
.client-dropdown.noStatusCardcls button span {
    color: #343434;
}
.taskManagementpagecls .job-info .client-dropdown.noStatusCardcls .dropdown-cardtoggle2::after {
    border-top: 0.3em solid #777;
}
.page-link.active:hover {
    color: #fff !important;
}
/*
.page-link.active:focus {
    background: #f2994a;
}*/
.interviewoutertabtablecls tbody td {
    padding-top: 15px;
    padding-bottom: 15px;
}
.interviewoutertabtablecls tbody td .assignPeoplemorecls {
    margin-top: 3px;
}
.interviewoutertabtablecls tbody td .client-dropdown .dropdown-cardtoggle2::after {
    background: none;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid #fff;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    position: absolute;
    right: 8px;
    margin-top: 7px;
    font-size: 14px;
}
.interviewoutertabtablecls tbody td .client-dropdown.noStatusCardcls .dropdown-cardtoggle2::after {
    border-top: 0.3em solid #777;
}
.interviewoutertabtablecls tbody td .company-avatar-image {
    width: 24px;
    height: 24px;
    border-radius: 100%;
}
.interviewoutertabtablecls tbody td .post-name {
    font-size: 14px;
}
.interviewoutertabtablecls tbody td .client-dropdown {
    display: inline-block;
    padding-right: 24px;
}
.interviewoutertabtablecls tbody td .taskassignpeoplecls {
    text-align: left;
}
.interviewoutertabtablecls tbody td .performanceOuterBarcls {
    border-top: none;
    padding-top: 0;
}
.defaultModalstylecls .modal-title {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0;
}
.defaultModalstylecls .modal-header {
    border-bottom: 1px solid #e4e4e4;
}
.defaultModalstylecls .modal-footer {
    border-top: 1px solid #e4e4e4;
}
.optionalLabelcls {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #6f6f6f;
}
.blockSettinguLlistcls li {
    list-style: none;
    float: left;
    cursor: pointer;
    width: 50%;
}
.blockSettinguLlistcls li:first-child {
    padding-right: 5px;
}
.blockSettinguLlistcls li:last-child {
    padding-left: 5px;
}
.blockSettingDdivcls {
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    padding: 5px 10px;
}
.blockSettingSvgcls svg {
    width: 24px;
    height: 24px;
}
.blockSettingSvgcls svg path {
    fill: #8d8d8d;
}
.blockSettingHTextcls h5 {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    color: #000;
}
.blockSettingHTextcls span {
    display: block;
    font-size: 11px;
    color: #777;
}
.blockSettingActivedivcls .blockSettingDdivcls {
    border-color: #3db389;
}
.blockSettingActivedivcls .blockSettingHTextcls h5 {
    color: #3db389;
}
.blockSettingActivedivcls .blockSettingSvgcls svg path {
    fill: #3db389;
}
.blockSettingActivedivcls .blockSettingHTextcls span {
    color: #3db389;
}
.browseBtn {
    background: #3dbc8f;
    border: 1px solid #3dbc8f;
    color: #fff;
}
.browseBtn label {
    cursor: pointer;
}
.membersAddeddivcls {
    display: inline-block;
}
.membersAddedNamecls {
    display: inline-block;
    /*
    background: #f2f2f2;
    border-radius: 50px;
    padding: 1px 7px 4px 4px;
    margin-right: 5px;
    margin-bottom: 5px;
    */
}
.memberShortName {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: #f2c94c;
    color: #fff;
    border-radius: 100%;
    text-align: center;
    font-size: 12px;
    line-height: 22px;
}
.memberFullName {
    font-size: 12px;
    font-weight: normal;
    color: #000;
}
.memberFullName b {
    font-weight: normal;
    color: #5e5e5e;
}
.memberRemoveBtncls {
    border: none;
    background: none;
    cursor: pointer;
}
.memberRemoveBtncls svg {
    width: 14px;
    height: 14px;
}
.memberListDrpdwncls li:nth-child(4n+1) .memberShortName {
    background: #f2c94c;
}
.memberListDrpdwncls li:nth-child(4n+2) .memberShortName {
    background: #56ccf2;
}
.memberListDrpdwncls li:nth-child(4n+3) .memberShortName {
    background: #2f80ed;
}
.memberListDrpdwncls li:nth-child(4n+4) .memberShortName {
    background: #9b51e0;
}
.memberAddBtndivcls {
    display: inline-block;
    margin-left: 6px;
}
.memberAddBtncls {
    border: 1px solid #cfcfcf;
    background: #fff;
    border-radius: 100%;
    width: 26px;
    height: 26px;
    cursor: pointer;
    line-height: 16px;
    text-align: center;
}
.memberAddBtncls svg {
    width: 16px;
    height: 16px;
}
.memberListDrpdwncls {
    min-width: 450px;
    padding: 12px 12px 0 12px;
}

.memberListUlHeightcls {
    max-height: 180px;
    overflow-y: auto;
    min-height: 130px;
}
.memberListDrpdwncls li {
    list-style: none;
    margin-bottom: 8px;
    transition: all .3s;
    cursor: pointer;
}
.memberListDrpdwncls li .checklist {

    padding: .5em .7em;
}
.memberListDrpdwncls li .checklist label{
    cursor: pointer;
}
.memberListDrpdwncls li .memberListOuterdivcls{
    border-radius: .25rem;
    padding: .25rem;
}
.memberListDrpdwncls li .memberListOuterdivcls:hover{
    background-color: rgb(var(--primary-color-rgb));
}
.memberListDrpdwncls li .memberListOuterdivcls:hover .memberFullName{
    color: #fafafa !important;
}
.memberListDrpdwncls li:hover .avatar{
    transform: scale(1.2);
}
.memberListLeftDetails .membersAddedNamecls {
    background: none;
    padding: 0;
}
.whiteDropdownBtndivcls {
    background: #fff;
    min-height: 26px;
    padding: 0;
}
.whiteDropdownBtndivcls .dropdown-toggle .text-style-1 {
    color: #7b7b7b;
    font-size: 12px;
}
.whiteDropdownBtndivcls .dropdown-cardtoggle2::after {
    background: none;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid #7b7b7b;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    position: absolute;
    right: 8px;
    margin-top: 7px;
    font-size: 14px;
}
.whiteDropdownBtndivcls .dropdown-item {
    padding-bottom: 0;
    line-height: 14px;
    margin-bottom: 5px;
}
.whiteDropdownBtndivcls .dropdown-item .text-style-1 {
    font-size: 12px;
    line-height: 14px;
}
.greenCircleAddBtncls {
    border: 1px solid #3db389;
    background: #fff;
    border-radius: 100%;
    width: 24px;
    height: 24px;
    cursor: pointer;
    line-height: 16px;
    text-align: center;
}
.greenCircleAddBtncls:hover svg,
.greenCircleAddBtncls:hover img,
.greenCircleAddBtncls:hover i{
    animation: tada-keyframes 3s ease infinite;
    animation-fill-mode: both;
}
.greenCircleAddBtncls svg {
    width: 16px;
    height: 16px;
}
.squareRadiusSvgBtncls {
    border: 1px solid #b1b1b1;
    border-radius: 5px;
    background: #fff;
    line-height: 18px;
    cursor: pointer;
    margin-left: 10px;
    padding: 5px 7px;
}
.squareRadiusSvgBtncls svg {
    width: 18px;
    height: 18px;
}
.breadcrumb_btnRightcls .taskassignpeoplecls {
    padding-top: 5px;
}
.memberModalListingdivcls .memberListDrpdwncls {
    min-width: 100%;
    padding: 0;
}
.taskTopHeadingDetailscls {
    background: #fff;
    box-shadow: 0 4px 7px rgb(0 0 0 / 8%);
    border-radius: 5px;
    padding: 5px 20px 0;
    z-index: 9;
    position: relative;
}
.defaultImgRadiuscls {
    width: 28px;
    height: 28px;
    border-radius: 100%;
}
.taskTopHParaTextcls {
    padding-top: 8px;
}
.taskTopHParaTextcls p {
    color: #767676;
}
.tranparentBgAdvFiltercls {
    background: none;
    padding: 0 !important;
}
.taskTopHeadingDetailscls .candidate-choice {
    margin-top: 0;
}
.advfiltertopinnersectioncls .dropdown-menu li .form-check-input[type=radio] {
    position: relative;
    top: 1px;
}
.navtabSvgIconcls {
    width: 16px;
    height: 16px;
    position: relative;
    top: -1px;
    margin-right: 4px;
}
.candidate-btn.active .navtabSvgIconcls path, .candidate-btn.active .navtabSvgIconcls circle {
    fill: #3db389;
    /* stroke: #3db389; */
}
.whitekbBoardouterdivcls {
    width: 100%;
    overflow-x: auto;
    padding-bottom: 20px;
}
.whitekbBoardInnerdivcls {
    width: 100%;
    overflow-x: auto;
    user-select: none;
}
.whitekbBoardFlexcls {
    display: flex;
    align-items: flex-start;
}
.whitekbColflexdivcls {
    flex: 0 0 280px;
    margin-right: 20px;
}
.whitekbCollsHeadingcls {
    width: 100%;
    float: left;
    background: #fff;
    border-top: 3px solid #bdbdbd;
    border-radius: calc(.375rem - 1px);
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 1%);
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 1%);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.0.01);
    padding: 8px 4px;
    margin-bottom: 8px;
}
.whitekbCollsHeadingcls h3 {
    font-size: 14px;
    font-weight: 400;
    color: #2b2b2b;
    margin-bottom: 0;
    line-height: 1.5;
        white-space: nowrap;
    max-width: 152px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.countbdgetagcls {
    border: 1px solid #b3b3b3;
    background: #46cb9c;
    display: inline-block;
    font-size: 10px;
    height: 18px;
    width: 18px;
    border-radius: 100%;
    text-align: center;
    line-height: 1.5;
    color: #ffffff;
    font-weight: 400;
    padding: 0 2px 0 2px;
    position: relative;
    place-content: center;
    place-items: center;
}
.whitekb_bodycoldivcls {
    width: 100%;
    float: left;
    min-height: 200px;
}
.whitekb_bodycolclslistcls {
    height: 500px;
    overflow-y: auto;
}
.colorChangelistdivcls {
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 4px;
    margin-bottom: 5px;
}
.colorChangelistdivcls h4 {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 5px;
}
.colorChangeBtncls {
    width: 14px;
    height: 14px;
    display: inline-block;
    border-radius: 100%;
    background: #828282;
    border: none;
    cursor: pointer;
    margin-right: 2px;
    position: relative;
    vertical-align: top;
}
.colorChangeBtncls .changeColorSvgIcon {
    position: absolute;
    left: 1px;
    top: 1px;
    width: 12px;
    height: 12px;
    display: none;
}
.changeColorActiveBtn .changeColorSvgIcon {
    display: block;
}
.kbBoardRedColor {
    background: #eb5757;
}
.kbBoardOrangeColor {
    background: #f2994a;
}
.kbBoardYellowColor {
    background: #f2c94c;
}
.kbBoardGreenColor {
    background: #219653;
}
.kbBoardBlueColor {
    background: #2f80ed;
}
.kbBoardPurpleColor {
    background: #9b51e0;
}
.headingEditdrpdwncls li {
    list-style: none;
    position: relative;
}
.submenuDropdownUlcls {
    position: absolute;
    left: 100%;
    top: 0;
    background: #fff;
    width: 160px;
    box-shadow: 0 4px 20px rgb(0 0 0 / 7%);
    border-radius: 5px;
    padding: 5px 10px;
    display: none;
}
.headingEditdrpdwncls li:hover .submenuDropdownUlcls {
    display: block;
}
.submenuDropdownUlcls li .cardoptionsIcon {
    width: 16px;
    height: 16px;
}
.addtasklistBoardListcls .whitekbCollsHeadingcls {

    box-shadow: none;
    position: relative;
}
.addtasklistBtncls {
    border: none;
    background: #ffffff;
    font-size: 14px;
    font-weight: normal;
    color: #828282;
    display: inline-block;
    padding: 5px 10px;
    border-radius: .375rem;
}
.addtasklistBtncls svg {
    width: 16px;
    height: 16px;
    position: relative;
    top: -1px;
}
.whitekbBoardCardcls {
    width: 100%;
    float: left;
    background: #fff;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}
.taskStatus-dropdown .dropdown-toggle {
    border: none;
    background: none;
    line-height: 18px;
}
.taskStatus-dropdown .dropdown-toggle::after {
    display: inline-block;
    border-top: 4px solid #8d8d8d;
    border-right: 4px solid transparent;
    border-bottom: 0;
    border-left: 4px solid transparent;
    margin-left: 2px;
    position: relative;
    top: 2px
}
.spantaskStatusSvgcls {
    text-align: center;
    background: #f2c94c;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    display: inline-block;
    line-height: 15px;
}
.spantaskStatusSvgcls svg, .spantaskStatusSvgcls img {
    width: 14px;
    height: 14px;
}
.btaskStatusTextcls {
    font-size: 12px;
    font-weight: normal;
    color: #000;
}
.btaskStatusOpencls {
    background: #f2c94c;
}
.btaskStatusInProgresscls {
    background: #f2994a;
}
.btaskStatusOnHoldcls {
    background: #eb5757;
}
.btaskStatusCompletecls {
    background: #27ae60;
}
.taskH3Textcls {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 26px;
    padding-left: 10px;
    color: #000;
    cursor: pointer;
}
.spantaskIDtextcls {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
    color: #707070;
}
.taskassignUserdivcls {
    padding-block: 8px;
}
.taskasgnUserSpantag {
    width: 28px;
    height: 28px;
    display: inline-block;
    border-radius: 100%;
    background: #ffead7;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    color: #f2994a;
}
.taskReminderLabeldivcls {
    padding-top: 10px;
        display: flex;
    flex-wrap: wrap;
    gap: 3px;
    align-items: center;
}
.taskReminderLabeltag {
    font-size: 12px;
    color: #fff;
    background: #c1c1c1;
    border-radius: 50px;
    padding: 0 8px 1px;
}
.reminderLblFollowUpColor {
    background: #eb5757;
}
.reminderLblReminderColor {
    background: #27ae60;
}
.reminderLblUrgentColor {
    background: #9b51e0;
}
.reminderLblImportantColor {
    background: #2f80ed;
}
.taskDueDatespantag svg {
    width: 12px;
    height: 12px;
}
.taskDueDatespantag strong {
    font-size: 12px;
    font-weight: normal;
    color: #4f4f4f;
}
.taskDueDatespantag strong b {
    font-weight: 400;
}
.taskOnlySvgIconbtncls {
    border: none;
    background: none;
    cursor: pointer;
}
.taskOnlySvgIconbtncls svg {
    width: 18px;
    height: 18px;
}
.taskDateWithIcondivcls {
    padding-top: 10px;
}
.subTaskToggledivcls {
    padding-top: 10px;
}
.subTaskSvgToggleBtncls {
    border: none;
    background: #ededed;
    display: block;
    width: 100%;
    text-align: left;
    font-size: 12px;
    color: #404040;
    padding: 6px 10px;
    border-radius: 5px;
}
.subTaskSvgToggleBtncls i.fa {
    font-size: 10px;
    float: right;
    margin-top: 3px;
    color: #7e7e7e;
}
.mergeSvgIconcls {
    width: 14px;
    height: 14px;
    position: relative;
    top: -1px;
    margin-right: 2px;
}
.taskUIDwithSvgIconcls {
    margin-bottom: 10px;
}
.spantaskIDRadiusSvgcls {
    background: #ededed;
    display: inline-block;
    padding: 0 8px;
    border-radius: 50px;
    line-height: 20px;
}
.spantaskIDRadiusSvgcls b {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
    color: #828282;
}
.modalBreadcrumbdivcls {
    padding: 10px 15px;
    position: relative;
}
.modalBreadcrumbdivcls::after {
    content: "";
    right: -20px;
    width: 0;
    top: 0;
    position: absolute;
    border-top: 18px solid transparent;
    border-left: 20px solid #f4faf8;
    border-bottom: 18px solid transparent;
    border-right: 1px solid transparent;
}
.modalBreadcrumbdivcls .breadcrumb-item a {
    color: #727272 !important;
}
.taskDetailsModalcls .modal-header {
    padding: 10px;
}
.taskDetailsModalcls .task-close {
    border: 1px solid #d2d2d2;
    padding: 2px !important;
}
.modalhdDropdownBtndivcls {
    display: inline-block;
}
.cardSvgWidth12Icon {
    width: 12px;
    height: 12px;
    margin-right: 5px;
}
.defaultSquareRBtncls {
    border: 1px solid #d2d2d2;
    background: #fff;
    font-size: 12px;
    padding: 3px 8px 3px 5px;
    border-radius: 5px;
    color: #4f4f4f;
    margin-right: 4px;
}
.defaultSquareRBtncls svg {
    width: 16px;
    height: 16px;
}
.selectedGroupdivcls {
    padding-top: 8px;
}
.selectedGroupdivcls span {
    margin-right: 5px;
    display: inline-block;
    background: rgba(61, 179, 137, 0.1);
    border-radius: 50px;
    padding: 1px 10px 4px;
}
.selectedGroupdivcls span b {
    font-size: 12px;
    font-weight: normal;
    color: #202020;
}
.selectedGroupdivcls .tagremovecls svg {
    width: 12px;
    height: 12px;
}
.datefieldicon {
    position: absolute;
    z-index: 5;
    top: 46%;
    right: 8px;
    transform: translateY(-50%);
    width: 16px;
}
.relateeTolistOuterdivcls .memberListUlHeightcls {
    max-height: 200px;
    overflow-y: auto;
}
.relateeTolistOuterdivcls .memberListDrpdwncls li {
    cursor: pointer;
    margin-bottom: 7px;
}
.morefilterMemAddedcls {
    padding-bottom: 10px;
}
.membersAddedNamecls {
    background: rgba(61, 179, 137, 0.1);
}
.taskDetailsModalcls .modal-body {
    padding: 0;
}
.taskDetailModalBodycls {
    background: #ffffff;
}
.taskDetailModalBodyLeftcls {
    width: calc(100% - 350px);
    float: left;
    min-height: 300px;
    padding: 10px;
}
.taskDetailModalBodyRightcls {
    border-left: 1px solid #e8e8e8;
    width: 350px;
    float: left;
    padding: 10px;
    min-height: 300px;
}
.taskDetailColTopHDcls .taskH3Textcls {
    font-size: 16px;
}
.squareRnavpillscls .nav-link {
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 12px;
    background: #f7f7f7;
    color: #535353;
    margin-right: 8px;
}
.projectNotFounddivcls {
    text-align: center;
}
.projectNotFounddivcls img {
    max-width: 240px;
    margin-bottom: 10px;
}
.projectNotFounddivcls h4 {
    font-size: 20px;
    margin-bottom: 5px;
    color: #000;
}
.projectNotFounddivcls p {
    color: #464646;
    margin-bottom: 18px;
}
.newprojectbtncls {
    border: 1px solid #aeaeae;
    border-radius: 4px;
    color: #292929;
    background: #fff;
    font-size: 14px;
    padding: 4px 15px;
}
.newprojectbtncls svg {
    width: 16px;
    height: 16px;
}
.addtaskformdivcls {
    /*
    position: absolute;
    left: 0;
    top: 0;
    */
    z-index: 2;
    width: 100%;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    padding: 10px;
    display: none;
    margin-top: 1rem;
}
.columnaddtaskdivcls {
    display: none;
    margin-bottom: 12px;
}
.columnaddtaskdivcls .addtaskformdivcls {
    position: inherit;
    display: block;
}
.addtaskformdivcls .colorChangelistdivcls {
    border-bottom: none;
    padding-top: 10px;
}
.addtaskformBtndivcls {
    text-align: right;
}
.taskLabelSvgIconOutercls {
    margin-right: 8px;
}
.addtaskformBtnRightdivcls .talCancelBtn, .addtaskformBtnRightdivcls .talOrangebtncls {
    min-width: auto;
    padding: 5px 15px;
    height: auto;
    text-transform: none;
    font-size: 12px;
    font-weight: normal;
    margin-left: 6px;
    margin-right: 0;
    display: inline-block;
}
.kbMainTaskOuterdivcls {
    width: 100%;
    float: left;
    position: relative;
}
.columnaddtaskdivcls {
    position: relative;
    width: 100%;
    float: left;
}
.columnaddtaskdivcls textarea.form-control {
    border: none;
    padding: 0;
    height: 52px;
    resize: none;
    margin-bottom: 12px;
}
.taskLabelSvgIconcls {
    border: none;
    background: none;
    padding: 0 !important;
    margin-left: 0 !important;
    margin-right: 8px;
}
.taskLabelSvgIconOutercls .taskLabelSvgIconcls {
    margin-left: 0;
    margin-right: 0;
}
.taskLabelSvgIconcls svg {
    width: 12px;
    height: 14px;
}
.taskLbSvgIconStrokeActive svg path, .taskLbSvgIconStrokeActive svg circle, .taskLbSvgIconStrokeActive svg line {
    stroke: #36b48a;
}
.taskLbSvgIconFillActive svg path {
    fill: #36b48a;
}
.priorityFlagstatus {
    margin-right: 7px;
}
.priorityFlagstatus svg{
    width: 12px;
}

.priorityUrgentStatus svg path {
    fill: #eb5757;
}
.priorityHighStatus svg path {
    fill: #f2994a;
}
.priorityNormalStatus svg path {
    fill: #56ccf2;
}
.priorityLowStatus svg path {
    fill: #bdbdbd;
}
.squareRnavpillscls {
    padding-top: 20px;
}
.squareRnavpillscls .nav-link.active, .squareRnavpillscls .show>.nav-link {
    color: #fff;
    background-color: #3db389;
}
.treeViewTabOuterdivcls {
    background: #fff;
    padding: 12px 15px 15px;
    border-radius: 5px;
}
.treeViewMainTaskDcls li {
    list-style: none;
    position: relative;
}
.treeViewMainTaskDcls > ul > li {
    padding-left: 30px;
    margin-bottom: 10px;
}
.expandTreeVviewSpantag {
    background: #fff;
    width: 16px;
    height: 16px;
    border: 1px solid #898989;
    line-height: 10px;
    text-align: center;
    font-size: 16px;
    color: #898989;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 7px;
    margin-left: -31px;
    margin-right: 15px;
    position: relative;
    z-index: 2;
}
.expandTreeVviewSpantag i.fa {
    font-size: 10px;
}
.expandTreeVviewSpantagActive .fa-plus:before {
    content: "\f068";
}
.treeViewMainTaskDcls li .taskReminderLabeldivcls {
    padding-top: 0;
}
.treeViewMainTaskDcls li .spantaskIDtextcls {
    line-height: 28px;
}
.treeViewMainTaskDcls > ul > li > ul > li {
    margin-top: 12px;
}
.treeViewMainTaskDcls > ul > li > ul > li::after {
    content: "";
    position: absolute;
    left: -25px;
    top: -26px;
    z-index: 1;
    border-left: 1px solid #b6b6b6;
    border-bottom: 1px solid #b6b6b6;
    height: 40px;
    width: 25px;
    border-radius: 4px 4px 0 4px;
}
.treeViewMainTaskDcls > ul > li > ul > li:first-child:after {
    border-radius: 0 4px;
}
.subTreeViewTaskTgledivcls {
    position: relative;
    padding-top: 12px;
}
.subTreeViewTaskTgledivcls::after {
    content: "";
    position: absolute;
    left: -25px;
    top: -14px;
    z-index: 1;
    border-left: 1px solid #b6b6b6;
    border-bottom: 1px solid #b6b6b6;
    height: 43px;
    width: 25px;
    border-radius: 0 4px;
}
.subTreeViewTaskTgledivcls .subTaskSvgToggleBtncls {
    width: auto;
}
.commonDetailtabOuterRowcls {
    margin-top: 15px;
}
.commonDetailtabHeadingcls {
    margin-bottom: 15px;
}
.commonDetailtabOuterRowcls .performancefillBarcls {
    margin-top: 0;
    margin-bottom: 15px;
    float: none;
    padding-right: 15px;
}
.commonDetailtabHeadingcls h5 {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
    color: #363636;
    padding-left: 5px;
}
.taskStatusDropdowncls {
    padding-top: 2px;
    padding-bottom: 2px;
}
.commonDetailtabTaskListcls .btaskStatusTextcls {
    font-size: 12px;
}
.smSortByBtncls {
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    font-size: 12px;
    font-weight: normal;
    color: #4f4f4f;
    background: #fff;
    padding: 1px 20px 1px 10px;
}
.smSortByBtncls::after {
    background: none;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid #828282;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    position: absolute;
    right: 8px;
    margin-top: 7px;
    font-size: 14px;
}
.smSortByuldrpdwncls .dropdown-item {
    font-size: 12px;
    line-height: 14px;
}
.commonDetailtabHeadingcls .greenCircleAddBtncls {
    width: 20px;
    height: 20px;
    margin-top: 3px;
}
.taskAttachListRowdivcls .commonAttachUploadedcls {
    height: 42px;
    padding: 8px;
}
.taskAttachListRowdivcls .commonAttachUploadedTextcls {
    margin-top: -2px;
    width: calc(100% - 128px);
}
.taskAttachListRowdivcls .commonAttachPrevBtncls {
    width: 100px;
}
.taskAttachListRowdivcls .commonAttachUploadedTextcls h5 {
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 0;
}
.taskAttachListRowdivcls .commonAttachUploadedTextcls span {
    font-size: 11px;
}
.taskAttachListRowdivcls .commonAttachIconcls {
    width: 28px;
    padding-right: 8px;
}
.taskAttachListRowdivcls .commonAttachIconcls .spanappendiconcls {
    font-size: 24px;
}
.taskAttachListRowdivcls .commonAttachPrevBtncls {
    padding-top: 0;
}
.smsquareRadiusBtncls {
    background: #fff;
    border: 1px solid #bdbdbd;
    border-radius: 4px;
    width: 22px;
    height: 22px;
    margin-left: 8px;
    line-height: 12px;
}
.smsquareRadiusBtncls svg {
    width: 12px;
    height: 12px;
}
.commonDetailtabTaskListcls .taskH3Textcls {
    font-size: 12px;
    padding-left: 8px;
    cursor: auto;
}
.commonDetailtabTaskListcls .taskasgnUserSpantag {
    width: 22px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
}
.taskDparaTextcls {
    max-height: 250px;
    overflow-y: auto;
}
.taskDparaTextcls::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: #d2d2d2;
    border-radius: 20px;
    cursor: pointer;
}
.taskDparaTextcls::-webkit-scrollbar-thumb {
    background: #979797;
    border-radius: 20px;
    cursor: pointer;
}
.taskDparaTextcls p {
    font-size: 12px;
}
.taskDparaTextcls ol, .taskDparaTextcls ul {
    margin-left: 25px;
}
.taskDparaTextcls ol li, .taskDparaTextcls ul li {
    font-size: 12px;
}
.commonDetailtabTaskListcls {
    box-shadow: 0 4px 20px rgb(0 0 0 / 7%);
    border: 1px solid #dedede;
    border-radius: 5px;
    background: #ffffff;
}
.commonDetailtabTaskListcls > ul > li {
    padding: 5px 10px;
    border-bottom: 1px solid #dedede;
}
.commonAddtabTasklistcls {
    padding: 5px 10px;
    display: flex;
}
.commonAddtabTasklistinput {
    width: 100%;
}
.commonAddtabTasklistinput .form-control {
    padding: 3px 10px;
    border-radius: 0 !important;
    border: none;
}
.commonAddtabTasklistinput .form-control:focus {
    box-shadow: none;
}
.addTaskRowBtncls {
    background: #f2994a;
    border-color: #f2994a;
}
.commonDetailtabTaskListcls .memberAddBtncls {
    width: 24px;
    height: 24px;
    line-height: 12px;
}
.commonDetailtabTaskListcls .memberAddBtncls svg {
    width: 14px;
    height: 14px;
}
.cancelAddTaskRowBtncls svg, .addTaskRowBtncls svg {
    width: 14px;
    height: 14px;
}
.commonCircleTickradiocls {
    position: relative;
}
.commonCircleTickradiocls input[type="checkbox"] {
    visibility: hidden;
}
.commonCircleTickradiocls label {
    background-color: #fff;
    border: 1px solid #707070;
    border-radius: 50%;
    cursor: pointer;
    width: 16px;
    height: 16px;
    left: 0;
    position: absolute;
    top: 5px;
}
.commonCircleTickradiocls label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 5px;
    left: 3px;
    opacity: 0;
    position: absolute;
    top: 3px;
    transform: rotate(-45deg);
    width: 8px;
}
.commonCircleTickradiocls input[type="checkbox"]:checked+label {
    background-color: #3DB389;
    border-color: #3DB389;
}
.commonCircleTickradiocls input[type="checkbox"]:checked+label:after {
    opacity: 1;
}
.smSortByBtn50radius {
    border-radius: 50px;
}
.commonTaskDActionrowEvent .smSortByTask-dropdown {
    display: inline-block;
}
.commonTaskDActionrowLabel {
    margin-bottom: 8px;
    line-height: 16px;
}
.actionLabelSpantagcls {
    font-size: 12px;
    font-weight: 400;
    color: #4f4f4f;
}
.commonTaskDActionrowLabel svg {
    width: 12px;
    height: 12px;
    margin-right: 2px;
}
.commonTaskDActionrowEvent .membersAddedNamecls {
    background: #fff;
}
.commonTaskDActionrowcls {
    margin-bottom: 18px;
}
.commonDetailtabTaskListcls > ul > li {
    list-style: none;
}
.circleDropdownTOutercls {
    display: inline-block;
    margin-left: 6px;
}
.dropdownfontSize12px li {
    font-size: 12px;
    list-style: none;
    line-height: 10px;
    margin-bottom: 5px;
}
.remindformedivcls {
    border-top: 1px solid #d6d6d6;
    padding-top: 8px;
    margin-top: 10px;
}
.remindformedivcls .smtalOrangebtncls {
    margin-left: 0;
}
.dropdown-menu.card-options li a.dropdown-item:active {
    color: #212529;
}
.dropdown-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--bs-dropdown-header-padding-y) .2rem;
}
.remindformedivcls h5 {
    font-size: 12px;
    display: block;
    margin-bottom: 6px;
    font-weight: 400;
    color: #363636;
}
.remindformedivcls label {
    font-size: 12px;
    display: block;
    margin-bottom: 2px;
}
.remindformedivcls .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 12px;
}
.remindformedivcls .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 26px;
    padding: 0 25px 0 10px;
}
.remindformedivcls .customselect2stylecls .select2-container--default .select2-selection--single {
    height: 28px;
    line-height: 28px;
}
.taskCommentsAppendTextcls{
    flex: 1 0 0;
}
.taskCommentsAppendTextcls h5 {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 2px;
    color: #292929;
}
.taskCommentsAppendTextcls strong {
    font-size: 11px;
    display: block;
    color: #838383;
    font-weight: 400;
    margin-bottom: 5px;
}
.taskCommentsAppendTextcls p {
    font-size: 12px;
    color: #303030;
    margin-bottom: 12px;
}
.taskCommentsAppendcls, .taskCommentsReplyStatuscls {
    margin-bottom: 1rem;
    border-bottom: 1px solid #ffffff;
}
.taskCommentsReplyStatuscls {
    padding-left: 34px;
}
.taskCommentsReplyBtndivcls {
    padding-left: 34px;
}
.taskCommentsReplyBtndivcls {
    padding-left: 34px;
    margin-bottom: 15px;
}
.taskCommentsReplyBtncls {
    border: none;
    background: none;
    color: #3db389;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
}
.spanuserGrayColor {
    background: #e9e9e9;
    color: #7c7c7c;
}
.spanuserlightBlueColor {
    background: #56ccf2;
    color: #fff;
}
.spanuserPurpleColor {
    background: #bb6bd9;
    color: #fff;
}
.spanuserOrangeColor {
    background: #f2994a;
    color: #fff;
}
.smBorderNoneBtncls {
    border: none;
    width: auto;
    height: auto;
}
.labelDropdownHeadingcls .task-close {
    border: none;
    padding: 0 !important;
}
.labelDropdownHeadingcls .task-close svg {
    width: 16px;
    height: 16px;
}
.dropdownWidthUlcls {
    width: 300px;
}
.labelDropdownHeadingcls {
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
.labelDropdownHeadingcls h5 {
    font-size: 14px;
    font-weight: 400;
    color: #292929;
}
.taskLabelwithCheckboxcls .form-check {
    margin-bottom: 0;
    min-height: auto;
    line-height: 18px;
}
.labelRoundspantagcls {
    background: #e2e2e2;
    display: inline-block;
    border-radius: 50px;
    padding: 0 15px;
    font-size: 12px !important;
}
.labelRoundspantagGreencls {
    background: #27ae60;
    color: #fff !important;
}
.labelRoundspantagPurplecls {
    background: #9b51e0;
    color: #fff !important;
}
.labelRoundspantagYellowcls {
    background: #f2c94c;
    color: #fff !important;
}
.taskLabelwithCheckboxcls li {
    margin-bottom: 10px;
    list-style: none;
}
.labelCreateNewbtndivcls {
    border-top: 1px solid #e5e5e5;
    padding-top: 8px;
}
.labelCreateNewBtncls {
    border: 1px solid #27ae60;
    font-size: 12px;
    background: #fff;
    border-radius: 50px;
    padding: 4px 14px 4px 10px;
    color: #27ae60;
    display: block;
    width: 100%;
}
.labelCreateNewBtncls svg {
    width: 16px;
    height: 16px;
}
.smtalCancelBtn {
    min-width: auto;
    padding: 5px 15px;
    height: auto;
    text-transform: none;
    font-size: 12px;
    font-weight: normal;
    margin-left: 5px;
    display: inline-block;
    align-items: center;
    justify-content: center;
    border: 1px solid #E0E0E0;
    background: #FFFFFF;
    border-radius: 5px;
    color: #828282;
}
.smtalOrangebtncls {
    min-width: auto;
    padding: 5px 15px;
    height: auto;
    text-transform: none;
    font-size: 12px;
    font-weight: normal;
    margin-left: 5px;
    display: inline-block;
    border: 1px solid #F2994A;
    background: #F2994A;
    border-radius: 5px;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.smtalOrangebtncls:hover {
    color: #fff !important;
}
.smtalGreenbtncls {
    min-width: auto;
    padding: 5px 15px;
    height: auto;
    text-transform: none;
    font-size: 12px;
    font-weight: normal;
    margin-left: 5px;
    display: inline-block;
    border: 1px solid #3db98d;
    background: #3db98d;
    border-radius: 5px;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.smtalGreenbtncls:hover {
    color: #fff !important;
}
.taskCreateLabelformbodycls .form-control {
    font-size: 12px;
    height: 30px;
}
.smallSelect2formcls .select2-container--default .select2-selection--single {
    height: 28px;
    line-height: 28px;
}
.smallSelect2formcls .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 26px;
    padding: 0 25px 0 10px;
    font-size: 12px;
}
.smallSelect2formcls .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999;
    font-size: 12px;
}
.backdropdownspanbtncls {
    display: inline-block;
    cursor: pointer;
    line-height: 16px !important;
    margin-right: 5px;
}
.backdropdownspanbtncls svg {
    width: 16px;
    height: 16px;
}
.taskLabelappend_divcls {
    display: inline-block;
}
.taskLabelappend_divcls .labelRoundspantagcls {
    padding: 3px 12px;
}
.removetaskLabelSvgcls {
    display: inline-block;
    margin-left: 3px;
    cursor: pointer;
}
.removetaskLabelSvgcls svg {
    width: 12px;
    height: 12px;
}
.flagLabelBtagcls {
    font-size: 12px;
    font-weight: normal;
    cursor: pointer;
}
.flagLabelBtagSelectedcls {
    color: #218662;
}
.taskLabelwithCheckboxcls .priorityFlagstatus {
    line-height: 10px;
}
.taskLabelwithCheckboxcls .priorityFlagstatus svg {
    width: 12px;
    height: 12px;
}
.flagPriorityappencls {
    margin-right: 10px;
}
.flagPriorityappencls .priorityFlagstatus {
    margin-right: 2px;
}
.flagPriorityappencls .priorityFlagstatus svg {
    width: 12px;
    height: 12px;
}
.taskCommentTextAreaOuter {
    width: 100%;
    padding-left: 8px;
}
.taskCmtTextAreaSquarecls {
    width: 100%;
    border: 1px solid #cfcfcf;
    border-radius: 4px;
    background: #ffffff;
}
.taskCmtTextAreaSquarecls .form-control {
    border: none;
    height: 30px;
    background: #ffffff;
    width: 90%;
    float: left;
}
.taskCmtTextAreaSquarecls .form-control:focus{
    box-shadow: none;
}
.taskCommentSubmitbtn {
    border: none;
    padding: 2px 8px;
    background: #ffffff;
    float: right;
    line-height: 26px;
}
.taskCommentSubmitbtn svg {
    width: 20px;
    height: 20px;
}
.replyCommentdivcls {
    padding-left: 34px;
}
.mainTaskCommentdivcls {
    position: relative;
    min-height: 212px;
}
.mainTaskCommentdivcls .taskCommentTextareadivcls {
    position: absolute;
    width: 100%;
    bottom: 0;
}
.cardDefaultSizestylecls {
    padding-bottom: 15px;
}
.cardDefaultSizestylecls .company-avatar-image {
    width: 24px;
    height: 24px;
    border-radius: 100%;
}
.cardDefaultSizestylecls .job-detail .post-name {
    font-size: 14px;
}
.groupTypeBtmdetailcls {
    border-top: 1px solid #d2d2d2;
    padding-top: 12px;
    margin-top: 12px;
}
.greySpanBgTextcls {
    background: #f2f2f2;
    display: inline-block;
    font-size: 12px;
    color: #2b2b2b;
    border-radius: 50px;
    padding: 2px 10px;
    margin-left: 5px;
}
.interviewoutertabtablecls tbody td .greySpanBgTextcls {
    margin-left: 5px;
}
.orangeDropdownBtncls {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    border: none;
    background: #f2994a;
    height: 35px;
    border-radius: 5px;
    padding: 0 15px;
    min-width: 120px;
    position: relative;
    text-align: left;
    text-transform: uppercase;
}
.orangeDropdownBtncls::after {
    background: none;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid #fff;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    position: absolute;
    right: 8px;
    margin-top: 8px;
    font-size: 14px;
}
.orangeDropdownBtncls svg {
    width: 16px;
    height: 16px;
    position: relative;
    top: -1px;
    margin-right: 5px;
}
.orangeDropdownUllistcls li {
    font-size: 14px;
    line-height: 12px;
    margin-bottom: 8px;
}
.addSubgroupModalBtncls {
    min-width: 120px;
    justify-content: center;
    width: auto;
}
.addSubgroupModalBtncls img {
    width: 18px;
    height: 18px;
    position: relative;
    top: -1px;
}
.submenuArrowSvgcls {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 5px;
}
.submenuPaddingcls .colorChangelistdivcls {
    padding-left: 10px;
    padding-right: 10px;
}
.headingEditdrpdwncls > li {
    padding-left: 10px;
    padding-right: 10px;
}
.whitekbCollsRghtHdcls .smsquareRadiusBtncls {
    width: 18px;
    height: 18px;
    line-height: 10px;
}
.whitekbCollsRghtHdcls .smsquareRadiusBtncls span {
    display: inline-block;
}
.whitekbCollsRghtHdcls .smsquareRadiusBtncls:hover {
    background: #F2994A;
    border-color: #F2994A;
}
.whitekbCollsRghtHdcls .smsquareRadiusBtncls:hover svg path {
    fill: #fff;
}
.whitekbCollsRghtHdcls .editTasknamebtncls:hover svg path {
    fill: none;
    stroke: #fff;
}
.smsquareBtnOuterdivcls {
    display: inline-block;
}
.calenderMegaDropdowncls {
    padding: 0;
    padding-bottom: 5px;

}
.customCalenderdivcls {
    width: 308px;
    float: left;
}
.flatpickerInline .flatpickr-calendar,
.customCalenderdivcls .flatpickr-calendar {
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.calenderRightDetaildivcls {
    float: right;
    width: 220px;
    padding-left: 10px;
    padding-right: 15px;
    padding-top: 10px;
    border-top: 1px solid #cecece;
}
.calenderActionformdivcls {
    height: 100%;
    position: relative;
}
.select2Fontsize12pxcls .select2-container--default .select2-selection--single, .calenderActionformdivcls label.formtext-1 {
    font-size: 12px;
}
.weekendsWorkRowdivcls .defaultswitchtogglebtn {
    top: 8px;
    float: right;
}
.calenderApplyBtndivcls {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
}
.calenderApplyBtndivcls .talOrangebtncls {
    width: 100%;
    height: 34px;
    margin: 0;
}
.taskDateAppend_divcls {
    display: inline-block;
}
.taskDateAppendSpantag {
    background-color: rgba(var(--primary-green-color-rgb), var(--opacity-3));
    font-size: 12px !important;
    color: #4f4f4f !important;
    /* display: inline-block;
    background: #fff;
    border-radius: 50px;
    padding: 4px 10px 4px 10px;
    margin-right: 5px;
    font-size: 12px; */
}
.taskDateAppendSpantag b {
    font-weight: normal;
}
.removeAppenTextbtncls {
    border: none;
    background: none;
    height: 16px;
    position: relative;
    top: -1px;
    margin-left: 4px;
}
.removeAppenTextbtncls svg {
    width: 14px;
    height: 14px;
}
.sideOverlayslidedivcls {
    position: fixed;
    max-width: 550px;
    background: #fff;
    height: calc(100vh - 80px);
    z-index: 101;
    right: -550px;
    bottom: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.sideOverlayBackdrop {
    background: #000;
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    opacity: .4;
    display: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.sideOverlayslideOpencls {
    right: 0;
}
.sideOverlayBackdropOpencls {
    display: block;
}
.bodyScrollHiddencls {
    overflow: hidden;
}
.sideOverlayBodycls {
    height: calc(100vh - 190px);
    overflow-y: auto;
}
.sideOverlayFootercls {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 15px;
}
.sideOverlayHeadingcls .modal-header {
    border-bottom: 1px solid #e4e4e4;
    height: 52px;
}
.projectSettingFormcls {
    padding: 10px 15px;
}
.commonTaskDActionrowLabel .memberAddBtncls {
    width: 20px;
    height: 20px;
    line-height: 12px;
}
.commonTaskDActionrowLabel .memberAddBtncls svg {
    height: 12px;
    width: 12px;
    margin-right: 0;
}
.whitekbColflexOuterdivcls {
    position: relative;
    z-index: 98;
}
.taskLabelSvgIconOutercls .greenCircleAddBtncls {
    width: 24px;
    height: 24px;
    padding: 0;
}
.taskLabelSvgIconOutercls .memberListDrpdwncls .form-control.search-input {
    padding: 0.375rem 0.75rem;
}
.timeZonedropdowndivcls label.formtext-1 {
    font-size: 12px;
}
.timeZoneBtndivcls {
    padding-top: 25px;
}
.cleaUploadBtndivcls .smtalCancelBtn {
    padding: 2px 10px;
    color: #525252;
}
.cleaUploadBtndivcls {
    padding-top: 8px;
}
.taskMoveModalcls .modal-body {
    max-height: 400px;
    overflow-y: auto;
}
.taskMoveListUlcls li {
    list-style: none;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    padding: 6px 10px;
    margin-top: 15px;
}
.taskMoveListUlcls li:first-child {
    margin-top: 0;
}
.taskMoveListUlcls li .form-check input[type="radio"], .taskMoveListUlcls li .form-check input[type="checkbox"] {
    cursor: pointer;
}
.projectLabelSpantagcls {
    display: block;
    font-size: 12px;
    color: #545454;
    font-weight: 400;
}
.projectTitleStrongtagcls {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #3db389;
}
.taskChangeLocationModalcls .modal-body {
    max-height: 400px;
    overflow-y: auto;
}
.tasklocationListUlcls li {
    list-style: none;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    padding: 6px 10px;
    margin-top: 15px;
    cursor: pointer;
}
.tasklocationListUlcls li:first-child {
    margin-top: 0;
}
.taskChangeLocInsidelistcls li {
    list-style: none;
}
.taskChangeLocInnerListcls .dropdown-search {
    border: 1px solid #b7b7b7;
    height: 32px;
    margin-bottom: 10px;
}
.taskChangeLocInsidelistcls li {
    list-style: none;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    padding: 6px 10px;
    cursor: pointer;
    font-size: 14px;
    color: #272727;
    line-height: 20px;
    margin-top: 10px;
}
.taskChangeLocInsidelistcls li:first-child {
    margin-top: 0;
}
.taskChangeLocInsidelistcls li svg {
    width: 16px;
    height: 16px;
    margin-right: 3px;
}
.taskChangeLocationModalcls .backdropdownspanbtncls svg {
    width: 20px;
    height: 20px;
}
.shortMeetingLInfocls .meetingdateinfocls {
    font-size: 12px;
    font-weight: 400;
    color: #7f7f7f;
}
.meetingTableDatacls {
    width: 100%;
}
.meetingTableDatacls thead th {
    font-size: 12px;
    color: #232323;
    font-weight: 400;
    background: #e7f3ef;
    border: 1px solid #cecece;
    padding: 5px 10px;
}
.meetingTableDatacls tbody td {
    font-size: 12px;
    color: #232323;
    font-weight: normal;
    background: #fff;
    border: 1px solid #cecece;
    padding: 5px 10px;
}
.checklistAppend_Leftdivcls {
    width: calc(100% - 100px);
    float: left;
}
.checklistAppend_Rightdivcls {
    text-align: right;
    width: 100px;
    float: left;
}
.radiocheckListRowdivcls .commonDetailtabTaskListcls > ul > li {
    width: 100%;
    float: left;
}
.radiocheckListRowdivcls .commonCircleTickradiocls, .commonDetailtabTaskListcls .taskH3Textcls {
    display: inline-block;
}
.checklistEdit_divcls .commonCircleTickradiocls {
    float: left;
    margin-right: 10px;
}
.checklistEdit_divcls .editInputBordernonecls {
    width: calc(100% - 50px);
    float: left;
    border: none;
    padding: 3px 10px 3px 3px;
    border-radius: 0 !important;
}
.applyCancelBtndivcls .btn {
    height: 34px;
}
.btnSvgfillhovercls:hover {
    background: #F2994A;
    border-color: #F2994A;
    color: #fff;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.btnSvgfillhovercls:hover svg path {
    fill: #fff;
}
.btnSvgStrokehovercls:hover {
    background: #F2994A;
    border-color: #F2994A;
    color: #fff;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.btnSvgStrokehovercls:hover svg path {
    stroke: #fff;
}
.commonTaskDActionrowLabel .memberListrightDetails .greenCircleAddBtncls svg {
    width: 16px;
    height: 16px;
    margin-right: 0;
}
.inputProgressdivcls .form-control {
    width: 100px;
    display: inline-block;
    height: 22px;
    font-size: 12px;
    padding: 0 10px;
}
.inputProgressdivcls .smsquareRadiusBtncls {
    margin-left: -5px;
}
.shortMeetingInfocls {
    margin-bottom: 10px;
}
.dividerborderdivcls {
    border-top: 1px solid #d3d3d3;
    margin: 20px 0 10px;
}
.selectRadius50pxcls {
    width: 100%;
    border-radius: 50px;
    text-align: left;
    position: relative;
}
.meetingTableDatacls tbody td .memberAddBtndivcls {
    margin-left: 0;
    display: block;
}
.smDatepickercls .form-control {
    background: #fff;
    font-size: 12px;
    height: 22px;
    border-radius: 50px !important;
}
.smDatepickercls .calenderSvg {
    width: 12px;
}
.addtableRowBtncls {
    border: 1px solid #3db389;
    background: #fff;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    cursor: pointer;
    line-height: 16px;
    text-align: center;
}
.addtableRowBtncls svg {
    width: 12px;
    height: 12px;
}
.removetableRowBtncls {
    border: 1px solid #ff4242;
    background: #fff;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    cursor: pointer;
    line-height: 16px;
    text-align: center;
}
.removetableRowBtncls svg {
    width: 12px;
    height: 12px;
}
.smform-fields {
    height: 22px;
    font-size: 12px !important;
    padding: 0 10px;
}
.meetingBtndivcls {
    padding-top: 15px;
}
.meetingBtndivcls .talOrangebtncls, .meetingBtndivcls .talCancelBtn {
    height: 30px;
    font-size: 12px;
    min-width: 100px;
}
.attachFileBtndivcls .defaultSquareRBtncls {
    height: 30px;
    color: #2c2c2c;
}
.kbSubTaskpositionAuto {
    position: initial;
    width: 100%;
    left: 0;
    bottom: 0;
}
.paraEditTextBtncls {
    border: none;
    background: none;
    color: #3db389;
    font-size: 14px;
    font-weight: 400;
}
.calendarShadowNonecls .flatpickr-calendar {
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.calendarInHeightdivcls {
    height: 380px;
}
.dropdownBottomBtndivcls {
    padding: 0 10px;
}
.calenderActionformdivcls .dropdownBottomBtndivcls {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
    padding: 0;
}
.composeToinputfielddivcls {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}
.composeToTextdivcls {
    width: 120px;
    float: left;
    padding-top: 8px;
    font-size: 14px;
}
.composeToInputdivcls {
    width: calc(100% - 120px);
    float: left;
}
.composeToInputdivcls .form-control, .composeSubjectInputdivcls .form-control {
    font-size: 14px;
    height: 30px;
}
.updateTaskproappdivlcs {
    display: block;
}
.updateTaskproappdivlcs .performancefillBarcls {
    width: calc(100% - 60px);
    float: left;
}
.progressPercentageTagcls {
    width: 60px;
    font-size: 12px;
    font-weight: 400;
    color: #525252;
    text-align: left;
    padding-left: 15px;
    float: left;
}
.badgeBtagcountcls {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: #f2994a;
    color: #fff;
    line-height: 16px;
    border-radius: 100%;
    font-size: 9px;
    font-weight: 400;
    position: absolute;
    right: -7px;
    top: -8px;
    text-align: center;
}
.taskOnlySvgIconbtncls .badgeBtagcountcls {
    top: -4px;
    right: -5px;
}
.chatModalPositiondivcls .talTask_chatcls {
    position: relative;
    width: 100%;
    right: 0;
    top: 0;
}
.tal_BtmInputbtncls {
    margin-right: 2px;
}
.tal_BtmInputbtncls svg {
    width: 20px;
}
.taskHdEditSecdivcls {
    padding-left: 12px;
}
.taskHdEditSecdivcls .form-control {
    height: 30px;
    width: calc(100% - 100px);
    float: left;
}
.taskHdEditSecdivcls .smsquareRadiusBtncls {
    height: 29px;
    width: 29px;
}
.emailSuggestionoverlaycls {
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    padding-bottom: 0;
    position: absolute;
    left: 0;
    top: 32px;
    width: 100%;
    z-index: 99;
}
.emailSuggestionoverlaycls .memberListDrpdwncls li {
    cursor: pointer;
}
.withOutBorderattachcls {
    border: none;
    padding: 0;
    height: auto;
}
.withOutBorderattachcls .commonAttachIconcls .spanappendiconcls {
    font-size: 22px;
    line-height: 30px;
}
.withOutBorderattachcls .commonAttachIconcls {
    width: 26px;
}
.withOutBorderattachcls .commonAttachUploadedTextcls {
    width: calc(100% - 50px);
}
.withOutBorderattachcls .commonAttachUploadedTextcls h5 {
    margin-bottom: 0;
    line-height: 14px;
}
.beforeArrowNonecls .dropdown-toggle::before, .afterArrowNonecls .dropdown-toggle::after {
    display: none;
}
.remindOndropdowncls .form-check {
    margin-bottom: 0;
    padding-bottom: 0;
    min-height: auto;
}
.remindOndropdowncls .form-check-label {
    font-size: 12px;
    list-style: none;
    line-height: 18px;
    cursor: pointer;
    width: 100%;
}
.remindOndropdowncls a.dropdown-item {
    padding: .25rem .5rem!important;
}
.remindOndropdowncls .form-check{
    flex-grow: 1;
}
.remindformedivcls .form-check-input {
    width: 12px;
    height: 12px;
}
.customMemberListDrpdivcls .dropdownBottomBtndivcls {
    padding: 10px 0 15px;
}
.boardbreadcrumbdivcls .modalBreadcrumbdivcls {
    background: none;
    padding: 0;
    padding-left: 12px;
}
.modalBreadcrumbdivcls::after {
    display: none;
}
.boardbreadcrumbdivcls .modalBreadcrumbdivcls .breadcrumb-item a {
    color: #3db389 !important;
}

.subTaskdivcls {
    display: grid;
    gap: .5rem;
    padding-block: .5rem;
    max-height: 200px;

    /*
    overflow-y: auto;
    margin-left: -10px;
    margin-right: -10px;
    padding: 2px 10px 0;
    margin-top: 10px;*/
}

.subTaskdivcls .taskIDdivcls .spantaskIDtextcls {
    width: 59px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.subTaskInnerdivcls {
    width: calc(100% - 10px);
    margin-inline: auto;
    background: #fff;
    padding: 5px 10px;
    -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 0 5px 0 rgb(0 0 0 / 15%);
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 15%);
    border-radius: 6px;
    margin-bottom: .5rem;
}
.subTaskInnerdivcls .taskH3Textcls {
    font-weight: normal;
}
.subTaskSvgToggleBtncls.subTaskSvgBtnactive i.fa {
    transform: rotate(-180deg);
}
.dashBoardFooter {
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    background: #f5f5f5;
    -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 0 5px 0 rgb(0 0 0 / 15%);
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 15%);
    z-index: 1;
    padding: 5px;
    padding-left: 85px;
}
.dashBoardFooter img {
    width: 50px;
}
.dashBoardFooter span {
    font-size: 11px;
    color: #5f5f5f;
    margin-left: 10px;
}
/*
.main-container main {
    margin-bottom: 28px !important;
}
 end task management */

/* start flatpickr style */
.flatpickr-day{
    border-radius: .375rem;
}
.flatpickr-days .dayContainer{
    row-gap:5px
}
.flatpickr-day {
    font-size: 12px;
}
.flatpickr-current-month {
    font-size: 14px;
}
.flatpickr-current-month .flatpickr-monthDropdown-months, .flatpickr-current-month input.cur-year {
    font-weight: 400;
}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
    background: #3db389;
    border-color: #3db389;
    color: #fff;
}
.flatpickr-day.today {
    background: var(--tal-gray-200);
    border-color: var(--tal-gray-200);
    color: var(--tal-black);
    transition: all .3s;
}
span.flatpickr-weekday {
    font-weight: 400;
}
.flatpickr-calendar.hasTime .flatpickr-time {
    height: 40px;
    border-top: none;
    background: #fff;
    margin-top: 0;
    border-radius: .375rem;
}
.flatpickr-time input{
    transition: all .3s ease;
    border-radius: calc(.375rem - 1px);
    appearance: none;
}
.flatpickr-time input:focus{
    background: var(--primary-green-color);
    color: #fafafa;
}
/* end flatpickr style */

/* start row-flex */
.row-flex {
    display: flex;
    flex-wrap: wrap;
}
.row-flex > div[class*="col-"] {
    margin-bottom: 20px;
}
.row-flex > div[class*="col-"] > div {
    min-height: 100%;
    height: 100%;
    margin-bottom: 0;
}
.row.gx-3.gy-3.row-flex > div[class*="col-"] {
    margin-bottom: 0;
}
/* end row-flex */
.job-box {
    min-height: auto;
}
/* start Job Order */
.jobOrderListpagecls .interviewoutertabdivcls .row-flex > div[class*="col-"] {
    margin-bottom: 0;
}
.grayTextcls {
    font-size: 14px;
    color: #4f4f4f;
}
.commonWhiteBoxdivcls {
    background: #fff;
    border-radius: 5px;
    padding: 15px 20px;
    margin-top: 10px;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 1%);
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 1%);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.0.01);
}
.commonNavCircletabcls {
    border: none;
    width: 98%;
    margin: 0 auto;
}
.commonNavCircletabcls .nav-item {
    width: calc(100% / 8);
    text-align: center;
}
.commonNavCircletabcls .nav-link {
    padding: 0;
    font-size: 12px;
    font-weight: 400;
    color: #838383;
    border: none;
    position: relative;
    padding-bottom: 10px;
    display: block;
    width: 100%;
    pointer-events: none;
}
.commonNavCircletabcls .nav-link::before {
    content: "";
    width: 100%;
    height: 4px;
    background: #c2cfeb;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 0;
    transition: all 0.5s ease;
    border-radius: 10px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.commonNavCircletabcls .nav-link span {
    display: inline-block;
    width: 52px;
    height: 52px;
    background: #fff;
    position: absolute;
    top: -25px;
    left: 45%;
    border: 2px solid #c2cfeb;
    border-radius: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.commonNavCircletabcls .nav-link span small {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    margin-top: 4px;
    background: #c2cfeb;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.commonNavCircletabcls .nav-link span svg {
    height: 20px;
    margin-top: 10px;
}
.commonNavCircletabcls .nav-link b {
    font-weight: 400;
    color: #838383;
    display: block;
    padding-top: 34px;
}
.commonNavCircletabcls .navtabjourneyactive .nav-link span {
    border: 2px solid #4ea588;
}
.commonNavCircletabcls .navtabjourneyactive .nav-link b {
    color: #1e8965;
}
.commonNavCircletabcls .navtabjourneyactive .nav-link::before {
    background: #4ea588;
}
.commonNavCircletabcls .nav-item.show .nav-link, .commonNavCircletabcls .nav-link.active {
    color: #595959;
    background-color: #f4f4f4;
    border-color: #f4f4f4 #f4f4f4 #f4f4f4;
}
.commonNavCircletabcls .navtabjourneyactive.nav-link::before {
    background: #3db389;
}
.commonNavCircletabcls .navtabjourneyactive.nav-link b {
    color: #1e8965;
}
.commonNavCircletabcls .navtabjourneyactive.nav-link span {
    border: 2px solid #3db389;
}
.commonNavCircletabcls .navtabjourneyactive span small {
    background: #3db389;
}
.commonNavCircletabcls .navtabjourneyactive span svg path {
    fill: #fff;
}
.commonNavCircletabcls .navtabjourneyactive span .journeysvgstrokecls path, .commonNavCircletabcls .navtabjourneyactive span .journeysvgstrokecls circle {
    fill: none;
    stroke: #fff;
}
.talsaveAsDraftBtncls {
    border: 1px solid #f2994a;
    border-radius: 5px;
    background: #fff;
    color: #f2994a;
    font-weight: 400;
    padding: 10px;
    min-width: 120px;
    margin-left: 15px;
    text-transform: uppercase;
    font-size: 13px;
}
.navTabBgOuterdivcls {
    background: #fff;
    border-radius: 5px;
    padding: 6px 15px 0;
    margin-bottom: 15px;
    margin-top: 10px;
}
.commonaddMorebtncls {
    border: 1px solid #f2994a;
    border-radius: 40px;
    font-size: 13px;
    font-weight: 400;
    color: #f2994a;
    background: #fff;
    padding: 6px 18px 5px;
    cursor: pointer;
}
.commonaddMorebtncls svg {
    width: 16px;
    height: 16px;
}
.labelfontsize12pxcls label.formtext-1 {
    font-size: 12px;
}
.templateWhiteBoxcls {
    background: #fff;
    border-radius: 5px;
    padding: 15px 20px;
    margin-top: 10px;
    position: relative;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 1%);
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 1%);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.0.01);
}
.card_deletebtnPositioncls {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 4px 0 0;
}
.joborderDtopactionBtndivcls li img {
    width: 20px;
    height: 20px;
}
/* end Job Order */

/* start notes */
.documentIcon {
    width: 55px;
    height: 55px;
    color: #fff !important;
    box-shadow: 0 0 10px #ddd;
    border-radius: 50%;
    display: grid;
    place-content: center;
    font-size: 20px;
    background-color: #414141;
    z-index: 99;
  }

  .documentIcon:hover {
    color: #fff !important;
  }

  .bg-yellow {
    background: #f2994a !important;
  }

  .t-yell {
    color: #f2994a !important;
  }

  .bg-yell {
    background-color: #fff7db !important;
  }

  .bg-pink {
    background-color: #ffe2d3;
  }

  .bg-grey {
    background-color: #e1e1e1;
  }

  .bg-light-yellow {
    background: #ffe0c4 !important;
  }

  .bg-light-golden {
    background-color: #e3cb76 !important;
  }

  /* .grid {
    display: grid !important;
  } */

  .bg-skin {
    background-color: #fad6b7 !important;
  }

  .bg-light-green {
    background-color: #a6d5ba !important;
  }

  .bg-light-blue {
    background-color: #acccf8 !important;
  }

  .bg-light-purple {
    background-color: #d7b9f3 !important;
  }

  .t-10 {
    font-size: 10px;
  }

  .t-11 {
    font-size: 11px;
  }

  .t-12 {
    font-size: 12px;
  }

  .t-13 {
    font-size: 13px;
  }

  .t-14 {
    font-size: 14px;
  }

  .t-15 {
    font-size: 15px;
  }

  .t-16 {
    font-size: 16px;
  }

  .t-20 {
    font-size: 20px;
  }

  .relative {
    position: relative;
  }

  .offset-box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 124;
  }

  .offset-body {
    position: absolute;
    right: 0;
    width: 360px;
    height: 100%;
    background-color: #fff;
    /* overflow-y: auto; */
  }

  .offsetclose-btn {
    width: 20px;
    height: 20px;
    font-size: 16px;
    border-radius: 3px;
    display: grid;
    place-content: center;
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
    color: #000;
    opacity: 0.5;
    transition: all 0.5s;
  }

  /* .offsetclose-btn:hover {
    opacity: 1;
    rotate: 180deg;
  } */

  .plusIcon {
    width: 20px;
    height: 20px;
    color: #fff;
    display: grid;
    place-content: center;
  }

  .searchBox {
    width: calc(100% - 60px);
    border: 1px solid #ebebeb;
    border-radius: 3px;
  }

  .searchBox .input-group-text {
    background: none;
    border-radius: 0;
    border: none;
    font-size: 13px;
  }

  .searchBox input {
    font-size: 12px;
  }

  .tagShow {
    position: absolute;
    top: -2px;
    right: -2px;
    width: 13px;
    height: 13px;
    background: #f2994a;
    color: #fff;
    border-radius: 50%;
    display: grid;
    place-content: center;
    font-size: 10px;
  }

  .overlaped {
    font-size: 12px;
    width: 20px;
    height: 20px;
    display: grid;
    place-content: center;
    position: absolute;
    top: 0.5rem;
    border-radius: 50% !important;
  }

  .overlaped:nth-child(1) {
    /* background-color: #367eb9; */
    background-color: #e9e9e9;
    color: #a7a7a7 !important;
    left: 0;
  }

  .overlaped:nth-child(2) {
    /* background-color: #fa5830; */
    background-color: #56ccf2;
    left: 15px;
  }

  .overlaped:nth-child(3) {
    background-color: #bb6bd9;
    left: 30px;
  }

  .overlaped:nth-child(4) {
    background-color: #f2994a;
    left: 45px;
  }

  /* .overlaped:nth-child(5) {
    background-color: #f1ca1c;
    left: 60px;
  } */

  .overlaped:last-child {
    left: 70px;
  }

  .newTask {
    cursor: pointer;
  }

  .tom {
    position: absolute;
    right: 15px;
    bottom: 10px;
  }

  .newTask::before {
    content: "";
    position: absolute;
    right: -2px;
    bottom: -22px;
    width: 0;
    height: 0;
    border-top: 20px solid #d7b3b3;
    border-bottom: 20px solid transparent;
    border-right: 20px solid transparent;
    z-index: 9;
  }

  .mold::before {
    border-top: 20px solid #c9c9c9;
  }

  .mold-2::before {
    border-top: 20px solid #e3cb76;
  }

  .mold-3::before {
    border-top: 20px solid #fab998;
  }

  .newTask::after {
    content: "";
    position: absolute;
    right: 8px;
    bottom: -11px;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid #fff;
    border-right: 20px solid transparent;
    z-index: 9;
    rotate: 270deg;
  }

  .ck.ck-toolbar>.ck-toolbar__items>:not(.ck-toolbar__line-break), .ck.ck-toolbar>.ck.ck-toolbar__grouped-dropdown {
    font-size: 10px;
        background: #1d586a0f;
  }

  /* .ck-reset_all :not(.ck-reset_all-excluded *), .ck.ck-reset, .ck.ck-reset_all{
    background: red !important;
  } */
  .ck-editor{
    width:100% !important;
  }
  .ck-editor .ck-editor__main .ck-content.ck-editor__editable{
    background-color: #ffffff;
  }
  .ck{
    --ck-border-radius:calc(.375rem - 1px);
    --ck-color-base-border: #ccced1;
  }
  .ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar,
  .ck.ck-editor__top .ck-sticky-panel .ck-toolbar.ck-rounded-corners {
    border-radius: var(--ck-border-radius) var(--ck-border-radius) 0 0;
    background-color: #fafafa;
  }
  .ck.ck-editor__main>.ck-editor__editable {
    background-color: #ffffff !important;
    font-size: 12px !important;
    border-radius: 0 0 .375rem .375rem !important;
    border-top: none;
  }
  .ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable){
    border-top: 0 !important;
    border-color:var(--ck-color-base-border);
  }


  .ck.ck-editor__main>.ck-editor__editable h2, .ck.ck-editor__main>.ck-editor__editable h3, .ck.ck-editor__main>.ck-editor__editable h4 {
    font-size: 16px;
  }
  .ck-content ul li { 
    list-style: disc;
  }
  .ck-content ol li { 
     list-style: decimal;
   }
  #openShareModel {
    cursor: pointer;
  }

  .offsetBodyCenter {
    display: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 450px;
    height: fit-content;
  }

  .shortDropdownMenu {
    width: fit-content;
    min-width: fit-content;
    max-width: fit-content;
  }

  .letterIcon {
    width: 30px;
    height: 30px;
    display: grid;
    place-content: center;
    font-size: 14px;
  }

  .border-0:focus {
    outline: 0;
    border: 0;
  }

  .btn-gray {
    background-color: #e9ecef !important;
    border: 2px solid #d6d8db !important;
    border-left: none !important;
  }

  .bg-facebook {
    color: #3b5998;
  }

  .bg-whatsapp {
    color: #128c7e;
  }

  .bg-twitter {
    color: #00acee;
  }

  .bg-instagram {
    color: #8a3ab9;
  }

  .bg-linkedin {
    color: #0077b5;
  }

  .calender .cdate {
    border: 1px solid #ddd;
    max-width: 13.1%;
    width: 30px;
    height: 30px;
    padding: 5px;
    display: grid;
    place-content: center;
  }

  .outline-0 {
    outline: 0;
    border: 1px solid #ddd;
    border-radius: 4px;
  }

  .outline-0:focus {
    outline: 0;
  }

  .shortTag {
    width: 100px;
  }

  .bg-theme {
    background-color: #3db389 !important;
  }

  .top-2 {
    top: 2px !important;
  }

  .tagss .close_tag_button {
    display: none;
  }

  .tagss:hover .close_tag_button {
    display: block;
  }

  .background-none {
    background: none;
  }

  .hidden {
    visibility: hidden;
  }

  .close_button {
    top: -2px !important;
  }

  .b-1 {
    border: 1px solid #ddd;
  }

  .tags {
    width: 50%;
  }

  .dot-1, .dot-2, .dot-3, .dot-4, .dot-5, .dot-6 {
    height: 25px;
    width: 25px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
  }

  .close_button {
    position: absolute;
    right: 10px;
    top: 1px !important;
  }

  .shareDropdown {
    min-width: 290px;
    z-index: 102555;
    padding: 10px;
    left: 20px;
  }

  .end-20 {
    right: -20px;
  }

  .extraPluginsBtn {
    z-index: 1;
    top: 0;
  }

  .extraPluginsBtn a {
    font-size: 14px;
    color: #000;
    height: 32px;
    width: 30px;
    display: grid;
    place-content: center;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
  }

  .mic-item {
    cursor: pointer;
  }

  .mic-item {
    display: block;
    width: 100%;
    padding: 0.25rem 5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
  }

  .mic-img img {
    width: 100px;
  }

  #searchBoxText {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 0px);
    height: 34px;
    z-index: 1024;
    border: 1px solid #ddd;
    overflow: hidden;
  }

  #searchBoxText a {
    color: gray;
  }

  #searchBoxText input {
    font-size: 14px;
  }

  /* recording */

  .play-layer-wrapper {
    position: relative;
  }

  .play-layer {
    background-color: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    width: 100%;
    height: 100vh;
  }

  .sound-wave {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
  }

  .sound-wave svg {
    display: block;
    max-width: 100%;
    height: auto;
  }

  .sound-wave:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 40rem;
    z-index: -1;
    top: 0;
    border-radius: 50%;
    left: 50%;
    transform: translateX(-50%);
    background: radial-gradient(#1389e933, transparent 60%, transparent 100%);
  }

  /* .progress-bar {
    height: 10px;
    width: 35%;
    border-radius: 30px;
    border: 2px solid #fff;
    background-color: #fff;
    margin: -2rem auto 6rem;
  }

  .progress-color {
    background: #1389e9;
    height: 100%;
    width: 0;
    border-radius: 30px;
    transition: width 4s linear;
  } */

  .d-none {
    display: none;
  }

  @keyframes scale1 {
    0% {
      transform: scaleY(0.6);
    }

    40% {
      transform: scaleY(1.2);
    }

    100% {
      transform: scaleY(0.6);
    }
  }

  .bar-scale1 {
    animation: scale1 0.6s infinite;
    transform-origin: center;
  }

  @keyframes scale2 {
    0% {
      transform: scaleY(0.5);
    }

    30% {
      transform: scaleY(1.6);
    }

    100% {
      transform: scaleY(0.5);
    }
  }

  .bar-scale2 {
    animation: scale2 0.6s infinite;
    transform-origin: center;
  }

  @keyframes scale3 {
    0% {
      transform: scaleY(1.5);
    }

    70% {
      transform: scaleY(0.5);
    }

    100% {
      transform: scaleY(1.5);
    }
  }

  .bar-scale3 {
    animation: scale3 0.6s infinite;
    transform-origin: center;
  }

  .stop-animation {
    animation-duration: 0s;
  }

  .audio-buttons {
    position: relative;
  }

  .play-button svg {
    box-shadow: 0 0 32px rgba(0, 0, 0, 0.65);
    border-radius: 50px;
    /* background-color: #000; */
  }

  .pause-button, .play-button {
    width: 33px;
    height: 33px;
    position: absolute;
    left: -164px;
    top: -37px;
    bottom: 0;
    /* left: 50%; */
    /* transform: translateX(-50%); */
    /* transform: translateY(-90%);*/
  }

  .date {
    position: absolute;
    bottom: 11px;
    left: 101px;
  }

  .recording {
    border-radius: 2rem;
  }

  .innerBodyOffset {
    padding-bottom: 5rem;
  }

  .close_tag_button {
    cursor: pointer;
  }

  .overflowY-auto {
    overflow-y: auto !important;
  }

  /* recording end */
  .separatorTop {
    border-top: 1px solid #ebe3e3;
  }

  .mytags {
    background-color: #ddd;
  }

  .barlines {
    position: relative;
    width: 17px;
    top: -4px;
    height: 2px;
    background-color: grey;
  }

  .barlines::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 13px;
    height: 2px;
    background-color: grey;
  }

  .barlines::after {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 8px;
    height: 2px;
    background-color: grey;
  }

  .hov:hover {
    color: #3db389 !important;
  }

  .offsetbody-header {
    position: sticky;
    z-index: 2;
  }

  .end-8 {
    right: 8px;
  }

  #offsetBox .dropdown-menu li a {
    padding: 5px;
    color: gray;
  }

  #offsetBox .dropdown-menu li a i {
    color: gray;
  }

  .opacity-0 {
    opacity: 0;
    visibility: hidden;
    display: none;
  }

  .headerText a {
    max-width: 34px;
  }

  .headerText {
    background-color: #fab998;
  }

  .textBody {
    background-color: #ffe2d3;
  }
.offset-body .top-0 {
    top: 0% !important;
}
.offset-body .right-10 {
    right: 10% !important;
}
.noteTitleInputcls {
    margin-bottom: 10px;
}
/* end notes */
.cardadded_daysstatuscls {
    padding-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.callAttendalertOuterdivcls {
    min-width: 360px;
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 99;
}
.callAttendalertInnerdivcls {
    width: 100%;
    height: 68px;
    background: #272727;
    padding: 10px;
    border-radius: 5px;
    margin-top: 10px;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}
.callAttendActionbtncls {
    padding-left: 10px;
}
.callAttendUserImgTextcls {
    display: flex;
    align-items: center;
}
.spanCallUserImgcls {
    display: inline-block;
}
.spanCallUserImgcls img {
    width: 48px;
    height: 48px;
    border-radius: 100%;
}
.spanUsercallingName {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}
.spanCallingText {
    font-size: 14px;
    color: #fff;
    display: block;
}
.userCallLiveBtncls {
    background: #b5b5b5;
    border: none;
    width: 34px;
    height: 34px;
    border-radius: 100%;
    margin-left: 10px;
}
.userCallLiveBtncls svg {
    width: 24px;
    height: 24px;
    position: relative;
    top: -1px;
}
.liveVideoConferencedivcls .fullNameTextInnerdivcls {
    height: 100%;
}
.addPeopleOuterdivcls {
    width: 350px;
    float: left;
    padding: 20px 20px 20px 0;
    height: calc(100vh - 80px);
    position: fixed;
    right: -350px;
    top: 80px;
    z-index: 9;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.addPeopleInnerdivcls {
    background: #1d2528;
    height: calc(100vh - 120px);
    border-radius: 10px;
}
.addPeoplebtndivcls {
    text-align: right;
    padding-right: 10px;
    padding-top: 6px;
}
.addpeopleClosebtncls {
    background: none;
    border: none;
    cursor: pointer;
    display: inline-block;
}
.addpeopleClosebtncls svg {
    width: 20px;
}
.addPeopleOpendivcls {
    right: 0;
}
.interviewOuterChatdivcls .tal_textarea_ChatText {
    width: calc(100% - 45px);
}
.addPeopleListdivcls {
    height: calc(100% - 40px);
    padding: 10px;
}
.addPeopleListdivcls .dropdown-search {
    margin-bottom: 10px;
    background: #49585e;
    border-radius: 5px;
}
.addPeopleListdivcls .dropdown-search .form-control.search-input {
    background: transparent;
}
.addPeopleListInnerdivcls {
    height: calc(100% - 40px);
    overflow-y: auto;
}
.addPeopleListdivcls .memberFullName {
    font-size: 14px;
    color: #fff;
}
.addPeopleListdivcls li {
    border-bottom: 1px solid #2c3d43;
    padding: 5px;
    border-radius: 4px;
}
.incallBgcolorcls {
    background: #5b8375;
    margin-top: 8px;
}
.incallBgcolorcls:first-child {
    margin-top: 0;
}
.addPeopleListdivcls li .greenCircleAddBtncls {
    background: #3db389;
}
.removeCircleBtncls {
    border: 1px solid #ff4646;
    background: #ff4646;
    border-radius: 100%;
    width: 24px;
    height: 24px;
    cursor: pointer;
    line-height: 16px;
    text-align: center;
}
.removeCircleBtncls svg {
    width: 16px;
    height: 16px;
    transform: rotate(45deg);
}
.addPeopleListdivcls li:nth-child(4n+1) .memberShortName {
    background: #f2c94c;
}
.addPeopleListdivcls li:nth-child(4n+2) .memberShortName {
    background: #56ccf2;
}
.addPeopleListdivcls li:nth-child(4n+3) .memberShortName {
    background: #2f80ed;
}
.addPeopleListdivcls li:nth-child(4n+4) .memberShortName {
    background: #9b51e0;
}
.addpeopleBtnActivecls {
    background: #F2994A;
}
.addpeopleBtnActivecls svg path, .addpeopleBtnActivecls svg circle, .addpeopleBtnActivecls svg line {
    stroke: #fff;
}
.stoprecordingOverlaycls {
    position: fixed;
    left: 0;
    top: 25px;
    width: 100%;
    text-align: center;
    z-index: 9;
}
.stoprecordingOverlaycls span {
    font-size: 12px;
    font-weight: normal;
    color: #fff;
}
.stoprecordingOverlaycls b {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #DB554F;
    border-radius: 100%;
    position: relative;
    top: 2px;
    margin-right: 3px;
    animation: circleredpulse 2s infinite;
}
.stopRecBtncls {
    border: none;
    background: transparent;
}
.changeVideoBglistdivcls li {
    list-style: none;
    display: inline-block;
    cursor: pointer;
    margin-bottom: 3px;
}
.changeVideoBglistdivcls {
    max-height: 200px;
    overflow-y: auto;
}
.changeBackgroundModalcls .modal-dialog {
    max-width: 600px;
    width: auto;
}
.changeBackgroundModalcls h4.modal-title {
    font-size: 16px;
}
.changeBackgroundModalcls .talCancelBtn, .changeBackgroundModalcls .talOrangebtncls {
    height: 32px;
}
.changeBackgroundModalcls .fileinputlabel {
    border: 1px solid #d2d2d2;
    background: #fff;
    font-size: 12px;
    padding: 5px 8px 5px 5px;
    border-radius: 5px;
    color: #4f4f4f;
    margin-right: 10px;
}
.changeBackgroundModalcls .fileinputlabel:hover {
    border-color: #3db389;
    background: #3db389;
    color: #fff;
}
.changeBackgroundModalcls .fileinputlabel:hover svg path, .changeBackgroundModalcls .fileinputlabel:hover svg line, .changeBackgroundModalcls .fileinputlabel:hover svg polyline {
    stroke: #fff;
}
.changeBgCanvastagcls {
    width: 100%;
    height: 200px;
    background: #444;
    border-radius: 6px;
}
.notememberlistdivcls {
    min-width: 335px !important;
    width: auto !important;
}
.record-list li audio {
    width: 100%;
    height: 40px;
    margin-bottom: 5px;
}
.noteheaderRightcls .squareRadiusSvgBtncls {
    line-height: 12px;
    padding: 2px 5px;
    height: 24px;
}
.noteheaderRightcls .squareRadiusSvgBtncls svg {
    width: 14px;
    height: 14px;
}
.noteheaderRightcls .offsetclose-btn {
    position: inherit;
    margin-top: 2px;
    margin-left: 6px;
}
.noteHeadermoreoptioncls a.btn {
    font-size: 18px;
    color: #6e6e6e;
    font-weight: bold;
    padding: 0;
    margin: 0 10px;
}
.noteDparaTextEditcls .django-ckeditor-widget {
    display: block !important;
}
.addreminderModalcls {
    width: 310px;
    padding-bottom: 12px;
}
.notemedidaUploadBtncls {
    border: none;
    background: none;
    display: inline-block;
    margin-left: 2px;
    margin-top: 7px;
}
.notemedidaUploadBtncls svg, .attachmentonlyIconcls .uploadshortBtncls svg {
    width: 18px;
    height: 18px;
}
.attachmentonlyIconcls {
    width: auto;
    display: inline-block;
}
.attachmentonlyIconcls .uploadshortBtncls {
    padding: 0;
    border: none;
}
.attachmentonlyIconcls .uploadshort-btn-wrapper {
    padding-top: 5px;
}
.noteAttachmentdivcls {
    padding: 10px 0 5px;
}
.noteAttachmentdivcls .commonAttachIconcls {
    width: auto;
    float: none;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    display: inline-block;
    padding: 5px;
    position: relative;
    margin-left: 20px;
}
.noteAttachmentdivcls .commonAttachIconcls:first-child {
    margin-left: 0;
}
.noteAttachmentdivcls .commonAttachIconcls .spanappendiconcls {
    font-size: 24px;
}
.commonAttachInnerdivcls {
    cursor: pointer;
}
.noteattachremovebtn {
    position: absolute;
    right: -12px;
    top: -1px;
    cursor: pointer;
    font-size: 12px;
    color: #5e5e5e;
}
.createTaskNoteFormcls .form-check-label {
    font-size: 12px;
    cursor: pointer;
}
.createTaskNoteFormcls .form-check-input[type=radio] {
    position: relative;
    top: 1px;
    cursor: pointer;
}
.colorSetterActive {
    border: 2px solid #696969;
}
.noteDparaTextEditcls .cke_top {
    background: #fab998;
    border-bottom-color: #fab998;
}
.noteDparaTextEditcls .cke_bottom {
    background: #fab998;
    border-top-color: #fab998;
}
.twitterTypeahead100percls span.twitter-typeahead {
    width: 100%;
}
.twitterTypeahead100percls .tt-menu {
    margin-left: 0;
}
.noteAddTagModalcls .modal-dialog {
    max-width: 420px;
}
.callingScreendivcls {
    position: absolute;
    left: 0;
    top: 27%;
    width: 100%;
    z-index: 9;
    text-align: center;
}
.callingUserSvgIconcls {
    padding-bottom: 12px;
}
.callingUserSvgIconcls span {
    width: 150px;
    height: 150px;
    border-radius: 100%;
    border: 3px solid #3db389;
    display: inline-block;
    line-height: 140px;
}
.callingUserSvgIconcls span img {
    width: 144px;
    height: 145px;
    border-radius: 100%;
}
.callingUserSvgIconcls span svg {
    width: 70px;
    height: 70px;
}
.callingUserTextcls {
    width: 100%;
    text-align: center;
}
.callingUserTextcls span {
    font-size: 16px;
    color: #fff;
}
.callingUserTextcls b {
    font-size: 12px;
    color: #fff;
    font-weight: 400;
    display: block;
}
.dot_animationcls:after {
    font-size: 18px;
    content: ".";
    animation: dotsaAnimation 1s steps(5, end) infinite;
  }
@keyframes dotsaAnimation {
    0%,
    20% {
      color: rgba(0, 0, 0, 0);
      text-shadow: 0.25em 0 0 rgba(0, 0, 0, 0), 0.5em 0 0 rgba(0, 0, 0, 0);
    }
    40% {
      color: white;
      text-shadow: 0.25em 0 0 rgba(0, 0, 0, 0), 0.5em 0 0 rgba(0, 0, 0, 0);
    }
    60% {
      text-shadow: 0.25em 0 0 white, 0.5em 0 0 rgba(0, 0, 0, 0);
    }
    80%,
    100% {
      text-shadow: 0.25em 0 0 white, 0.5em 0 0 white;
    }
}

/* start chatList */
.chatWindowOuterdivcls {
    width: 100%;
    height: calc(100vh - 160px);
}
.ChatWindowMenucls {
    width: 70px;
    height: 100%;
    float: left;
    background: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}
.chatmenuUlcls li {
    text-align: center;
    font-size: 12px;
    color: #000;
    list-style: none;
}
.chatmenuUlcls li a {
    border-right: 2px solid transparent;
    color: #232323;
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid #e9e9e9;
    cursor: pointer;
}
.chatmenuUlcls li a:hover {
    color: #232323 !important;
}
.chatmenuUlcls li a.chatmenuActivecls {
    border-right: 2px solid #3db389;
    background: #ebf7f3;
}
.chatmenuUlcls li span {
    display: block;
}
.chatmenuUlcls li svg {
    width: 24px;
    height: 24px;
}
.ChatWindowListcls {
    width: 350px;
    height: 100%;
    float: left;
    background: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}
.chatUserListcls {
    width: 100%;
    float: left;
    height: 100%;
}
.chatUserListInnerdivcls {
    width: 100%;
    height: calc(100% - 65px);
    overflow-y: auto;
}
.chatUserListcls li .tal_chatList_D {
    width: 100%;
    float: left;
}
.chatUserListcls li {
    list-style: none;
    border-bottom: 1px solid #dfdfdf;
    width: 100%;
    float: left;
    padding: 12px;
}
.callVideoSvgiconcls {
    float: right;
}
.chatUserListcls .chatUser_searchBox {
    padding: 12px 12px 0;
}
.chatUserListcls .chatUser_searchBox .form-control {
    border-radius: 50px 0 0 50px !important;
}
.ChatWindowBodycls {
    background: url("Task Manager/images/chatBackground.png") repeat-x left top #fff;
    width: 100%;
    float: left;
    height: 100%;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}
.chatUserListcls li.selected_Chat_usercls {
    background: #ebf7f3;
}
.ChatWindowBodycls .tal_live_chat_header {
    border-radius: 0;
}
.ChatWindowBodycls .tal_live_chat_BodyChat {
    height: calc(100% - 115px);
}
.ChatBodyTabCdivcls {
    width: calc(100% - 70px);
    height: 100%;
    float: left;
    background: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}
.ChatBodyTabCInnerdivcls {
    width: 100%;
    height: 100%;
}
.meetNowBtncls {
    background: #fff;
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    padding: 7px 12px;
    color: #797979;
    font-size: 14px;
    text-transform: uppercase;
    margin-left: 10px;
}
.meetNowBtncls svg {
    width: 20px;
    height: 20px;
    position: relative;
    top: -1px;
}
.scheduleMeetingBtncls {
    background: #f2994a;
    border: 1px solid #f2994a;
    border-radius: 5px;
    padding: 7px 12px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    margin-left: 10px;
}
.scheduleMeetingBtncls svg {
    width: 16px;
    height: 16px;
    position: relative;
    top: -1px;
}
.chatWindowLeftdivcls {
    width: 350px;
    height: 100%;
    float: left;
    background: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}
.chat_backBtncls {
    border: none;
    background: none;
    float: left;
    padding-right: 6px;
    display: none;
}
.chat_backBtncls svg {
    width: 20px;
    height: 20px;
}
.chatWindowRightdivcls {
    width: calc(100% - 350px);
    float: left;
    height: 100%;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}
.chatListBorderUlcls li {
    list-style: none;
    border-bottom: 1px solid #dfdfdf;
    width: 100%;
    float: left;
    padding: 10px 12px;
}
.callListUldivcls li .chatuserName {
    margin-top: 8px;
}
.chatUserRadiusBoxcls {
    padding: 12px 12px 0;
}
.chatUserRadiusBoxcls .form-control {
    border-radius: 50px 0 0 50px !important;
}
.callListUldivcls {
    height: calc(100% - 112px);
    overflow-y: auto;
}
.chatWindowHeadingdivcls {
    padding: 12px;
    border-bottom: 1px solid #e8e8e8;
    background: #f4faf8;
}
.chatWindowH4cls {
    font-size: 18px;
    font-weight: 400;
    color: #414141;
    margin-bottom: 0;
}
.chatWindowHistorydivcls {
    height: calc(100% - 55px);
    overflow-y: auto;
}
.chatWindowRightHeadercls {
    background: #f4faf8;
    padding: 10px 15px;
    border-bottom: 1px solid #e7e7e7;
}
.filterDropdownIconBtncls .dropdown-toggle {
    border: none;
    background: none;
    font-size: 14px;
    font-weight: 400;
    color: #303030;
}
.filterDropdownIconBtncls .dropdown-toggle::after {
    display: inline-block;
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}
.filterDropdownIconBtncls .dropdown-toggle svg {
    width: 16px;
    position: relative;
    top: -1px;
}
.filterDropdownIconBtncls .dropdown-menu li, .filterDropdownIconBtncls .dropdown-menu li a {
    font-size: 14px;
    font-weight: normal;
    line-height: 16px;
    color: #222;
}
.userCallStatustagcls svg {
    width: 14px;
    height: 14px;
}
.userCallStatustagcls b {
    font-size: 12px;
    font-weight: normal;
    color: #787878;
}
.missedCallspancls b {
    color: #ff3838;
}
.missedCallspancls svg path {
    fill: #ff3838;
}
.incomingCallspancls svg path, .outgoingCallspancls svg path, .incomingCallspancls svg polyline, .incomingCallspancls svg line, .outgoingCallspancls svg polyline, .outgoingCallspancls svg line {
    stroke: #686868;
}
.userCallDatespancls {
    font-size: 12px;
    font-weight: 400;
    color: #7a7a7a;
    min-width: 90px;
    display: inline-block;
    text-align: right;
    margin-top: 8px;
}
.userCallTimespancls {
    font-size: 12px;
    font-weight: 400;
    color: #7a7a7a;
    min-width: 80px;
    display: inline-block;
    text-align: right;
    margin-top: 8px;
}
.copyinputTextbtncls {
    padding: 0;
    border: none;
    cursor: pointer;
    height: 24px;
    background: none;
}
.copyinputTextbtncls svg {
    width: 22px;
}
.copieddivTextcls {
    background: #3db389;
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    border-radius: 4px;
    width: 65px;
    text-align: center;
    padding: 3px;
    position: absolute;
    top: 10px;
    z-index: 9;
    right: 35px;
    display: none;
}
.copieddivTextcls::after {
    content: "";
    position: absolute;
    top: 7px;
    right: -4px;
    z-index: 9;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #3db389;
}
.custominputgroupcls .input-group .input-group-text {
    border-radius: 0 4px 4px 0;
    background: #fff;
    height: 36px;
}
.custominputgroupcls .input-group .form-control {
    border-radius: 4px 0 0 4px !important;
    border-right: none !important;
}
.custominputgroupcls .copieddivTextcls {
    top: 7px;
    right: 52px;
}
.worxChatWindowdivcls .ChatBodyTabCdivcls, .worxChatWindowdivcls .ChatWindowBodycls {
    width: 100%;
}
.callVideoSvgiconInnercls {
    display: inline-block;
    vertical-align: top;
}
/* end chatList */
.interview-box .watchBtn {
    display: block;
}
.remainingTextTagcls {
    display: block;
    margin-bottom: -5px;
    font-size: 11px;
    font-weight: 400;
    color: #6d6d6d;
    width: 100%;
}
.remainingTextTagcls b {
    font-weight: 400;
}
.watchBtnDisablecls {
    pointer-events: none !important;
}
.watchBtnDisablecls .watchBtn {
    border-color: #e4e4e4;
    color: #c5c5c5;
    background: #f6f6f6;
}
.watchBtnDisablecls .watchBtn svg path {
    fill: #c5c5c5;
}
.descriptionEditdivcls .django-ckeditor-widget, .contentTextEditordivcls .django-ckeditor-widget {
    width: 100% !important;
}
/* start planner */
.alltaskplannerdivcls {
    overflow-x: hidden;
}
.allTaskListdivcls {
    width: 380px;
    float: left;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.allTaskCalendardivcls {
    width: calc(100% - 380px);
    float: left;
    padding-left: 10px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.allTaskheadingdivcls h4 {
    font-size: 18px;
    color: #2e2e2e;
    font-weight: 400;
}
.slidetoggleBtncls {
    border: none;
    background: #828282;
    border-radius: 4px;
    line-height: 22px;
    padding: 1px;
}
.slidetoggleBtncls svg {
    width: 24px;
    height: 24px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.allTaskListdivcls .filter-section {
    background: none;
}
.allTaskListdivcls .filter-section .filter-search {
    margin-right: 0 !important;
}
.plannerSortBycls .dropdown-item {
    font-size: 14px;
    padding-bottom: 0;
}
.plannerfilterselectedcls h5 {
    font-size: 14px;
    font-weight: normal;
    color: #7e7e7e;
    line-height: 24px;
    min-width: 60px;
}
.selectedPSpandivcls {
    padding-left: 6px;
}
.selectedPSpandivcls strong {
    margin-right: 1px;
    display: inline-block;
    font-size: 13px;
    background: #fff;
    color: #6f6f6f;
    font-weight: normal;
    padding: 2px 8px 2px 10px;
    border-radius: 50px;
    margin-left: 2px;
    margin-bottom: 5px;
}
.selectedPSpandivcls b {
    display: inline-block;
    cursor: pointer;
    margin-left: 1px;
}
.selectedPSpandivcls b svg {
    width: 12px;
}
.selectedPSpandivcls b svg path {
    fill: #fc4949;
}
.plannerTaskUllistcls {
    margin-top: 10px;
    max-height: 478px;
    overflow-y: auto;
}
.plannerlilistInnercls {
    list-style: none;
    background: #fff;
    border-radius: 5px;
    padding: 12px;
    margin-bottom: 8px;
    cursor: grab;
}
.plannerlilistInnercls, .plannerTaskUllistcls li {
    width: 100%;
}

.plannerliRdetailscls {
    width: 100%;
}
.moveDotsvgiconcls svg {
    width: 20px;
    height: 20px;
}
.plannertaskDueTextcls {
    font-size: 12px;
    font-weight: 400;
    color: #9b9b9b;
}
.plannerlilistcls .taskasgnUserSpantag {
    width: 20px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    margin-right: 5px;
}
.plannerTaskHeadingcls {
    font-size: 14px;
    font-weight: 400;
    color: #2d2d2d;
}
.plannerFullCalendardivcls {
    background: #fff;
    padding: 12px;
    min-height: 550px;
    position: relative;
}
.plannerFullCalendardivcls .fc .fc-daygrid-day-number {
    font-size: 14px;
}
.plannerFullCalendardivcls .fc-daygrid-event {
    white-space: normal;
    font-size: 11px;
    padding: 7px;
}
.plannerFullCalendardivcls .fc-h-event {
    background: #ecf8f4;
    border: none;
    border-left: 3px solid #3db389;
    margin: 0 0 5px 0 !important;
}
.plannerFullCalendardivcls .fc-h-event .fc-event-main {
    color: #292929;
    font-weight: 400;
}
.plannerFullCalendardivcls .fc .fc-daygrid-more-link {
    color: #000;
    font-size: 12px;
    font-weight: 400;
}
.plannerFullCalendardivcls .fc-prev-button.fc-button-primary, .plannerFullCalendardivcls .fc-next-button.fc-button-primary {
    background: #f4f4f5;
    border-color: #f4f4f5;
    padding: 1px;
    line-height: 18px;
}
.plannerFullCalendardivcls .fc .fc-button-primary.fc-prev-button:active, .plannerFullCalendardivcls .fc .fc-button-primary.fc-next-button:active {
    background: #f4f4f5;
    border-color: #f4f4f5;
}
.plannerFullCalendardivcls .fc-prev-button.fc-button-primary span.fc-icon, .plannerFullCalendardivcls .fc-next-button.fc-button-primary span.fc-icon {
    color: #3c3c3c;
}
.plannerFullCalendardivcls .fc-button.fc-timeGridDay-button, .plannerFullCalendardivcls .fc-timeGridWeek-button.fc-button, .plannerFullCalendardivcls .fc-dayGridMonth-button.fc-button {
    font-size: 14px;
    text-transform: capitalize;
    background: transparent;
    color: #525252;
    border: none;
    padding: 3px 12px;
}
.plannerFullCalendardivcls .fc-button.fc-timeGridDay-button:focus, .plannerFullCalendardivcls .fc-timeGridWeek-button.fc-button:focus, .plannerFullCalendardivcls .fc-dayGridMonth-button.fc-button:focus {
    background: transparent;
    color: #525252;
}
.plannerFullCalendardivcls .fc-button.fc-timeGridDay-button.fc-button-active, .plannerFullCalendardivcls .fc-timeGridWeek-button.fc-button.fc-button-active, .plannerFullCalendardivcls .fc-dayGridMonth-button.fc-button.fc-button-active {
    background: #3db389;
    border-radius: 5px;
    color: #fff;
}
.plannerFullCalendardivcls .fc h2.fc-toolbar-title {
    font-size: 16px;
    font-weight: 400;
    color: #2e2e2e;
}
.plannerFullCalendardivcls .fc .fc-button-primary:not(:disabled).fc-button-active:focus, .plannerFullCalendardivcls .fc .fc-button-primary:focus, .plannerFullCalendardivcls .fc .fc-button-primary:not(:disabled):active {
    box-shadow: none;
}
.plannerFullCalendardivcls .fc .fc-col-header-cell-cushion {
    font-weight: 400;
    color: #6d6d6d;
    font-size: 14px;
    text-transform: uppercase;
}
.plannerFullCalendardivcls button.fc-today-button.fc-button.fc-button-primary {
    font-size: 14px;
    text-transform: capitalize;
    padding: 1px 10px;
    background: #dce6e2;
    color: #000;
    border-color: #c6d8d1;
}
.plannerFullCalendardivcls span.fc-icon.fc-icon-chevron-right, .plannerFullCalendardivcls span.fc-icon.fc-icon-chevron-left {
    font-size: 20px !important;
}
.plannerFullCalendardivcls .fc .fc-timegrid-axis-cushion, .plannerFullCalendardivcls .fc .fc-timegrid-slot-label-cushion {
    font-size: 12px;
    color: #464646;
}
.slidetoggleBtnActivecls {
    margin-right: -26px;
}
.allTaskListTogglecls {
    margin-left: -380px;
}
.allTaskCalendarTogglecls {
    width: calc(100% - 30px);
    margin-left: 30px;
}
.slidetoggleBtnActivecls svg {
    transform: rotate(180deg);
}
.plannerAssignedrpdwncls .taskasgnUserSpantag {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
}
.plannerFullCalendardivcls .fc-header-toolbar .fc-toolbar-chunk:nth-of-type(2) {
    margin-right: auto !important;
    margin-left: 8px;
}
.plannerFullCalendardivcls .fc-header-toolbar .fc-toolbar-chunk:nth-of-type(3) {
    margin-right: 145px;
}
.calendarExtraBtndivcls {
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 9;
}
.calendarExtraBtncls {
    border: none;
    background: #fff;
    font-size: 14px;
    font-weight: 400;
    color: #727272;
    margin-left: 10px;
}
.calendarExtraBtncls svg {
    width: 18px;
    height: 18px;
    position: relative;
    top: -1px;
}
.fc-h-event-delaycls {
    background: #ffeeee !important;
    border-left: 3px solid #ff7c7c !important;
}
.fc-h-event-delaycls .fc-event-title {
    text-decoration: line-through;
}
/* end planner */
/* .dropdown-menu.mobileOverlayDropcls {
    padding: 0;
    width: max-content;
} */
.dropdown-menu.mobileOverlayDropcls > ul {
    padding: 0.5rem;
    /* background: #ffffff;
    box-shadow: 0 0 12px 6px rgb(1 0 75 / 11%);
    border-radius: 5px; */
}
@media (min-width:1024px){
    .dropdown-menu.mobileOverlayDropcls > ul {
        padding: 0;
    }
}
.dropdown-menu li a {
    color: var(--text-color);
    display: block;
    width: 100%;
    padding: 0.5rem 0.5rem;
    border-radius: .35rem;
    
}
.dropdown-menu li a:hover{
    background: rgba(var(--primary-color-rgb), var(--opacity-1));
}
/*
.dropdown-menu.mobileOverlayDropcls{
    box-shadow: none;
}
*/
.dropdown-menu.mobileOverlayDropcls li {
    list-style: none;
}
.dropdown-menu.profile-menu.mobileOverlayDropcls > ul, .dropdown-menu.notification-menu.mobileOverlayDropcls > ul {
    padding: 0;
}

.newTask ol, .newTask ul {
    padding-left: 18px;
}
.newTask ol li {
    list-style: decimal;
}
.newTask ul li {
    list-style: disc;
}
.showRecordselectdivcls {
    width: 75px;
    display: inline-block;
}
.showRecordselectdivcls .form-select {
    font-size: 14px;
    cursor: pointer;
}
.showRecordselectdivcls .form-select:focus {
    box-shadow: none;
    border-color: #ced4da;
}
.memberListInnerdivcls .form-check .form-check-input {
    cursor: pointer;
}
/* start task dashboard */
.taskBoardInnerdivcls {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 20px rgb(0 0 0 / 7%);
    padding: 15px;
    margin-bottom: 15px;
}
.taskBoardHeadingcls {
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 10px;
    padding-bottom: 14px;
    justify-content: space-between;
    align-items: center;
    display: flex;
}
.taskBoardHeadingcls h3 {
    font-size: 18px;
    font-weight: 400;
    color: #2d2d2d;
    margin-bottom: 0;
}
.taskSortActionBtn-dropdown {
    margin-left: 10px;
}
.taskSortActionBtn-dropdown .dropdown-toggle {
    background: #fff;
    font-size: 12px;
    font-weight: normal;
    color: #727272;
    border: 1px solid #afafaf;
    border-radius: 50px;
    padding: 2px 10px;
}
.taskSortActionBtn-dropdown .dropdown-toggle::after {
    display: inline-block;
    border-top: 0.3em solid #8f8f8f;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    position: relative;
    top: 1px;
}
.taskSortActionBtn-dropdown .dropdown-menu .dropdown-item {
    font-size: 12px;
    line-height: 18px;
    padding-left: 10px;
    padding-right: 10px;
}
.taskBoardContentcls .plannerFullCalendardivcls {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    height: 200px;
    overflow-y: auto;
}
.taskActivitiesListcls {
    height: 552px;
    overflow-y: auto;
    padding-top: 10px;
}
.taskActivitiesListcls li {
    width: 100%;
    list-style: none;
    float: left;
    padding-bottom: 15px;
    position: relative;
}
.taskActivitiesListcls li::before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    left: 18px;
    top: 0;
    background: #e0e0e0;
}
.userActivitiesdivcls {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
}
.userActivitiesImgcls {
    margin-right: 10px;
}
.userActivitiesImgcls img {
    border-radius: 100%;
    width: 38px;
    height: 38px;
}
.userActivitiesNamecls {
    font-size: 14px;
    font-weight: 400;
    color: #363636;
    margin-bottom: 0;
    line-height: 12px;
}
.activitiesTimecls {
    font-size: 12px;
    font-weight: 400;
    color: #939393;
    line-height: 12px;
}
.userCommentDetaildivcls {
    padding-left: 48px;
}
.commentedProdivrowcls p {
    font-size: 14px;
    color: #2e2e2e;
}
.commentedProdivrowcls p a {
    font-weight: 400;
    color: #35b588;
}
.commonUploadBorderNonecls {
    border: none;
    padding: 0;
    height: auto;
    min-height: 35px;
}
.commentedProdivrowcls {
    margin-bottom: 10px;
}
.commentParaBgTextcls {
    background: #f7f7f7;
    border-radius: 3px;
    padding: 8px 12px;
}
.recentTaskListdivcls > ul > li {
    background: #fff;
    list-style: none;
    margin-bottom: 10px;
    box-shadow: 0 4px 20px rgb(0 0 0 / 7%);
    padding: 5px 12px;
}
.recentTaskListdivcls > ul > li:last-child {
    margin-bottom: 0;
}
.spantaskDatetextcls {
    font-size: 12px;
    font-weight: 400;
    color: #6d6d6d;
    border: 1px solid #c1c1c1;
    border-radius: 50px;
    padding: 3px 10px;
    margin-left: 5px;
}
.recentTaskBtmProgressdivcls {
    padding-left: 44px;
}
.recentTaskListdivcls .performanceOuterBarcls {
    border-top: none;
    padding-top: 6px;
    width: 190px;
    display: inline-block;
    vertical-align: top;
}
.recentTaskListdivcls .taskassignpeoplecls {
    display: inline-block;
}
.taskCanvasdivcls {
    padding: 10px 10px 0;
}
.recentTaskListdivcls {
    height: 322px;
    overflow-y: auto;
    padding: 10px;
}
.dropdownUserSelectedcls .taskasgnUserSpantag, .taskSortActionBtn-dropdown .dropdown-menu .dropdown-item .taskasgnUserSpantag {
    width: 22px;
    height: 22px;
    font-size: 12px;
    line-height: 22px;
}
.dropdownUserSelectedcls strong {
    font-weight: 400;
    color: #545454;
    font-size: 12px;
}
.dropdownUserSelectedcls strong b {
    font-weight: 400;
    color: #909090;
}
.plannerUserdropdowncls .dropdown-toggle {
    padding-left: 5px;
}
.activeProjectsBgcolorcls {
    background: #e7f8f2;
}
.activeProHeadingcls h3 {
    font-size: 24px;
    font-weight: bold;
    color: #414141;
}
.activeProHeadingcls strong {
    font-size: 16px;
    font-weight: 400;
    color: #555;
}
.projectStatusListcls {
    padding-top: 5px;
}
.projectStatusListcls h3 {
    font-size: 14px;
    text-transform: uppercase;
    color: #444;
    font-weight: 400;
    margin-bottom: 12px;
}
.projectStatusUlcls {
    height: 255px;
    overflow-y: auto;
}
.projectStatusrightUsercls {
    padding-right: 10px;
}
.projectStatusUlcls li {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #cfcfcf;
    margin-bottom: 8px;
    padding-bottom: 4px;
}
.projectStatusUlcls li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.projectStatusleftHcls svg {
    width: 16px;
    height: 16px;
    margin-right: 3px;
    position: relative;
    top: -1px;
}
.projectStatusleftHcls h4 {
    font-size: 14px;
    margin-bottom: 0;
    color: #252525;
    font-weight: 400;
}
.projectStatusleftHcls h4 a {
    color: #252525;
}
.taskProjectCanvasdivcls {
    width: 60px;
    height: 60px;
    display: inline-block;
}
.activeProjInlineHcls {
    display: inline-block;
}
.commonAdd-dropdownBtn .dropdown-toggle {
    background: #f2994a;
    color: #fff;
    border: 1px solid #f2994a;
    border-radius: 5px;
    min-width: auto;
    padding: 5px 15px 5px 12px;
    text-transform: uppercase;
    font-size: 14px;
}
.commonAdd-dropdownBtn .dropdown-toggle img {
    width: 16px;
    position: relative;
    top: -1px;
}
.commonAdd-dropdownBtn li {
    font-size: 14px;
}
.activeProHeadingcls {
    justify-content: normal;
}
.activeProHeadingInnercls {
    align-items: center;
    justify-content: space-between;
    display: flex;
    width: 100%;
}
.arrowAnchorbtncls svg {
    width: 20px;
    height: 20px;
}
.taskHeadingtagsdivcls {
    padding-left: 10px;
}
.withPercentageTextcls .performancefillBarcls {
    width: calc(100% - 40px);
    float: left;
}
.performancePercentcls {
    width: 40px;
    text-align: right;
    float: left;
}
.withPercentageTextcls .performancePercentcls span {
    font-size: 12px;
    color: #757575;
    vertical-align: top;
    position: relative;
    top: -2px;
}
.mobileOverlayDropInnercls {
    padding: 4px;
}
.calenderMegaDropdowncls .mobileOverlayDropInnercls {
    height: 100%;
}
/* end task dashboard */
.crmSourceinfodivcls .membersAddedNamecls {
    float: right;
}
.memberBgnonecls {
    background: none;
}
.crmSourceinfodivcls span b {
    font-size: 12px;
}
.leadDtopactionBtndivcls {
    float: right;
    margin-left: 15px;
}
.leadStatusDropdowncls {
    float: right;
    margin-right: -20px;
    margin-top: -4px;
}
.leadStatusDropdowncls .dropdown-toggle {
    border: none;
    background: #3DB389;
    color: #fff;
    border-radius: 50px;
    font-size: 12px;
    padding: 2px 10px;
}
.leadStatusDropdowncls .dropdown-toggle span {
    color: #fff;
}
/*
.leadDtopactionBtndivcls .dropdown-toggle {
    font-size: 14px;
    font-weight: 400;
    color: #494949;
    border: 1px solid #cbcbcb;
    border-radius: 50px;
    padding-top: 4px;
    padding-bottom: 5px;
}
*/
.customAccordianInnerdivcls .leadDtopactionBtndivcls .dropdown-toggle::after, .leadStatusDropdowncls .dropdown-toggle::after, .dropdown-right-arrow.dropdown-toggle::after {
    display: inline-block !important;
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    margin-left: 5px;
    position: relative;
    top: 2px;
}
.customfileuploadsquarecls .spanuploadtitleimgcls {
    margin-top: 5px;
}
.userBorderSeparatorcls {
    border-right: 2px solid #a5a5a5;
    display: inline-block;
    margin-right: 5px;
    height: 22px;
}
.inviteCandidateModalcls .modalbtmbuttoncls {
    padding-top: 0;
}
.inviteCandidateModalcls .circlepaginationcls {
    padding-top: 0;
    margin: 0;
    position: relative;
    top: -6px;
}
.viewAlllistbtncls {
    border: 1px solid #c5c5c5;
    background: #fff;
    font-size: 12px;
    color: #4f4f4f;
    display: inline-block;
    height: 34px;
    font-weight: 400;
    padding: 0 10px;
    border-radius: 4px;
    margin-right: 5px;
}
.cardMemberlistdivcls .taskasgnUserSpantag {
    font-size: 12px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    margin-right: 5px;
    vertical-align: top;
}
.cardMemberlistdivcls .taskasgnDefaultpeoplecls span {
    width: 22px;
    height: 22px;
    line-height: 22px;
}
.cardMemberlistdivcls .assignPeoplemorecls strong {
    font-size: 12px;
    position: relative;
    top: -3px;
}
.moreMemberDropdowncls {
    min-width: auto;
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.taskasgnDefaultpeoplecls .moreMemberDropdowncls span {
    color: #fff;
    margin-right: 5px;
}
.moreMemberDropdowncls li {
    margin-bottom: 5px;
}
.moreMemberDropdowncls li:last-child {
    margin-bottom: 0;
}
.moreMemberDropdowncls .memberShortName {
    width: 22px;
    height: 22px;
    line-height: 22px;
}
.moreMemberDropdowncls .memberFullName {
    color: #3e3e3e;
    font-size: 12px;
}
.breadcrumb_btnRightcls .moreMemberDropdowncls .memberListLeftDetails {
    line-height: 18px;
}
.addReminderModalcls .modal-dialog, .customRemindModalcls .modal-dialog {
    max-width: 340px;
}
.customRemindForModalcls .memberListDrpdwncls {
    padding: 0;
    min-width: 100%;
}
.inviteblockul_licls .candidateskillscolcls {
    padding-top: 0;
}
/* start note page */
.taskNotespagecls .offset-box {
    position: initial;
}
.taskNotespagecls .offset-body {
    position: initial;
    width: 100%;
    overflow-y: hidden !important;
    height: auto;
}
.taskNotespagecls .noteTitleInputcls .row .col-md-10 {
    width: calc(100% - 60px);
}
.taskNotespagecls .noteTitleInputcls .row .col-md-2 {
    width: 60px;
}
.task-shadowOuterdivcls {
    width: 50%;
    float: left;
    padding-right: 15px;
}
.task-shadowOuterdivcls .task-shadow {
    min-height: 190px;
}
.taskNotespagecls #offsetbody1 .offsetclose-btn {
    display: none;
}
/* end note page */

/* start timeline */
.timelineContentdivcls {
    background: #fff;
    border-radius: 5px;
    padding: 10px;
}
.timelineContentLeftcls {
    width: 450px;
    float: left;
}
.timelineContentRightcls {
    width: calc(100% - 450px);
    float: left;
}
.timelineTaskListcls table {
    width: 100%;
}
.timelineTaskListHeadingcls {
    padding: 10px;
    min-height: 40px;
    border-bottom: 1px solid #bdbdbd;
    margin-bottom: 10px;
}
.taskDetailBtnSvgcls, .taskExpandBtnIconcls {
    border: none;
    background: none;
    height: 17px;
}
.taskDetailBtnSvgcls {
    height: 17px;
    line-height: 14px;
    position: relative;
    top: -1px;
}
.taskDetailBtnSvgcls svg {
    width: 17px;
    height: 17px;
}
.timelineTaskListHeadingcls th {
    font-size: 14px;
    font-weight: 400;
    color: #1d1d1d;
}
.timelineTaskRowcls {
    background: #fff0f0;
    border-radius: 5px;
    margin-bottom: 10px;
}
.mainTasktabledivcls {
    padding: 10px 12px;
}
.mainTasktabledivcls td {
    font-size: 14px;
    font-weight: 400;
    color: #1d1d1d;
    vertical-align: top;
}
.subTasktabledivcls td {
    font-size: 12px;
    font-weight: 400;
    color: #1d1d1d;
    padding-bottom: 8px;
    vertical-align: top;
}
.subTasktabledivcls td:nth-child(3) {
    padding-left: 11px;
}
.subTasktabledivcls {
    display: none;
}
.expandtasklistcls .fa-plus:before {
    content: "\f068";
}
.customsvgicondrpdwncls li svg {
    width: 16px;
    margin-right: 2px;
    height: 16px;
}
.cardBoxInsetshadowcls {
    box-shadow: 0 0 0 2px #f22 inset;
}
/* end timeline */
.dropdown-questionmenu {
    padding: 8px !important;
}
/* start feedback12 */
.jobinnerleftsvgcoliconcls svg {
    margin-top: -3px;
}
.form-control:is(:disabled), .form-control[readonly]:not(.flatpickr-input) {
    background-color: #f9f9f9;
    opacity: .7;
    cursor: no-drop;
}
.form-control.shareInput:is([readonly]),
.form-control.shareInput:is(:disabled){
    opacity: 1;
    background-color: #fafafa;
}
.sharelink {
    position: relative;
}

.sharelink>.btn {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background: #ffff;
    border: 1px solid #e1e1e1;
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.sharelink>.btn:focus,
.sharelink>.btn:active,
.sharelink>.btn:focus-visible{
    background: #fafafa;
    border: 1px solid #e1e1e1;
    box-shadow: 0;
}
label.small{
    font-size: 12px !important;
}
.form-control[readonly="readonly"].flatpickr-input{
    cursor: pointer !important;
    color: #4f4f4f;
}
.form-control[readonly="readonly"].flatpickr-input:disabled{
    cursor: no-drop !important;
}

.form-control.location{
    padding-right: 16px !important;
    background: url(../images/icons/location.svg);
    background-position: 98% 50%;
    background-size: 16px;
    background-repeat: no-repeat;
}
.form-control.datefield{
    padding-right: 16px !important;
    background: url(../images/icons/Calendar.svg);
    background-position: 98% 50%;
    background-size: 16px;
    background-repeat: no-repeat;
}
.form-control.timefield{
    padding-right: 16px !important;
    background: url(../images/icons/clock.svg);
    background-position: 98% 50%;
    background-size: 16px;
    background-repeat: no-repeat;
}
.form-control.datetimefield{
    padding-right: 16px !important;
    background: url(../images/icons/Calendar.svg);
    background-position: 98% 50%;
    background-size: 16px;
    background-repeat: no-repeat;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
.selectoptionwithinputcls select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 12px 10px;

    color: #414141;
    height: 36px;
    border: 1px solid #ced4da;
    border-radius: 4px 0 0 4px;
}
.radiocheckListRowdivcls .commonDetailtabTaskListcls .taskH3Textcls {
    width: 95%;
    line-height: 18px;
    vertical-align: top;
    padding-top: 3px;
    padding-bottom: 4px;
}
.mediaBoxslidercls .slick-list {
    text-align: left;
}
.mediaBoxslidercls .slick-track {
    display: inline-block;
}
.jobDescription, .jobDescription iframe {
    width: 100%;
}
.custom_multiselect2stylecls .select2-container--default .select2-selection--multiple {
    height: auto;
    padding: 3px 0 9px;
}
/* end feedback12 */
.taskManagementDetailsPgcls .candidate-choice {
    position: relative;
    z-index: 9;
}

/* start jobinvite modal */
.assignCanFilterdivcls {
    margin-bottom: 5px;
    padding: 0 10px;
}
.assignCanFilterdivcls .dropdown-search {
    border: 1px solid #cfcfcf;
}
.assignCanFilterdivcls .allcandidateadvfilterinnercls {
    display: block;
}
.assignCanFilterdivcls .allcandidateadvfilterinnercls .form-group {
    margin-bottom: 0;
}
.assignCanFilterdivcls .allcandidateadvfilterinnercls .dropdown-toggle {
    width: 100%;
}
.candidateListdivcls .nav-tabs {
    margin-bottom: 15px;
}
.assignCanCheckboxListcls input[type=checkbox] {
    display: none;
}
.assignCanCheckboxListcls input[type=checkbox]:checked + .assignCanCheckboxInnercls {
    box-shadow: 0 0 0 2px #3db389 inset;
}
.assignCanCheckboxListcls {
    -webkit-box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%);
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%);
    border-radius: 5px;
}
.assignCanCheckboxListcls > label {
    display: block;
    cursor: pointer;
    padding-bottom: 0;
}
.assignCanCheckboxInnercls {
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    width: 100%;
}
.assignCanCheckboxListcls img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
}
.assignCanheadingcls strong {
    font-size: 14px;
    font-weight: 400;
    display: block;
}
.assignCanheadingcls span {
    font-size: 12px;
    display: block;
    color: #6a6a6a;
}
.assignCanCheckboxListcls .candidateskillscolcls{
    display:flex;
    gap:4px;
    justify-content: flex-start;
    align-items: center;
}
.assignCanCheckboxListcls .candidateskillscolcls span:not([data-bs-toggle=dropdown]) {
    padding: 1px 6px;
    margin-right: 0;
    margin-bottom: 0;
    margin-top: 5px;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 300;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 22%;
    display: block;
}
.assignCanCheckboxListcls .candidateskillscolcls span:is([data-bs-toggle=dropdown]) {
    padding: 1px 6px;
    margin-right: 0;
    margin-bottom: 0;
    margin-top: 5px;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 300;
    white-space: nowrap;
    display: block;
}
.assignCanCheckboxListcls .skillsmoredropdowncls .customsvgicondrpdwncls li {
    padding-left: 2px;
}
.svgCircleCanProgresscls svg {
    width: 46px;
    height: 46px;
}
.progressCountCancls {
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 12px;
    line-height: 44px;
    text-align: center;
    font-weight: 400;
    color: #171717;
}
.assignCanCheckboxListcls .candidateskillscolcls {
    padding: 5px 0;
}
.assignCanSelecteddivcls h3 {
    font-size: 18px;
    font-weight: 400;
    color: #2c2c2c;
    margin-bottom: 22px;
    margin-top: 8px;
}
.candidateListdivcls {
    border-right: 1px solid #cfcfcf;
    padding-right: 20px;
}
.assigncandidateListdivcls {
    max-height: 360px;
    overflow-y: auto;
    padding: 10px;
}
.assigncandidateListOuterdivcls {
    min-height: 350px;
}
.assignCanPaginationcls {
    padding-left: 10px;
}
.totalPaginationCount {
    font-size: 14px;
    font-weight: 400;
    color: #3f3f3f;
}
.totalPaginationCount b {
    font-weight: 400;
}
.assignCanPaginationcls .pagination .page-link {
    padding: 0 8px;
}
.assignCanPaginationcls .page-link.active {
    background: none;
    color: #000;
}
.assignCanPaginationcls a.page-arrow svg {
    width: 16px;
    height: 18px;
}
.assignCanPaginationcls a.page-arrow {
    background: #55c79e;
    border-radius: 100% !important;
    width: 20px;
    height: 20px;
    padding: 0 !important;
    line-height: 18px;
    text-align: center;
}
.assignCanPaginationcls a.page-arrow.disabled {
    background: #aae3cf;
}
.assignCandidateModalcls .modalbtmbuttoncls {
    padding: 0;
}
.assignCanSelecteddivcls .assignCanCheckboxListcls {
    margin-bottom: 12px;
}
.assignCanSelecteddivcls .scrollbarstyecls {
    max-height: 450px;
    overflow-y: auto;
    padding: 7px;
}
.removeAssignCanBtncls {
    border: none;
    background: #fff;
    width: 22px;
    height: 22px;
    line-height: 14px;
    border-radius: 100%;
    -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 0 5px 0 rgb(0 0 0 / 30%);
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 30%);
}
.removeAssignCanBtncls svg {
    width: 16px;
    height: 16px;
}
/* end jobinvite modal */
.searchboxdivcls .search-input {
    border: 1px solid #e0e0e0;
    border-right: none;
}

/* start sam css */
.taskDetailModalBodycls{
    display:flex
}
.actionrowContainer{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}
.taskDetailModalBodyRightcls ,
.taskDetailModalBodyLeftcls {
    overflow-y: auto;
}
.taskDetailModalBodyRightcls {
    width: 30%;
    float: unset;
}
.taskDetailModalBodyLeftcls {
    width: 70%;
    float: unset;
    min-height: 300px;
    padding: 10px;
    background: rgb(248 249 250);
}
.taskDtabContentInnercls .taskDparaTextcls{
    border: none;
    border-radius: calc(.375rem - 1px);
    padding: 1rem;
    min-height: 15rem;
    height: 15rem;
    max-height: unset;
    resize: vertical;
    padding-bottom: 3rem;
    box-shadow: 0 3px 7px 0 #00000034;
    scroll-padding-right: 10px;
    scrollbar-gutter: stable;
    background: #ffffff;
}
#pills-taskDtabContent .tab-pane{
    position: relative;
}
#editeTaskdetails{
    position: absolute;
    top: -45px;
    right: 0;
}
.checklistAppend_Leftdivcls.checklistDone .taskH3Textcls{
    text-decoration: line-through;
}
.commonTaskDActionrowcls.Full{
    width:100%
}
.commonTaskDActionrowcls.Half{
    width:50%
}
.commonTaskDActionrowcls {
    margin-bottom: 18px;
    background: #ffffff;
    padding: .75rem;
    box-shadow: 0 0 6px 0 #19875445;
    border-radius: 5px;
}
.commonTaskDActionrowcls .reporter{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex: 1 0 0;
    gap:5px
}
.reporter_avatar{
    width: 48px;
    height: 48px;
    box-shadow: 0 0 4px 0 #1987548f;
    border-radius: 50rem;
    margin-right: 10px;
    overflow: hidden;
}
.reporter_avatar img.reporteimage{
    aspect-ratio: 1/1;
    max-width: 100%;
    width: 100%;
    display: block;
    border-radius: 100%;
}
.reporter > .actionLabelSpantagcls{
    font-size: 16px;
}
.performancefillBarcls {
    width: 100%;
    float: left;
    background: #e0e0e0;
    height: 8px;
    border-radius: 20px;
    margin-top: 6px;
}
.performancefillgreenBarcls {
    width: 78%;
    display: block;
    background: #3db389;
    height: 8px;
    border-radius: 20px;
    position: relative;
}
.performancefillBarcls .performancegreentickcls {
    position: absolute;
    right: -17px;
    top: -10px;
    width: 28px;
}
.commonTaskDActionrowcls[data-related=reporter]{
    display: flex;
    align-items: flex-start;
    justify-content: start;
    position: relative;
}
.commonTaskDActionrowcls[data-related=datetime]{
    display: grid;
    row-gap: 20px;
}
.commonTaskDActionrowcls[data-related=datetime] #timezone{
    grid-column: 1/3;
    gap: 8px;
}
.commonTaskDActionrowcls[data-related=datetime] #startsdate{
    grid-column: 1 / 2;
    grid-column-end: -1;
    display: grid;
    gap: 8px;
}
.commonTaskDActionrowcls[data-related=datetime] #endsdate{
    grid-column-start: 2;
    gap: 8px;
}

.smSortByBtncls {
    width: 100%;
}
.commonTaskDActionrowEvent .smSortByTask-dropdown {
    width: 100%;
}
.remindByhrsform > .rhours,
.remindByhrsform > .rminutes
{
    margin-inline: 5px;
    width: 100%;
}
.remindByhrsform{
    display: flex;
    max-width: 100%;
    align-content: center;
    justify-content: space-evenly;
    align-items: center;
}
.remindBydayform{
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 8px;
}

.rbeforeText {
    padding: 0 10px;
    font-size: 12px;
}
.remindBydayinnerRowcls > div {
    display: inline-block;
}
.remindBydayinnerRowcls .rptype, .remindBydayinnerRowcls .rtime {
    margin-left: 4%;
}
#reminderdropdown{
    width: 350px;
}
.remindBydays,
.remindByhours{
    margin-block: 10px;
}
/* .commonTaskDActionrowcls[data-related=reminder] > .commonTaskDActionrowEvent .taskDateAppend_divcls{
  background: rgba(156, 217, 195, 0.28);
  border-radius: 5px;
  margin-block: 3px;
}
.commonTaskDActionrowcls[data-related=reminder] > .commonTaskDActionrowEvent .taskDateAppend_divcls .taskDateAppendSpantag{
  background:none
} */
.common_attach_wrap{
    display: flex;
    gap: 10px;
}
.commonAttachUploadedcls {
    width: calc(25% - 10px);
    height: 58px;
    border: 1px solid #d1d1d1;
    box-shadow: 0 4px 9px 0 #120b310d;
    border-radius: 5px;
    padding: 12px;
    float: left;
    background: #ffffff;
    cursor: pointer;
}

#priority{
  /*position: absolute;
  left:16%;
  top: 50%;*/
  width: fit-content;
}
/* end sam css */
.tabBtnErrorcls {
    color: #e61111 !important;
    border-bottom: 2px solid #e61111 !important;
}
.taskModalActiondivcls {
    text-align: right;
    display: none;
}
.taskDrightheadDivcls {
    width: 100%;
    height: 26px;
    margin-bottom: 10px;
    display: none;
}
.tabSortRightActiondivcls {
    display: inline-block;
}
.tabSortRightActiondivcls select.form-select{
    height: 34px;
}
.skillsmoredropdowncls .customsvgicondrpdwncls ul {
    max-height: 180px;
}
.minexperienceslectcls::after {
    right: -20px;
    top: 40px;
}
.appendStargroupcls {
    margin-left: 10px;
}
.cardDraftBtmdivcls {
    padding: 12px 0;
}
.addtaskdropdownlistcls {
    padding-left: 10px !important;
}
.targetpagecls .crmCommonWhitecarddivcls {
    min-height: auto;
    margin-bottom: 0;
}
.rating_groupouterdivcls .appendStargroupcls .rating__icon--star {
    color: #fff;
}
.rating-group.appendStargroupcls .rating__label {
    padding-right: 5px;
    font-size: 12px;
}
.rating_groupouterdivcls .appendStargroupcls .rating__input:checked ~ .rating__label .rating__icon--star {
    color: #fff;
}
.rating_groupouterdivcls .appendStargroupcls.rating-group:hover .rating__label .rating__icon--star {
    color: #fff;
    opacity: 1;
}
.rating_groupouterdivcls .appendStargroupcls .rating__input:hover ~ .rating__label .rating__icon--star {
    color: #ddd;
    opacity: .5;
}

/* start candiate folder */
.candidate_list .project{
    color: #B6B6B6;
    font-size: 0.7rem;
}
.space{
    padding: 3rem 0;
}
h4.list_of_candidatehead {
    font-size: 16px;
    font-weight: 400;
    padding-top: 10px;

}
.buttonAddforcandidates{
    background: #FF9900;
    border: 1px solid #D9D9D9;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    width: fit-content;
    height: 40px;
}
.candidateleftsidebox{
    background: #FFFFFF;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    margin-top: 15px;
    padding: 15px 0;
}
.candidateleftsidebox h5{
    font-weight: 400;
    font-size: 16px;

}
.usercircle{
    background: #A7ECD4;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    text-align: center;
    line-height: 19px;
}
.usercircle i{
    font-size: 12px;
}

.candidateleftsidebox .totalCandidates h6{
    color: #767676;
    font-size: 14px;
    font-weight: 400;
}
.candidate_folderhead .emptyboxparagraph{
    font-size: 18px;
    font-weight: 400;
    margin-top: 10px;
}

.candidateleftsidebox .dotedincandidatefolder{
    color: #B7B7B7;

}
.candidateleftsidebox.active{
    background: linear-gradient(90deg, rgba(61, 180, 138, 0.5) 0%, rgba(97, 244, 191, 0.5) 97.61%);
    color:#fff;
}
.candidateleftsidebox.active .input-group .formControl{
    background:transparent;
    pointer-events:all;
    outline:0 !important;
    box-shadow:none !important  ;
}
.candidateleftsidebox.active svg{
    color:#fff;
}
.closewithmargininbox{
    margin-left: -22px;
}

.topbarNav .questionmmarkbox{
    height: 45px;
    text-align: center;
    width: 45px;
    border-radius: 50%;
    background: #FFFFFF;
    box-shadow: 0 0 4px rgb(0 0 0 / 25%);
    line-height: 44px;
    margin: 10px 0;
}
.topbarNav .notificationbox{
    height: 45px;
    text-align: center;
    width: 45px;
    border-radius: 50%;
    background: #FFFFFF;
    box-shadow: 0 0 4px rgb(0 0 0 / 25%);
    line-height: 44px;
    margin: 10px 0;
}
.topbarNav .userimgbox{
    border-radius: 50%;
}
.pointer-none{
    pointer-events:none !important;
}
.userBox{
    background: #FFFFFF;
    box-shadow: 0 0 4px rgb(0 0 0 / 25%);
    border-radius: 4px;
    padding: 15px 10px;

    position: relative;

}
.candidaterightsidebox{
    margin-top: 2rem;
    padding: 22px 22px;
    background: #FFFFFF;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
}
.userBox .userDetailContent h3{
    color: #4D4D4D;
    font-size: 16px;
    font-weight: 400;
    word-break: break-all;
}
.userBox.active{
    border:1px solid #3db389;
}

.userBox .userDetailContent .profession{
    color: #4E4E4E;
    font-size: 14px;
}
.userBox .userDetailContent .profession span{
    position: relative;
    bottom: 1px;
}
.userBox .userDetailContent .userinformation span{
    color: #4E4E4E;
    font-size: 13px;
    font-weight: 400;
    margin-top:2px;


}
.userBox .proffesionbtn{
    background: #FFFFFF;
    border: 1px solid #C7C7C7 !important;
    border-radius: 20px;
    color: #6D6F6D !important;
    font-size: 10px;
    padding: 5px 9px;
    margin: 1px;
    display: inline-flex;
}
.userBox .professionaplliedbtn{
    background: #FFFFFF;
    border: 1px solid #FF9900 !important;
    border-radius: 15px;
    font-size: 10px;
    font-weight: 400;
    float: right;
    padding: 5px 9px;
   margin-bottom: 8px;

}
.candidatefoldersearchBar .searchBtn{
    background: rgba(62, 214, 160, 0.46) !important;
    border-radius: 4px;
    width: fit-content;

}
.candidatefoldersearchBar .input-group{
    width: fit-content;
    display: inline-flex;
    margin: 4px 7px;


}
.candidatefoldersearchBar .input-group input,
.candidatefoldersearchBar .input-group .dropdown-toggle{
    background: #FFFFFF;
    border: 1px solid #3FD9A1 !important;
    border-radius: 5px;
    font-size: 14px;
    color: #4E4E4E !important;
    font-weight: 400;
    font-family: 'Inter', sans-serif;
}

.candidatefoldersearchBar .input-group .dropdown-toggle::after{
    margin-left: 3.255em;
}

.candidatefoldersearchBar .resetFilter,
.candidate_folderhead .resetFilter{
    background: #FF9900;
    border: 1px solid #D9D9D9;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    float: right;
    display: inline-block;
    margin: 4px 7px;
}
.absBtn {
    right: 0;
    top: 0;
    position: absolute !important;
    z-index: 99 !important;
    pointer-events: all;
}
.candidaterightsidebox .userDetailspagination .page_link {
    text-decoration: none;
    color: #6D6F6D;
    font-size: 14px;

}
.page_link.active{
    background: #FF9900;
    display: block;

    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
}
.candidateFolderMcls .modal-body .input-group .checkBtn {
    background: #3ED6A0;
    border: 1px solid #C7C7C7;
    border-radius: 5px;
    padding: 7px;
}
.candidateFolderMcls .modal-body .input-group input {
    background: #FFFFFF;
    border: 1px solid #C7C7C7;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 400;
}
.candidateFolderMcls .modal-body .modalheading {
    font-size: 14px;
    margin-top: 35px;
}
.candidateFolderMcls .modal-body .modalBox {
    background: #FFFFFF;
    border: 1px solid #AADDDD;
    border-radius: 8px;
    padding: 14px;
}
.candidateFolderMcls .modal-body .modalBox .input-group {
    background: #FFFFFF;
    border: 1px solid #C7C7C7;
    border-radius: 5px;
}
.candidateFolderMcls .modal-content .modal-footer button {
    background: #FF9900;
    border: 1px solid #D9D9D9;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
}
.modalBox .userDetailspagination li a{
    text-decoration: none;
    color: #767676;
}

.candidateFolderMcls .modal-footer{
border-top: none;
}
.candidateFolderMcls .modal-title{
    font-size: 16px;
}
.candidateFolderMcls .modal-dialog {
    min-width:60vw;
}
.candidateFolderMcls .formControl {
    width: 80%;
   }

.userDetailContent  .iconsuserDetail{
    position: absolute;
    top: 1px;
    z-index: 444;
    cursor: pointer;
    right: 1px;
}

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  .allJobsSideBox {
    scrollbar-width: auto;
    scrollbar-color: #36b48a  #cfcfcf;
  }

  /* Chrome, Edge, and Safari */
  .allJobsSideBox::-webkit-scrollbar {
    width: 8px;
  }

  .allJobsSideBox::-webkit-scrollbar-track {
    background: #cfcfcf;
  }

  .allJobsSideBox::-webkit-scrollbar-thumb {
    background-color: #399d45;
    border-radius: 3px;
    border: 0 solid #ffffff;
  }
  .bg-green {
    background-color: #36b48a !important;
}
.allJobsSideBox {
    max-height: 500px;
    overflow-y: auto;
    padding:.25em
}
.resetFilter button.btn.text-white {
    font-size: 16px;
}
.candidateFolder_topAction{
    position: relative;
    margin-bottom: 2rem;
}
.candidateFolder_topAction .btn-ra{
    position:absolute;
    right:0;
    top:0
}
.btn-icon-primary{
    border: none;
    background: #3ebb8e;
    width: 34px;
    height: 34px;
    border-radius: 4px;
    margin-left: 12px;
    cursor: pointer;
}
.candidateFolder_topAction .input-group.search-input{
    position: relative;
    padding-right:45px
}
.candidateFolder_topAction .input-group.search-input .btn[type=button]{
    background: #ffffff;
}
.input-group.search-input{
    position: relative;
}
/* end candidate folder */
.img50Widthcls {
    width: 50px;
    height: 50px;
    border-radius: 100%;
}
.candidateDetailbox .candidateinnercolcls {
    -webkit-box-shadow: 0 0 12px 0 rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 15%);
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 15%);
}
.ganttchartdivcls input[type="text"].date {
    position: initial;
}
.ganttchartdivcls td.gdfCell input[type="checkbox"] {
    appearance: none;
    background-color: #fff;
    margin: 0;
    font: inherit;
    color: #36b48a;
    width: 1.15em;
    height: 1.15em;
    border: 0.15em solid #36b48a;
    border-radius: 0.15em;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
    display: none;
}
.ganttchartdivcls td.gdfCell input[type="checkbox"]::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em #36b48a;
    background-color: #36b48a;
}
.ganttchartdivcls td.gdfCell input[type="checkbox"]:checked::before {
    transform: scale(1);
    transform-origin: bottom left;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}

.candidate_verify{
    width: 18px;
    height: 18px;
    border-radius: 1rem;
    border:none;
    display:inline-block;
    text-align: center;
    line-height: 16px;
    font-size: 12px;
    color: #ffffff;
    cursor: pointer;
    padding: 1px 3px 0 3px;
}
.candidateinnercolcls[data-verify=norequest] .candidate_verify, .card[data-verify=norequest] .candidate_verify {
    background: var(--bs-danger) !important;
}
.candidateinnercolcls[data-verify=accepted] .candidate_verify, .card[data-verify=accepted] .candidate_verify {
     background: var(--bs-success);
}
.candidateinnercolcls[data-verify=pending] .candidate_verify, .card[data-verify=pending] .candidate_verify {
    background: var(--bs-warning);
}


.candidateinnercolcls .candidate_verify svg{
    fill:#ffffff;

}
/* start taskNote New */
.userNotes .dashboardTagline button{
    background: #BFE4D6 !important;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
}
.userNotes .dashboardTagline .heading h5{
    font-weight: 400;
    font-size: 20px;
}
.userNotes .dashboardTagline .heading .subtag{
    color: #3db389;
}
.userNotes .dashboardTagline .heading span{
    font-weight: 400;
    font-size: 14px;
}
.usernotesSearchbarsection .searchbarusernote .input-group{
    background: #FFFFFF;
    border: 1px solid rgba(61, 183, 139, 0.2);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    max-width: 50%;
}
.usernotesSearchbarsection .searchbarusernote .input-group input{
    color: #797979;
    font-size: 14px;
    font-weight: 400;
}

.usernotesSearchbarsection .searchbarBox{
    background: #FFFFFF;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    padding: 1rem;
}
.usernotesSearchbarsection .searchbarusernoteBtn button{
    background-color: #F2994A !important;
    border-radius: 4px;
    font-size: 14px;
}
.userNotesboxesSection .userNotesBoxes .numberTag{

    border-radius: 4px;
    transform: rotate(-90deg);
    font-size: 10px;
    padding: 5px 8px;
}
.editIconsnotes{
    color: grey;
    margin-right: 7px;
}
.userNotesboxesSection .userNotesBoxes .numberTag .number{
    position: relative;
    top: 1px;
}
.userNotesboxesSection .userNotesBoxes{
    background: #FFFFFF;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    padding: 20px 0;
    height: 100%;
}

.userNotesboxesSection .userNotesBoxes .userNotesicons{
    position: absolute;
    top: 14px;
    z-index: 44;
    right: 10px;
    z-index: 1;
}

.userNotesboxesSection  .userNotesicons  button{
    background: #FFFFFF;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    padding: 4px 9px;
}
.userNotesboxesSection  .userNotesicons  .dropdown button{
    padding: 4px 6px;
}
.userNotesboxesSection .userNotesBoxes .numberTag p img{
    transform: rotate(90deg);
}

.userNotesboxesSection .userNotesBoxes .boxTitle h4{
    font-size: 16px;
    font-weight: 400;
}
.userNotesboxesSection .userNotesBoxes .boxTitle span{
    font-size: 12px;
    font-weight: 400;
    color: #656565;
}
.userNotesboxesSection .userNotesBoxes .boxTitle > div{
    display: flex;
    justify-content: space-between;
    align-items: center;

}
.userNotesboxesSection .userNotesBoxes .boxTitle > div .taskCommntAttachdivcls{
    margin-left:10px
}
.userNotesboxesSection .userNotesBoxes .userNotesboxContentSection .userNotespara {
    font-size: 12px;
    font-weight: 400;
    margin-top: 10px;
    height: 180px;
    overflow-y: auto;
}
.userNotesboxesSection .userNotesBoxes .userNotesboxContentSection{
    padding: 10px;
}
.userNotesboxesSection .userNotesBoxes .userNotesboxContentSection .userCirclename .circlename{
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    height: 30px;
    width: 30px;
    font-size: 12px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    margin-top: 10px;
}

.dropdownCirclenameTag{
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    height: 30px;
    width: 30px;
    font-size: 12px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    margin-top: 10px;
}
.userNotesboxesSection .userNotesBoxes .userNotesboxContentSection .userCirclename .circlename:nth-child(1){
    background: #BFE4D6;
}
.userNotesboxesSection .userNotesBoxes .userNotesboxContentSection .userCirclename .line{

    border: 1px solid rgba(0, 0, 0, 0.1);
    height: 26px;
    position: relative;
    top: 5px;
}
.filledtheColor{
    fill: #000000;
}
.userNotesboxesSection .userNotesBoxes .userNotesboxContentSection  .userbtns button{
    margin-top: 10px;
    font-size: 12px;
    margin-right: 5px;
    background: #F2F2F2;
    border: 1px solid rgba(38, 131, 80, 0.2);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    border-radius: 25px;
}
.userNotesboxesSection .userNotesBoxes .userNotesboxContentSection .userCirclename{
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.userNotesicons .dropdown-menu  li a span img{
    margin-right: 10px;
}

.userNotesicons .dropdown-menu  li a{
    font-size: 12px;
    font-weight: 400;
    color: #000000 !important;
}
.userNotesicons .dropdown-menu{
    --bs-dropdown-min-width: 9rem !important;
}
.taskNoteModalcls .modal-title {
    font-size: 16px;
    font-weight: 400;
}
.taskNoteModalcls .modal-dialog {
    min-width: 40vw;
}

.taskNoteModalcls  .createTaskHeading label,
.taskNoteModalcls .createTaskdropdowns label,
.taskNoteModalcls label{
    font-size: 14px;
    margin-bottom: 5px;
}
.taskNoteModalcls  .createTaskHeading input{
    font-size: 14px;
}

.taskNoteModalcls .createTaskChecking label{
    font-size: 12px;
    font-weight: 400;
    position: relative;
    top: 2px;
    margin-left: 8px;
}
.taskNoteModalcls .overflow_menu label{
    font-size: 12px;
    margin-bottom: 0;

}
.taskNoteModalcls .modal-footer button{
    font-size: 14px;
    padding: 8px 35px;
    border-radius: 5px;
}
.taskNoteModalcls .modal-footer button:nth-child(1) {
    background-color: transparent;
    border: 1px solid #ddd;

}
.taskNoteModalcls .modal-footer button:nth-child(2){
    background-color: #F2994A;
    color: white;
}

.taskNoteModalcls .modal-footer button {
    font-size: 12px;
}

.taskNoteModalcls .modal-footer button:nth-child(1) {
    background-color: transparent;
    border: 1px solid #F2994A;

}
.taskNoteModalcls  .modal-footer button:nth-child(2) {
    background-color: #F2994A;
    color: white;
}
.taskNoteModalcls .createNewNoteIcons img,
.taskNoteModalcls .createNewNoteIcons svg {

    background: #FFFFFF;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
border-radius: 3px;
}
.taskNoteModalcls .createNewNoteIcons {
    margin-top: 30px;
}
.taskNoteModalcls .createNewNoteIcons img {
  width: 34px;
    padding: 6px;
}
.taskNoteModalcls .createNewNoteIcons svg {
    height: 34px;
    width: 32px;
    padding: 6px;
}
.ckEditor .pluscircle{
    padding: 0 8px;
    line-height: 23px;
    border-radius: 50%;
    background: #FFFFFF;
    border: 1px solid #3DBA8D;
    cursor: pointer;
}
.ck-editor__editable {
    min-height: 300px;
}

.modal-body .colorChange .colorBalls{
    border-radius: 50%;
    padding: 10px;
}
.shadowboxCircle{
    box-shadow: 0 0 0 2px #000000;
}
.userNotesboxContentSection .newFeature{
    background: #FFFFFF;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    width: fit-content;
    padding: 8px 10px;
    margin-bottom: 10px;
    color: #000000;
    font-weight: 400;
}
.userNotespara p {
    margin-bottom: 12px;
}
/* end taskNote New */

/* start signup */
.signup_form {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}
.signup_form_bg {
    min-width: 500px;
    margin: 0 auto;
    background: #fff;
    padding: 20px 30px;
    box-shadow: 0 4px 20px rgb(0 0 0 / 7%);
    border-radius: 10px;
    position: relative;
    z-index: 9;
}
.signup_form label {
    position: inherit;
    color: #212529;
}
.signup_form .form-control:disabled, .signup_form .form-control[readonly] {
    background-color: #fff;
    opacity: 1;
}
.signup_form .talCancelBtn, .signup_form .talOrangebtncls {
    display: inline-block;
}
.bg-talbotiq img {
    width: 100%;
}
/* end signup */
.taskActivitiesListcls .commonAttachUploadedcls {
    width: 100%;
    display: flex;
    height: auto;
    align-items: center;
}
.taskActivitiesListcls .commonAttachIconcls {
    width: auto;
    float: none;
}
.taskActivitiesListcls .commonAttachUploadedTextcls {
    width: auto;
    float: none;
    padding-left: 10px;
}
.days_ago_Btag {
    font-size: 11px;
    font-weight: 400;
    color: #828282;
    padding-left: 5px;
}
.projectStatusUlcls .memberListDrpdwncls li {
    border-bottom: none;
}
.common_subtask_btn {
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 15px;
}
.common_subtask_btn .btn-success {
    min-width: 120px;
    background-color: #2cb487;
    border-color: #2cb487;
}
.common_subtask_btn .btn-success:hover {
    background-color: #24a67b;
    border-color: #24a67b;
}
.graphactionButtondivcls .commonMorefilterOuterdpcls {
    min-width: 450px;
}
.commonMorefilterHeightcls.memberListDrpdwncls {
    min-width: 100%;
    padding: 2px;
}
/* .commonTaskDActionrowcls[data-related="taskrepeat"] .taskDateAppendSpantag {
    background: #e3f4ee;
    border-radius: 5px;
} */
.genOfferTabContentdivcls .commonAttachUploadedcls {
    width: calc(50% - 10px);
}
/* start gantt css */
.teamworkIcon {
    display: none;
}
.ganttFixHead th.gdfColHeader {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 400;
    color: #353535;
}
/* .gdfCell {
    padding: 8px 2px;
} */
.taskEditRow[level="0"] {
    background: #cfe4e5;
}
.taskEditRow[level="1"] {
    background: #fff8f8;
}
.taskEditRow.rowSelected td {
    background-color: transparent;
}
.ganttHead1 th {
    background: #fff;
    font-weight: 400;
    color: #2e2e2e;
    padding-left: 10px;
}
.ganttHead2 th {
    background: #fff;
    font-weight: 400;
    color: #353535;
    text-align: center;
}
.ganttHead2 th.holy {
    background-color: #ffbcbc;
}
.exp-controller {
    top: 4px;
    margin-left: -8px;
}
/* end gantt css */
.advance_filter_btn_div {
    display: none;
    padding: 10px 0;
}
.taskManagementDetailsPgcls .advance_filter_btn_div {
    padding: 10px 0 0 0;
}
.advance_filter_mobile_btn {
    border: 1px solid #a3dfca;
    background: #e7f8f2;
    border-radius: 5px;
    padding: 8px 10px;
    width: 100%;
    color: #3db389;
    text-align: left;
    font-size: 14px;
}
.advance_filter_mobile_btn i.ti {
    font-size: 12px;
    margin-top: 4px;
}
.advfiltertopsectioncls {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.filter_mobile_btn_active i.ti {
    transform: rotate(-180deg);
}

/* start digital signature */
.signature-top-header {
    background: linear-gradient(180deg, #3db389 0%, #3fdba3 100%);
    height: 80px;
    position: fixed;
    width: 100%;
    z-index: 99;
}
.signature-box {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgb(0 0 0 / 7%);
    margin-bottom: 20px;
}
/* .signature-top-details {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
} */
.signature-img-title {
    display: flex;
    align-items: center;
}
.client-img-div img {
    width: 60px;
    height: 60px;
    border-radius: 100%;
}
.client-title-div {
    padding-left: 10px;
    display: grid;
    grid-template-columns: repeat( auto-fill , minmax(300px, 1fr) );
}
.client-title-div span {
    display: block;
    margin-bottom: 2px;
}
.client-title-div span b {
    font-weight: 400;
}
.signature-action-btn {
    display: flex;
    align-self: end;
}
.signature-action-btn button svg, .signature-action-btn a svg {
    margin-right: 8px;
}
.signature-action-btn button[data-related="download"], .signature-action-btn a[data-related="sign"] {
    border: 1px solid #3db98d;
    background: #3db98d;
}
.signature-action-btn a[data-related="reject"] svg, .signature-action-btn a[data-related="sign"] svg {
    width: 16px;
}
.signature-action-btn a.talOrangebtncls:hover, .signature-action-btn a.talGreenbtncls:hover {
    color: #fff !important;
}
.signature-description {
    max-height: 450px;
    overflow-y: auto;
}
.signature-description p {
    font-size: 16px;
    margin-bottom: 15px;
}
.signIn-pagecls .signature-description {
    max-height: 180px;
}
.ctitle-inner-div span {
    display: inline-block;
    margin-right: 35px;
}
.signIn-pagecls .client-img-div img {
    width: 65px;
    height: 65px;
}
.signature-upload-section .smallNoteTextcls {
    font-size: 12px;
    color: #808080;
    padding-top: 0;
}
.signature-upload-imgdiv {
    width: 100%;
    min-height: 175px;
    border: 1px solid #cacaca;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.signature-upload-imgdiv img {
    max-width: 200px;
    max-height: 100px;
}
.signature-upload-btn {
    display: flex;
    justify-content: flex-end;
    padding-top: 20px;
}
.signature-upload-btn .talGreenbtncls {
    min-width: auto;
    padding: 0 12px;
}
.signature-upload-btn .talGreenbtncls svg {
    width: 24px;
}
.signature-acceptance-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 60px;
}
.signature-acceptance-btn .talGreenbtncls svg {
    margin-right: 8px;
    width: 16px;
}
.signature-acceptance-btn .form-check .form-check-input, .signature-acceptance-btn .form-check label {
    cursor: pointer;
}
.signature-success-div {
    max-width: 800px;
    margin: 0 auto;
}
.check-gif-img {
    text-align: center;
}
.check-gif-img img {
    max-width: 300px;
}
.success-text-div {
    max-width: 500px;
    margin: 0 auto;
    padding-bottom: 50px;
}
.success-text-div p, .reject-text-div p {
    font-size: 16px;
    margin-bottom: 10px;
}
.success-text-div p span, .reject-text-div p span {
    display: block;
    margin-bottom: 8px;
}
.success-btn-div {
    padding-top: 20px;
    margin-left: 0;
}
.success-btn-div .talGreenbtncls svg {
    margin-right: 8px;
}
.reason-textarea-div .smallNoteTextcls {
    font-size: 12px;
    color: #737373;
}
.reject-btn-div {
    display: flex;
    justify-content: flex-end;
}
.reject-text-div .client-img-div img {
    width: 90px;
    height: 90px;
    margin-bottom: 20px;
}
.reason-textarea-div {
    padding-top: 105px;
}
.uploadSignatureModalcls .upload-box {
    border: 1px dashed #e0e0e0;
    border-radius: 5px;
    background: #fafafa;
    cursor: pointer;
    padding: 50px 10px;
}
/* end digital signature */

/* start reminder */
.allTaskListdivcls  .leftSidebaarCreateReminder{
    background: #FFFFFF;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.17);
    border-radius: 10px;
    min-height: 650px;
}


/* .breadcrumb-container{
    position:fixed;
    z-index:99;
    width:100%;
} */

#AddnewReminder .modal-body{
    cursor: context-menu;
}

/* .plannerpagecls{
    margin-top:10rem;
} */



.allTaskListdivcls .leftSidebaarCreateReminder .top_heading h3,
#flip .top_heading h3{
    font-size: 20px;
    color: #44A36A;
    font-weight: 400;
    margin-bottom: 0;
    word-break: break-all;
    padding-right: 20px;

}

.fc-popover-body .fc-daygrid-event-harness .fc-h-event{
    mix-blend-mode: normal;
    border-radius: 4px;
    border-left: 0;
}

.fc-popover-body .fc-daygrid-event-harness .fc-h-event .fc-event-title{
    font-weight: 400;
    font-size: 12px;
}

.fc-popover-body .fc-daygrid-event-harness:nth-child(1) .fc-h-event{
    background: rgba(40, 199, 111, 0.12);
}
.fc-popover-body .fc-daygrid-event-harness:nth-child(2) .fc-h-event{
    background: rgba(0, 207, 232, 0.12);
}

.fc-popover-body .fc-daygrid-event-harness:nth-child(3) .fc-h-event{
    background:#696cff1f;

}
.fc-popover-body .fc-daygrid-event-harness:nth-child(4) .fc-h-event{
    background: #ffab001a;

}

.fc-popover-body .fc-daygrid-event-harness:nth-child(1) .fc-h-event .fc-event-title{
    color: #28C76F;

}

.fc-popover-body .fc-daygrid-event-harness:nth-child(2) .fc-h-event .fc-event-title{
    color: #00CFE8;
}

.fc-popover-body .fc-daygrid-event-harness:nth-child(3) .fc-h-event .fc-event-title{
    color: #7367F0;
}
.fc-popover-body .fc-daygrid-event-harness:nth-child(4) .fc-h-event .fc-event-title{
    color: #FF9F43;
}
.myDatePicker{
    position: relative;
 }
 .myDatePicker::-webkit-calendar-picker-indicator{
   position: absolute;
   content: "";
   width: 100%;

   height: 100%;
  background: none;
}






#plannerCalendar .fc-popover-header {
    background: white !important;
}
#plannerCalendar .fc-popover-title{
    padding-left: 10px;
    margin-top: 10px;
}

.allTaskListdivcls .leftSidebaarCreateReminder .createReminderButton button,
#flip .createReminderButton button{
    background: #3DB389;
    box-shadow: 0 0 4px #BDBDBD;
    border-radius: 5px;
    line-height: 2px;
    padding: 8px;
}

#flip{
    background: #FFFFFF;
    box-shadow: 0 0 12px rgb(0 0 0 / 17%);
    border-radius: 10px;
    padding: 8px 15px;
}
#flip .top_heading{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.allTaskListdivcls .leftSidebaarCreateReminder .top_heading{
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.allTaskListdivcls .leftSidebaarCreateReminder .reminder_searchbar input{
    background: #FFFFFF;
    border: 1px solid #BDBDBD;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    margin-top: 2rem;
}

.allTaskListdivcls .filterBy_typeSection,
.allTaskListdivcls .filterBy_CategorySection,
.allTaskListdivcls .filterBy_UsersSection{
    margin-top: 2rem;

}
.allTaskListdivcls .filterBy_typeSection .filterbytypecheckBoxSection{
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.allTaskListdivcls .filterBy_typeSection .filterbytypecheckBoxSection label{
    font-size: 14px;
    font-weight: 400;
    margin-right: 2rem;
}

.allTaskListdivcls .filterBy_typeSection .filterHeading,
.allTaskListdivcls .filterBy_CategorySection .filterHeading,
.allTaskListdivcls .filterBy_UsersSection .filterHeading{
    font-size: 14px ;
    font-weight: 400;
    margin-left: 10px;
}

.allTaskListdivcls .filterBy_CategorySection .colorBalls{
    padding: 10px;
    border-radius: 50%;
    margin-left:12px;
}
#AddnewReminder .colorChange .colorBalls{
    margin-right:10px;
}

.shadowboxCircle {
    box-shadow: 0 0 0 1px #000000 !important;
}

.filterBy_UsersSection .dropdown-menu .dropdown-item{
    font-size: 14px;
}

.allTaskListdivcls .filterBy_UsersSection .dropdown-menu .dropdown-item:hover {
    background: #3DB389 !important;
    border-radius: 4px;
    color: white !important;
}

#AddnewReminder .modal-header{
    border-bottom: 0 !important;
}

#AddnewReminder .modal-header h5{
    font-size: 16px;
    color: #282828;
    font-weight: 400;
}
#AddnewReminder .reminderTitleinput,
#AddnewReminder  .reminderType_input{
    background: #FFFFFF;
    border: 1px solid #BDBDBD;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
}
#AddnewReminder .reminderTitleinput{
    margin-top: 1px;
}

#AddnewReminder  #reminderType{
    font-size: 12px;
}
#AddnewReminder .modal-dialog{
    max-width: 46vw;
}

.draggable.ui-draggable {
cursor: context-menu;
}
.ui-draggable-handle{
cursor: move;
}
.ui-draggable-handle.ui-draggable-disabled{
cursor: default;
}
.reminderDateinput .calender_icon{
    position: absolute;
    top: 5px;
    z-index: 9;
    right: 5px;
}


#AddnewReminder .memberAddBtncls {
    width: 20px;
    height: 20px;
    line-height: 12px;
}
#AddnewReminder .memberAddBtncls svg{
    height: 12px;
    width: 12px;
}
.commonTaskDActionrowLabel img ,
.commonTaskDActionrowLabel svg{
    width: 12px;
}

.actionLabelSpantagcls {
    font-size: 14px;
    font-weight: 400;
    color: #4f4f4f;
}

 #AddnewReminder .addBtn_Plus{
    background: #F2994A;

    background: #F2994A;
    border: 0;
    height: 24px;
    width: 24px;
    border-radius: 50%;

 }

 #AddnewReminder .col-md-6{
    margin-bottom: 1rem;
 }

 #AddnewReminder .DiscardBtn,
 #MakenewTemplate .DiscardBtn{
    background: #F2994A;
    box-shadow: 0 0 4px #bdbdbd;
    border-radius: 5px;

    width: 6rem;
    padding: 8px 0;
 }
 #AddnewReminder .SaveBtn,
 #MakenewTemplate .SaveBtn{
    background: linear-gradient(180deg, #3DB389 0%, #3FDBA3 100%);
box-shadow: 0 0 4px #BDBDBD;
border-radius: 5px;

padding: 8px 14px;
 }

 #resendModal .cancel_reminderNo{
    background: #F2994A;
box-shadow: 0 0 4px #BDBDBD;
border-radius: 5px;
 }
 #resendModal .cancel_reminderYes{
    background: linear-gradient(180deg, #3DB389 0%, #3FDBA3 100%);
box-shadow: 0 0 4px #BDBDBD;
border-radius: 5px;
margin-left: 3rem;
 }

 #AddnewReminder  .titleTag{
    font-size: 14px;
    font-weight: 400;
 }

#resendModal .cancel_reminderNo .fi-rr-cross-small,
#resendModal .cancel_reminderYes .fi-rr-check{
    position: relative;
    top: 2px;
}

#AddnewReminder .col-md-4{
    margin-bottom: 1rem;
}


.SuccessMsg{
    background: #BCEDDB;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
border-radius: 8px;
position: absolute;

right: 30px;
bottom: 15px;
z-index: 4;
padding: 10px;
}

.SuccessMsg .crossIcon{
    position: absolute;
    right: 6px;

}

.SuccessMsg .paramsg{
    width: 95%;
}
.SuccessMsg .paramsg p{
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    line-height: 24px;
}

.headerButtons .CloseModal{
    cursor: pointer;
}
 #AddnewReminder .col-md-1,
 #AddnewReminder .searchreminder_titleinput,
 .reminderTitleinput{
    transition: all ease 1s;
 }




#ModalWrapper{
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0 , 0, 0.3);
    z-index: 999;
    top: 0;
    left: 0;
    display: none;



}
#ModalBody{
    position: absolute;
    background-color: white;
  min-height: 300px;
    width: 45vw;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #FFFFFF;
    box-shadow: 0 0 13px 2px rgba(0, 0, 0, 0.25);
    border-radius: 8px;

}

.headerdropdownbutton{
    font-size: 20px;
    position: relative;
    top: 1px;
}

.headerButtons{
    padding: 20px;
}

.ModalContent{
    padding: 0 3rem 3rem 3rem;
}

.ModalContent h3{
    font-size: 22px;
    font-weight: 400;
    padding-left: 2.7rem;

}

.ModalContent h3::before{
    content: "";
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #7367F0;
    position: absolute;
    left: -6px;
    top: 3px;

}

.ModalContent .Time_and_Location,
.ModalContent .designreview .para{
    font-size: 16px;
    color: #7E7E7E;
    font-weight: 400;
    padding-left: 2.7rem;
}
.ModalContent .designreview .para{
    padding-left: 1rem;
}

#ModalWrapper .userTitle .userTitleTags{
    font-size: 12px;
    color: #484848;
    font-weight: 400;
    background: rgba(115, 103, 240, 0.12);
    border-radius: 4px;

    margin-left: 1rem;
    padding: 6px 11px;
    margin-bottom: 12px;

}
#ModalWrapper .weekDays .weekDaysTags{
    padding-left: 1rem;
}
#ModalWrapper .weekDays  span{
    color: #000000;
    font-size: 16px ;
    font-weight: 400;
}
#ModalWrapper .weekDays .weekDaysIcon{
    padding-right: 2rem;
}

#ModalWrapper .dropdown-menu .dropdown-item{
    font-size: 12px;
    font-weight: 400;
    color: #282828;
}

.dropdown-menu .dropdown_icon{

    margin-right: 8px;
    position: relative;
    top: 2px;

}
.Sharediv_section .shareTitle{
    font-size: 16px;
    font-weight: 400;
    margin-left: 10px;
}

.Sharediv_section{
    background: #F5F5F5;
    border-radius: 7px;
    padding: 14px 20px;
}

.sharedivSearch_bar{
    background: #FFFFFF;
border: 1px solid #BDBDBD;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
border-radius: 5px;
}

.sharedivSearch_bar .input-group button i{
    font-size: 20px;
}
.Sharediv_section .social_Icons .icons{
    background: #9BEED0;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    margin-right: 15px;
}


#MakenewTemplate .modal-title{
    font-size: 16px;
    font-weight: 400;
}

#MakenewTemplate .input-group input,
#MakenewTemplate .input-group textarea{
    background: #FFFFFF;
border: 1px solid #BDBDBD;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
border-radius: 5px;
width: 100%;
padding: 8px;
}

#MakenewTemplate .modal-dialog{
    max-width: 40vw;
}

#MakenewTemplate .col-md-12,
#MakenewTemplate .col-md-6{
    margin-bottom: 1.5rem;
}


/* #AddnewReminder .col-md-1 span{
    box-shadow: 0 0 8px;
    height: 35px;
    display: block;
    width: 35px;
    text-align: center;
    border-radius: 11px;

} */

/* #AddnewReminder .col-md-1 img{
    border-radius: 30px;
} */


#resendModal .modal-body .check_Img {
    position: absolute;
    top: -30px;
    left: 42%;
 }
 #resendModal .modal-body .check_Img img{
 width: 30px;
 }

 .widthoftable{
    width: 380px;
 }

 .resendmodalcircle span {
    width: 66px;
    height: 66px;
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    line-height: 66px;
    background: #fff;
    box-shadow: 0 0 14px 0 rgb(0 0 0 / 15%);
    -webkit-box-shadow: 0 0 14px 0 rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.15);
 }

 #resendModal .modal-body .para_resend_Modal {
    text-align: center;
    padding: 45px 0 0;

 }
 #resendModal .modal-body .para_resend_Modal .update_status{
    color: #000000;
    font-size: 16px;
 }
 #resendModal .modal-body .para_resend_Modal .client_name{
    color: #00507D;
    font-size: 18px;
 }

 #resendModal .resend_Cancel_modal{
    background: linear-gradient(90.06deg, #3DB389 0.05%, #3FD8A1 99.94%);
 border-radius: 4px;
 font-size: 12px;
 color: white;
 }

 #resendModal .modal-md{
    margin-top: 14rem;
    width: 370px;

 }
/* end reminder */
.candidateEducationsec_cls .canexp_contentbodyMidtextcls, .candidateCertificationsec_cls .canexp_contentbodyMidtextcls {
    width: calc(100% - 150px);
}
.allTaskListdivcls .filter .dropdown {
    width: 50%;
}
.allTaskListdivcls .filter .dropdown .btn.filter-btn {
    width: 100%;
    text-align: left;
}
.allTaskListdivcls .filter .dropdown .btn.filter-btn img {
    float: right;
}
.requestResumeBtndiv {
    display: flex;
    justify-content: flex-end;
}
.requestResumeBtndiv .talGreenbtncls {
    display: inline-block;
}
.requestResumeBtndiv .talGreenbtncls svg {
    margin-right: 5px;
}
.candidate-cv-upload .client-img-div img {
    width: 80px;
    height: 80px;
}
.signature-img-title p {
    font-size: 16px;
    margin-bottom: 8px;
}
.candidate-cv-upload .signature-img-title {
    align-items: flex-start;
}
.candidate-cv-upload .signature-form-div {
    max-width: 900px;
    margin: 20px auto;
}
.candidate-cv-upload .customfileuploadsquarecls {
    height: 220px;
}
.boolean-search-div .allcandidateadvfilterinnercls:first-child {
    width: 40%;
}
.boolean-search-div .allcandidateadvfilterinnercls .input-group {
    width: auto;
}
.allcandidateadvafiltercls {
    width: 99%;
    float: none;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-inline: auto;
    border-radius: 0 0 5px 5px;
}
.boolean-search-guide li {
    font-size: 16px;
    margin-top: 15px;
}
.canexp_contentbodycls .mediaBoxIconcls {
    height: auto;
    min-height: 140px;
}
.mediaBoxIconcls .form-check {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: right;
    padding-right: 10px;
    padding-bottom: 5px;
}
.mediaBoxIconcls .form-check .form-check-input {
    float: none;
}
.resumeRequestApproveModalcls .btn.orangebtncls {
    background: #3ec393;
    border-color: #3ec393;
}
.resumeRequestTextcls {
    padding: 45px 0;
}
.noteDefaulttextcls h3 {
    font-size: 18px;
    font-weight: 400;
    color: #3d3d3d;
}
.noteDefaulttextcls ul, .noteDefaulttextcls ol {
    margin-left: 18px;
}
.noteDefaulttextcls ul li {
    font-size: 14px;
    list-style: disc;
    margin-bottom: 7px;
}
.noteDefaulttextcls ol li {
    font-size: 14px;
    list-style: decimal;
    margin-bottom: 7px;
}
.notesactivitydatedivcls svg {
    top: 0;
}
/* start meeting */
.meetingpagecls .job-detail .post-name {
    margin-bottom: 4px;
}
.meetingpagecls .job-detail .company-avatar-image {
    width: 40px;
    height: 40px;
}
.meetingBtmAction {
    border-top: 1px solid #d0d0d0;
    padding-top: 15px;
    padding-bottom: 15px;
}
.meetingBtmAction .copyLinkinput {
    width: 70%;
}
.meetingBtmAction .talGreenbtncls, .meetingBtmAction .talOrangebtncls {
    height: auto;
    padding: 5px;
    text-transform: capitalize;
    min-width: 110px;
}
.meetingBtmAction .form-control {
    color: #000;
}
.meetingBtmAction .form-control:disabled, .meetingBtmAction .form-control[readonly] {
    background-color: #e8e8e8;
}
.copyLinkinput .copyclipboardbtncls {
    border: none;
    background: #e8e8e8;
    border-radius: 0 5px 5px 0;
    padding: 0 10px;
    line-height: 18px;
}
.momCalendericon {
    position: absolute;
    right: 0;
    top: -26px;
}
.meetingpagecls .job-box .jobinfo {
    position: relative;
}
.momCalendericon .fa-check {
    background: #f2994a;
    color: #fff;
    font-size: 10px;
    padding: 1px;
    border-radius: 100%;
    position: absolute;
    right: -4px;
    top: 2px;
}
.minutesOfMeetingModalcls .taskDModalheadercls .ModalTitle h3 {
    font-size: 12px;
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: 400;
}
.minutesOfMeetingModalcls .commonTaskDActionrowcls .input-group.Add_title input {
    background: #F1F3F4;
    border-radius: 5px;
    border: 0;
    padding: 10px;
}
.onlineMeetingModalcls .meetingMinutes, .minutesOfMeetingModalcls .commonTaskDActionrowLabel .meetingMinutes {
    background: #F2994A;
    box-shadow: 0 0 4px #bdbdbd;
    border-radius: 5px;
    color: white !important;
    padding: 4px 10px;
}
.StartDateModal .input-group {
    background: #FDFDFD;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}
.StartDateModal .modalDatePicker, .StartDateModal .meeting_InputDropdown {
    width: 50%;
}
.mydatePickerWrapper input[type="date"]::-webkit-inner-spin-button,
.mydatePickerWrapper input[type="date"]::-webkit-calendar-picker-indicator{
    position: absolute;
    width: 100%;
   height: 100%;
   cursor: pointer;
}
.sendEmailModalcls .commonAttachUploadedcls {
    width: 50%;
}
.meetingpagecls .table-talbotiq tbody td .c-option {
    float: right;
}
.meetingpagecls .table-talbotiq tbody td .meetingBtmAction {
    padding: 0;
    border-top: none;
}
.onlineMeetingModalcls .modal-body .modal-title {
    color: rgba(0, 0, 0, 0.5);
    font-size: 16px;
    font-weight: 400;
    border-bottom: 1px solid #ddd;
    padding-bottom: 7px;
    margin: 0 15px 0 50px;
}
.onlineMeetingModalcls .Icon {
    background: #EBF7F3;
    border: 1px solid #EBEBEB;
    border-radius: 4px;
    padding: 7px;
    text-align: center;
    line-height: 6px;
}
.onlineMeetingModalcls .Icon svg {
    width: 16px;
    height: 16px;
}
.onlinemeetingInput_Group, .OnlineMeetingDropdown {
    width: 50%;
}
.onlineMeetingModalcls .modal-body .input-group {
    background: #FDFDFD;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}
.onlineMeetingModalcls .ExpandBtn {
    background: #F1F3F4;
    border-radius: 5px;
}
.onlineMeetingModalcls .ExpandBtn span {
    font-size: 14px;
}
.hiddenBoxContainer {
    display: flex;
    justify-content: center;
    width: 60%;
    margin-left: 2rem;
    display: none;
}
.hiddenBoxOnlineMeeting {
    background: #FFFFFF;
    box-shadow: 0 0 4px 1px rgb(0 0 0 / 25%);
    border-radius: 5px;
    padding: 10px;
    margin-top: 10px;
}
.hiddenBoxOnlineMeeting .tagName {
    background: #FFA800;
    display: block;
    height: 24px;
    text-align: center;
    width: 24px;
    border-radius: 50%;
    font-size: 12px;
    line-height: 24px;
}
.hiddenBoxContainer .hiddenBoxOnlineMeeting .Username {
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 0;
}
.hiddenBoxContainer .hiddenBoxOnlineMeeting .EmailofUser {
    color: #000000;
    font-size: 12px;
    font-weight: 400;
}
.onlineMeetingModalcls .AllDayTabs {
    width: 80%;
}
.onlineMeetingModalcls .form-check.form-switch {
    margin-left: 6px;
    margin-top: 1rem;
}
.hiddenBoxContainer .addBtninHiddenBox {
    background: #3DB389;
    color: white;
    height: 26px;
    width: 26px;
    text-align: center;
    line-height: 22px;
    border-radius: 50%;
}
.hiddenBoxContainer .CancelBtninHiddenBox {
    background: #f2994a;
    color: white;
    height: 26px;
    width: 26px;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
}
.hiddenBoxContainer .addBtninHiddenBox svg {
    width: 22px;
}
.hiddenBoxContainer .CancelBtninHiddenBox svg {
    width: 20px;
}
.orangeDropdownUllistcls li a svg {
    width: 16px;
    height: 16px;
    margin-right: 5px;
}
/* end meeting */
img.task-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
}
.taskRepeatModalcls input[readonly] {
    color: #323232;
}

/* start approval */
.cardStatusSpancls {
    font-size: 12px;
    padding: 3px 12px 0;
    display: inline-block;
    border-radius: 50px;
    font-weight: 400;
    color: #fff;
    margin-left: 10px;
    line-height: 20px;
}
.table-talbotiq tbody td .cardStatusSpancls {
    margin-left: 0;
}
.table-talbotiq tbody td .talOrangebtncls {
    height: 32px;
}
.addTitleinputdivcls .form-control {
    font-size: 16px;
    font-weight: 400;
}
.approvaltabOuterdivcls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 55px;
}
.approvalTabcls .squareRnavpillscls .nav-link {
    font-size: 16px;
    padding: 8px 20px;
    background: #dfdfdf;
}
.approvalTabcls .squareRnavpillscls .nav-link.active, .approvalTabcls .squareRnavpillscls .show>.nav-link {
    color: #fff;
    background-color: #3db389;
}
.approvalCheckboxcls .form-check-label {
    font-size: 16px;
}
.approvalformdivcls .fileUploadOuterdivcls .upload-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 14px;
}
.upload-box-text {
    display: flex;
    align-items: center;
}
.upload-box-text .cleaUploadBtndivcls {
    padding-top: 0;
}
.upload-box-img img {
    width: 36px;
}
.approval-common-row {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.approval-multi-common-inner {
    padding-right: 15px;
    width: 50%;
}
.approval-multi-common-inner:last-child {
    padding-right: 0;
}
.approval-common-icon {
    display: flex;
    padding-right: 15px;
}
.approval-common-icon span {
    /* border: 1px solid #e2e2e2;
    background: #ebf7f3; */
    padding: 5px;
    border-radius: 4px;
    line-height: 20px;
}
.approval-common-icon span svg {
    width: 20px;
    height: 20px;
}
.approval-single-common-inner {
    width: 100%;
}
.approvaltextareadivcls {
    align-items: flex-start;
}
.approvalCheckboxcls b {
    font-size: 16px;
    font-weight: 400;
    color: #4b4b4b;
    padding-left: 10px;
}
/* end approval */
.addrepeat-dropdown .setRecurrencedivcls {
    padding: 5px;
}
.addrepeat-dropdown .dayslistdivcls b {
    font-size: 14px;
}
.addrepeat-dropdown .dayslistdivcls span {
    width: 18px;
    height: 18px;
}
.addrepeat-dropdown .dayslistdivcls span svg {
    width: 12px;
    height: 12px;
    top: -5px;
}
.addrepeat-dropdown .dropdownBottomBtndivcls {
    padding: 0;
}
.addrepeat-dropdown .dayslistdivcls {
    margin-bottom: 20px;
}
.addrepeat-dropdown .dayslistdivcls ul {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}
.addrepeat-dropdown .dayslistdivcls li {
    margin-right: 0;
}
.addrepeat-dropdown .dropdownBottomBtndivcls {
    margin-top: 15px;
}
.repeat-end-date-div {
    margin-bottom: 15px;
}
.weekendsWorkRowdivcls {
    padding: 10px 0;
}
.everyrepeatselctdivcls .repeat-end-date-div {
    margin-bottom: 0;
    margin-top: 15px;
}
.onTherecurrenceInnerdivcls .form-check .form-check-input {
    margin-top: 2px;
}
.weekendsWorkRowdivcls label.formtext-1 {
    color: #777;
}
.addrepeat-dropdown .onTherecurrencedivcls .customselect2stylecls {
    width: 96px;
}
.questionaddedSvgBtncls {
    border: none;
    background: none;
}
.addCircleSvgcls {
    width: 25px;
}
.library-question-set .accordion-heading {
    margin-left: 0;
}
.upload-csv-btn {
    font-size: 14px;
    color: #f2994a;
    margin-top: 32px;
    border: 1px solid #f2994a;
    border-radius: 5px;
    padding: 4px 15px;
}
.upload-csv-btn svg {
    width: 16px;
    margin-right: 5px;
}
.addquestionLeftdivcls .libraryUploadWrapper {
    cursor: auto;
}
.default-upload-row .upload-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 14px;
}
.import-via-csv-div h4 {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
}
.import-via-csv-div ul {
    margin-left: 30px;
    margin-bottom: 30px;
}
.import-via-csv-div li {
    font-size: 14px;
    margin-bottom: 8px;
}
.import-via-csv-div li b {
    color: #f2994a;
    font-weight: 400;
}
.import-via-csv-div .fileUploadOuterdivcls {
    margin-bottom: 10px;
}
.library-question-set .questionaddedSvgBtncls {
    float: right;
    margin-right: 10px;
}
.library-question-set .questionaddedSvgBtncls svg {
    width: 20px;
    height: 20px;
}
.library-question-set .questionaddedSvgBtncls .addSuccessCircleSvgcls path {
    fill: #3db389;
}
.date-width-dropdown {
    width: 300px;
}
.library_item[data-media="image"] img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}
.library_item[data-media="video"] video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}
.library_item[data-media="video"] img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}
.dropdown-menu ul li .dropdown-item,
.filter .dropdown-menu ul li .dropdown-item {
    padding: 0.5rem 0.5rem;
}
.library_item a {
    display: flex;
    height: 100%;
    border-radius: 8px;
    background: #e4e4e4;
    align-items: center;
    justify-content: center;
    font-size: 4rem;
    color: #8f8f8f;
}
.library_item {
    cursor: pointer;
}
.mediapreview video {
    width: 100%;
}
.library_item[data-media="audio"] {
    background: #e4e4e4;
    align-items: center;
    justify-content: center;
    display: flex;
}
.library_item[data-media="audio"] audio {
    width: 96%;
    margin: 0 auto;
}
.interviewoutertabtablecls .table-talbotiq .library_item {
    aspect-ratio: auto;
    display: flex;
    align-items: center;
}
.interviewoutertabtablecls .table-talbotiq .library_item .mediatype {
    display: none;
}
.interviewoutertabtablecls .table-talbotiq .library_item[data-media="image"] img, .interviewoutertabtablecls .table-talbotiq .library_item[data-media="video"] video, .interviewoutertabtablecls .table-talbotiq .library_item a, .interviewoutertabtablecls .library_item[data-media="video"] img {
    width: 50px;
    height: 50px;
}
.interviewoutertabtablecls .table-talbotiq .library_item a {
    font-size: 2rem;
}
.interviewoutertabtablecls .table-talbotiq .library_item[data-media="audio"] {
    background: none;
    justify-content: flex-start;
}
.mediapreview audio {
    width: 90%;
    margin: 0 auto;
    margin-top: 10%;
}
.librarypagecls .interviewoutertabtablecls tbody td {
    padding-top: 10px;
    padding-bottom: 10px;
}
.mediafilename {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 10px;
    background: #94dbc1;
    border-radius: 0 0 8px 8px;
    font-size: 14px;
    display:flex;
    justify-content: space-between;
    align-items: center;
    z-index: 9;
}
.interviewoutertabtablecls .table-talbotiq .library_item .mediafilename {
    position: initial;
    width: auto;
    padding: 0 0 0 10px;
    background: none;
    border-radius: 0;
}
.approval-left-span-info span {
    display: inline-block;
    margin-right: 10px;
}
.approval-left-span-info span svg {
    width: 22px;
    height: 22px;
}
.rating_groupouterdivcls small.ratingsmallvisiblecls {
    color: #fff;
    top: 0;
    margin-right: 0;
}
.skilleditModedivcls .visibleskillinputstarcls, .skilleditModedivcls .addskillsokbtncls {
    display: inline-block;
    vertical-align: top;
}
.skilleditModedivcls .visibleskillinputstarcls .form-control {
    margin-left: 0;
}
.skilleditModedivcls .visibleskillinputstarcls .form-control:disabled {
    background: #fff;
}
.editskillIcon {
    margin-left: 8px;
    cursor: pointer;
}
.skilleditModedivcls {
    margin-top: 10px;
}
.skilleditModedivcls .addskillsokbtncls {
    top: 0;
}
.downloadformatbtncls {
    font-size: 14px;
    color: #2b9f76;
}
.downloadformatbtncls, .downloadformatbtncls:hover, .downloadformatbtncls:focus {
    color: #2b9f76;
}
section.candidate-choice {
    width: auto;
    margin-bottom: .5rem;
}
.inputCrossbtncls .input-group-text {
    border-radius: 0;
}
.focuSearch-iconcls {
    background: #d2f9eb !important;
}
.focuSearch-iconcls svg path {
    stroke: #3db389;
}
.candidatedraftcolcls strong {
    text-transform: none;
}
.jobtemplateCardBtn {
    background: #d4d4d4;
    border: none;
    border-radius: 4px;
    color: #a1a1a1;
    padding: 2px 6px;
    margin-left: 5px;
    font-size: 14px;
}
.jobtemplate-active {
    background: #3fdba3;
    color: #fff;
}
.jobtemplate-active .fa-eye:before {
    content: "\f070";
}
.commonCkeditordivcls .ck.ck-editor__main>.ck-editor__editable {
    background-color: #fff !important;
    font-size: 12px !important;
}
.mediafilename .smsquareRadiusBtncls {
    background: #a5a5a5;
    padding-bottom: 2px;
}
.jd-template-btn-div .talGreenbtncls {
    display: inline-block;
}
.progressSvgflexdivcls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.lightredLabeltagcls {
    background: #ff5050;
    color: #fff;
    font-size: 12px;
    display: inline-block;
    padding: 2px 14px;
    border-radius: 50px;
    position: relative;
    top: -2px;
    margin-left: 7px;
    margin-bottom: -3px;
}
.jdtemplate-card-list {
    max-height: 300px;
    overflow-y: auto;
    padding: 8px;
}
.jdtemplate-card-list ul {
    display: grid;
    grid-template-columns: repeat( auto-fill , minmax(338px, 1fr) );
    gap: 25px;
}
.jdtemplate-card-list li {
    background: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
    border-radius: 5px;
    padding: 12px;
    list-style: none;
}
.card_preview_btndivcls .only_icon_btncls {
    background: none;
}
.jdtemplate_preview_divcls strong, .jdtemplate_preview_divcls b, .jdtemplate_preview_divcls span {
    margin-bottom: 10px;
    line-height: 20px;
}
.jdtemplate_preview_divcls p {
    margin-bottom: 15px;
    line-height: 20px;
}
.jdtemplate_preview_divcls ul, .jdtemplate_preview_divcls ol {
    padding-left: 16px;
}
.jdtemplate_preview_divcls ul li {
    font-size: 14px;
    margin-bottom: 10px;
    list-style: disc;
}
.jdtemplate_preview_divcls ol li {
    font-size: 14px;
    margin-bottom: 10px;
    list-style: decimal;
}
.ckEditor .ck-editor__editable ul, .ckEditor .ck-editor__editable ol {
    margin-left: 20px;
}
.userNotespara ul, .userNotespara ol, .commonCkeditordivcls ul, .commonCkeditordivcls ol {
    margin-left: 18px;
}
.userNotespara ul li, .userNotespara ol li, .commonCkeditordivcls ul li, .commonCkeditordivcls ol li {
    font-size: 14px;
    word-break: break-all;
}
.userNotespara ul li, .commonCkeditordivcls ul li {
    list-style: disc !important;
}
.userNotespara ol li, .commonCkeditordivcls ol li {
    list-style: decimal !important;
}
.ckEditor .ck-editor__editable ul li {
    list-style: disc !important;
}
.ckEditor .ck-editor__editable ol li {
    list-style: decimal !important;
}
.jd-template-btn-div {
    margin-bottom: 10px;
}
.starfill_ratingbtncls svg path {
    fill: #ffd84d;
    stroke: #ffd84d;
}
.mediapreview a {
    display: inline-block;
}
.mediapreview a i.fa {
    font-size: 6rem;
    color: #36b48a;
}
.mediapreviewDoc-div {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80vh;
}
.interviewoutertabtablecls .table-talbotiq tbody td .smsquareRadiusBtncls svg path {
    fill: #535353;
}
.reminderInputInnercls {
    display: inline-block;
    padding-right: 10px;
}

button.btn.btn-grid.active, button.btn.btn-list.active {
    border: none;
}
.candidate-btn:not(.btn-check)+.btn:active {
    border: none;
}
.btn.btn-add:hover, .btn.btn-next:hover {
    background-color: #f2994a;
}
.calender-icon {
    top: 50%;
    transform: translateY(-50%);
        transform: translateY(-50%);
    position: absolute;
    right: 6px;
}
.btn.btn-upload:hover {
    color: var(--secondry-color) !important;
    border-color: var(--secondry-color) !important;
}
.lightgreenbtncls:hover {
    background: #36b48a;
    border-color: #36b48a;
}
.whitebgbtncls:hover {
    background: #fff;
    border-color: #c5c5c5;
}
.btn.AdddataBtn:hover, .deleteBtnIcon:hover {
    background: #3DB389;
}
.leadDetailsformdivcls .ck.ck-editor__main>.ck-editor__editable, .editRequisitionDetailsModalcls .ck.ck-editor__main>.ck-editor__editable, .commonModal .ck.ck-editor__main>.ck-editor__editable {
    background-color: #fff !important;
}
.compatabity_Circledivcls .svgCircleCanProgresscls {
    display: inline-block;
}
.candidateListdivcls .boolean-search-div .allcandidateadvfilterinnercls:first-child {
    width: 55%;
}
.assignCanFilterdivcls .dropdown-search .form-control.search-input {
    height: auto;
}
.flatWhiteBgAccordioncls .accordion-button:not(.collapsed) {
    background-color: #fff;
}
.dragableSvgiconcls {
    display: inline-block;
    margin-top: 20px;
    margin-left: 3px;
    cursor: grab;
}
.candidate-choice .nav-tabs{
    padding-block: 6px;
}
.candidateListdivcls .nav{
    padding-block: .5rem;
}
.candidateListdivcls .btn.candidate-btn,
.candidate-choice .btn.candidate-btn {
    background-color: #F5FEFF;
    color: #4f4f4f;
    padding: 0.375rem 9px !important;
    box-shadow: 2px 2px 4px 0px #36786d54;
    transition: all .3s ease-in-out;
    font-size: 14px;
    font-weight: 300;
    white-space: nowrap;
    margin-right: 8px !important;
}
.candidateListdivcls .btn.candidate-btn.active,
.candidate-choice .btn.candidate-btn.active {
    background: var(--primary-color);
    color: #fafafa;
}
.allcandidateTabContentinner {
    padding-top: 0;
}
.whitekanbanboardHeadingcls {
        height: auto;
    display: flex;
    float: none;
    align-items: center;
    justify-content: space-between;
    overflow: unset;
    padding: 0.5rem 0.5rem;
    margin-bottom: 10px;
    border-radius: 0.275rem;
}
.whitekanbanboardHeadingcls .whitekanbanboardHeadingLeftcls h3 span{
    display: none;
}

.whitekanbanboardHeadingLeftcls h3 span img, .whitekanbanboardHeadingLeftcls h3 span {
    border-radius: 100%;
}
.whitekanbanboardHeadingLeftcls h3 strong {
    font-weight: 400;
    position: relative;
    top: 0
}
.whitekanbanboardHeadingLeftcls {
    width: auto;
    float: none;
}
.whitekanbanboardHeadingRightcls {
    width: auto;
    float: none;
    margin-top: 0;
}
.whitekanbanboardHeadingRightcls .customsvgicondrpdwncls {
    right: 3px !important;
}
.whitekanbanboardHeadingRightcls .kanbancountbtagcls {
    background: #3db389;
    color: #fff;
}
.candidatepic_kanbancardtextcls {
    padding-left: 8px;
}
.whitekanbanboardcoldivcls {
    height: 100%;
    flex: 0 0 350px;
    display: flex;
    flex-direction: column;
}
.createNewBtn {
    width: auto;
}
.createNewBtn:hover {
    background-color: var(--secondry-color);
    color: var(--white-color) !important;
}
.interview-whiteboardcls {
    display: flex;
    align-items: center;
    justify-content: center;
}
.candidatetopdetailscls {
    float: none;
    display: flex;
    align-items: self-start;
    justify-content: space-between;
    width: 100%;
}
.candidatepic_textcls {
    width: 100%;
    float: none;
}
.allcandidateactiondivcls {
    width: auto;
    float: none;
}
.star_ratingbtncls{
    display: inline-block;
}
.allcandidateactiondivcls .star_ratingbtncls {
    margin-left: 10px;
}
.allcandidateactiondivcls ul.candidatecustomdrpdwncls {
    top: 0;
}
.nav-pills.customnavpillsflatcls .nav-link {
    color: #454545;
}
.allcandidateadvfilterinnercls .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

/* start emails */
.email-section-div {
    display: flex;
    column-gap: 15px;
}
.email-section-left-div, .email-section-right-div {
    background: #fff;
    min-height: 700px;
    border-radius: 5px;
    border: 1px solid #d9d9d9;
}
.email-section-left-div {
    /* width: 30%; */
    width: 530px;
    position: relative;
}
.email-section-right-div {
    /* width: 70%; */
    width: calc(100% - 530px);
}
.email-list-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #d5d5d5;
    padding: 15px;
}
.email-listH-col-left {
    display: flex;
    align-items: center;
}
.email-head-col {
    margin-left: 15px;
}
.email-head-col:first-child {
    margin-left: 0;
}
.email-head-action-btn {

    padding: 3px 6px;
    /*background: #ebf7f3;
    border: 1px solid #d0d0d0;*/
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}
.email-head-action-btn:hover {
    background: #ebf7f3;
    border: 1px solid #d0d0d0;
}
.email-head-action-btn:active {
    background: #ebf7f3 !important;
    border: 1px solid #d0d0d0 !important;
}
.email-head-action-btn svg {
    width: 20px;
    height: 20px;
}
.email-head-action-btn:disabled {
    background: #eafffb;
    border-color: #d0d0d0;
}
.email-head-col .form-check-input {
    cursor: pointer;
}
.compose-email-btn {
    background: var(--primary-color);
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #fff;
    justify-content: center;
    border: none;
    padding: 6px;
    transition: all 0.3s;
}
.compose-email-btn svg {
    width: 20px;
    height: 20px;
    margin-right: 8px;
}
.compose-email-btn:active,
.compose-email-btn:hover {
    background: var(--primary-color) !important;
    color: #fff !important;
}
.email-listing-div {
    padding: 15px;
    height: calc(100% - 110px);
    overflow-y: auto;
}
.email-list-col {
    width: 100%;
    border: 1px solid #d9d9d9;
    padding: 10px;
    margin-top: 10px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
}
.email-list-details-outer {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.email-list-col:first-child {
    margin-top: 0;
}
.email-list-details-col, .email-list-action-col {
    display: flex;
}
.email-list-action-col {
    justify-content: flex-end;
    flex: 1;
}
.email-list-action-inner {
    flex-basis: min-content;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.email-user-img {
    width: 32px;
    height: 32px;
    border-radius: 100%;
}
.email-list-text h4 {
    font-size: 16px;
    margin-bottom: 2px;
    color: #333;
}
.email-list-text a {
    color: #34a17a;
    font-size: 14px;
}
.email-userImg-div {
    position: relative;
}
.email-list-text a .fa {
    font-size: 12px;
}
.toggletrailmail-active .fa-chevron-right:before {
    content: "\f078";
}
.email-list-text p {
    font-size: 14px;
    color: #4d4d4d;
}
.email-list-action-col .email-head-action-btn {
    background: #3ed39d;
    padding: 2px;
    border-color: #3ed39d;
    margin-top: 5px;
}
.email-list-action-col .email-head-action-btn:active {
    background: #3ed39d !important;
    border-color: #3ed39d !important;
}
.email-list-action-col .email-head-action-btn svg {
    width: 16px;
    height: 16px;
}
.email-list-action-col .email-list-action-inner .email-head-action-btn:first-child {
    margin-top: 0;
}
.email-attach-list-div {
    padding-top: 5px;
}
.email-attach-list-div span {
    border: 1px solid #bcbcbc;
    border-radius: 50px;
    font-size: 12px;
    padding: 4px 8px;
    color: #636363;
    margin-right: 2px;
}
.email-attach-list-div span b {
    font-weight: normal;
}
.email-trail-div {
    padding-top: 15px;
}
.email-time-day {
    font-size: 14px;
    color: #26a578;
    margin-right: 15px;
    margin-top: 22px;
}
.email-trail-inner {
    background: #baffff;
    margin: -10px;
    padding: 15px;
    margin-top: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: 1px solid #cbcbcb;
    margin-bottom: 0;
}
.email-trail-inner:last-child {
    border-bottom: none;
    margin-bottom: -10px;
}
.email-list-col:hover .email-list-action-inner {
    opacity: 1;
}
.email-compose-section {
    padding: 15px;
}
.email-compose-editor .ck.ck-editor__main>.ck-editor__editable {
    background-color: #fff !important;
    font-size: 12px !important;
}
.email-compose-header-sec .emailF_cc,
.email-compose-header-sec .emailF_bcc{
    display:none
}
.email-compose-header-sec .emailF_cc.show,
.email-compose-header-sec .emailF_bcc.show{
    display:flex
}
.email-compose-H-bar {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border: 1px solid #cacaca;
    border-radius: 5px;
    margin-bottom: 12px;
}
.email-compose-H-bar-text {
    width: 75px;
    padding-inline: 10px;
}
.email-compose-H-bar-text span {
    font-size: 14px;
    color: #5c5c5c;
}
.email-compose-H-bar-field {
    width: 100%;
    border-left: 1px solid #cacaca;
}
.email-compose-H-bar-field .form-control {
    border: none;
    height: auto;
    min-height: 40px;
}
.email-address-text-div {
    padding: 8px 100px 8px 8px;
    min-height: 40px;
    position: relative;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
.email-compose-H-bar-field{
    position: relative;
}
.email-compose-H-bar-field .compose_xtra{
    position: absolute;
    right:0;
    top:0;
    height: 45px;
    display: flex;
}
.email-compose-H-bar-field .compose_xtra .email_cc,
.email-compose-H-bar-field .compose_xtra .email_bcc
{
    position: relative;
}
.email-compose-H-bar-field .compose_xtra .email_cc.active,
.email-compose-H-bar-field .compose_xtra .email_bcc.active{
    text-decoration: line-through;
    border:none
}
.user-email-tagcls {
    font-size: 14px;
    display: inline-block;
    background: #d9d9d9;
    color: #444;
    padding: 2px 10px;
    border-radius: 50px;
    margin-bottom: 4px;
    margin-right: 5px;
    align-items: center;
}
.user-email-tagcls b {
    font-weight: normal;
}
.user-email-tagcls svg {
    width: 14px;
    height: 14px;
}
.user-email-tagcls i {
    cursor: pointer;
    margin-left: 4px;
    font-size: 12px;
}
.email-compose-attachment-sec {
    margin-bottom: 5px;
}
.email-compose-attachment-file {
    display: inline-block;
    background: rgba(var(--primary-green-color-rgb) , var(--opacity-3));
    border-radius: 5px;
    font-size: 12px;
    padding: .25rem .65rem;
    margin-bottom: 10px;
    margin-right: 4px;
}
.email-compose-attachment-file b {
    font-weight: normal;
}
.email-compose-attachment-file .fa {
    margin-right: 5px;
}
.email-compose-attachment-file .removeattchFile {
    cursor: pointer;
    margin-left: 4px;
}
.email-compose-attachment-file .removeattchFile svg {
    width: 14px;
    height: 14px;
}
.email-compose-action-btn-div {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}
.email-compose-action-btn-div > div {
    display: flex;
}
.email-compose-action-btn-div .talOrangebtncls {
    min-width: auto;
    margin-left: 0;
    margin-right: 10px;
}
.email-compose-action-btn-div .talOrangebtncls, .email-compose-action-btn-div .talCancelBtn, .email-compose-action-btn-div .talGreenbtncls {
    text-transform: capitalize;
}
.email-list-col[data-related="draft"] .email-list-text h4 {
    font-size: 16px;
    margin-bottom: 2px;
    color: #ff2626;
}
.emailCheckboxcls {
    position: absolute;
    width: 32px;
    height: 32px;
    background: #90c0a3;
    border-radius: 100%;
    opacity: 0;
}
.emailCheckboxcls input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}
.emailCheckboxcls label {
    position: relative;
    cursor: pointer;
    display: block;
    height: 100%;
}
.emailCheckboxcls label:before {
    content:'';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 6px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    border-radius: 100%;
    top: 7px;
    left: 8px;
}
.emailCheckboxcls input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 8px;
    left: 14px;
    width: 6px;
    height: 14px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.email-list-col[aria-selected="false"]:hover .emailCheckboxcls {
    opacity: 1;
}
.email-list-col[aria-selected="true"] .emailCheckboxcls {
    opacity: 1;
}
.email-list-col[aria-selected="true"] .emailCheckboxcls label:before {
    border: 2px solid transparent;
}
.email-body-notfound-div {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.email-body-content-header {
    background: #e4fdff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px;
    border-radius: 5px 5px 0 0;
}
.email-body-content-header-title h3 {
    font-size: 18px;
    margin-bottom: 0;
    color: #393939;
    display: inline-block;
    margin-left: 6px;
    font-weight: 600;
}
.email-body-content-details-inner {
    padding: 15px;
}
.email-body-content-details-top {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.body-content-user-details {
    display: flex;
}
.body-user-mailDcls h4 {
    font-size: 16px;
    margin-bottom: 5px;
    color: #4d4d4d;
}
.user-details-imgcls {
    width: 50px;
    height: 50px;
    border-radius: 100%;
}
.body-user-mailDcls .mail-trigger-timecls {
    display: block;
    font-size: 14px;
    color: #252525;
    margin-bottom: 3px;
}
.body-user-mailDcls .mail-toEmail-cls {
    display: block;
    font-size: 14px;
    color: #5a5a5a;
    margin-bottom: 3px;
}
.body-content-user-action .email-head-action-btn {
    margin-left: 6px;
}
.email-body-para-text {
    margin-top: 20px;
    margin-left: 60px;
    margin-right: 20px;
}
.email-body-para-text p {
    font-size: 14px;
    margin-bottom: 15px;
    color: #252525;
}
.email-body-content-trail-inner {
    border-top: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
    padding: 15px;
}
.email-body-content-header-action .email-head-action-btn {
    box-shadow: none;
    border: none;
    padding: 0;
    background: transparent;
    margin-left: 15px;
}
.email-body-content-header-action .email-head-action-btn:active {
    border: none !important;
}
.email-list-count-div {
    background: #008646;
    border-radius: 0 0 5px 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 10px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
}
.email-list-count-div span {
    font-size: 14px;
    color: #fff;
}
.email-list-count-div span b {
    font-weight: normal;
}
.email-section-left-div .nothingfounddatadivcls {
    padding: 200px 0;
}
.email-list-col-selected {
    background: #e4fdff;
}
.email-list-col[data-role="unread"] {
    border-left: 3px solid #00af66;
}
.email-list-col[data-role="unread"] .email-list-text h4, .email-list-col[data-role="unread"] .email-list-text a {
    font-weight: 600;
}
.email-body-content-trail .email-body-content-details-top {
    cursor: pointer;
}
.starred-star {
    display: inline-block;
    margin-left: 5px;
    position: relative;
    top: -2px;
}
.starred-star svg {
    width: 18px;
    height: 18px;
}
.starred-star svg polygon {
    fill: #ffe500;
    stroke: #ffe500;
}
.starred-star-visible {
    display: inline-block !important;
}
.starred-starfill svg polygon {
    fill: #ffe500;
    stroke: #ffe500;
}
.email_expand_dropdown {
    display: inline-block;
}
.email_expand_dropdown i.fa.fa-chevron-down {
    font-size: 10px;
    color: #5f5f5f;
}
.address_detail_dropdown {
    width: 400px;
    padding: 15px;
}
.address_detail_row {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 2px;
}
.address_detail_row_L {
    min-width: 40px;
}
.address_detail_row_L strong {
    font-size: 14px;
    color: #353535;
    font-weight: 600;
}
.address_detail_row_R span {
    font-size: 14px;
    color: #2e2e2e;
}
.email_dropdown_btnlist .btn.show {
    background: #ebf7f3 !important;
    border: 1px solid #d0d0d0 !important;
}
.email_dropdown_btnlist .dropdown-menu {
    padding: 6px 10px;
}
.email_dropdown_btnlist .dropdown-menu li {
    font-size: 16px;
    list-style: none;
    margin-bottom: 5px;
}
.email_dropdown_btnlist .dropdown-menu li a {
    color: #464646;
    display: block;
}
.email_dropdown_btnlist .dropdown-menu li a .fa {
    float: right;
    font-size: 14px;
    margin-top: 4px;
    opacity: 0;
}
.email_dropdown_btnlist .dropdown-menu li.selected_filter_active a .fa {
    opacity: 1;
}
.confirmationModal_cls .modal-cancel {
    border: 1px solid #bdbdbd;
    border-radius: 5px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #6d6e6e;
}
.confirmationModal_cls .modal-confirm {
    background: #f2994a;
    color: #fff;
    border-radius: 5px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
}
.email-body-content-details .reply_email_section {
    border: 1px solid #d0d0d0;
    border-radius: 5px;
    padding: 15px;
    margin: 15px;
}
.email-body-content-details .reply_email_section .email-compose-action-btn-div {
    border-top: 1px solid #d0d0d0;
    padding-top: 15px;
}
.email-compose-action-btn-div .uploadshort-btn-wrapper {
    padding-top: 0;
    margin-right: 10px;
}
.email-compose-action-btn-div .uploadshort-btn-wrapper .uploadshortBtncls {
    border: 1px solid #f2994a;
    color: #fff;
    background-color: #f2994a;
    height: 40px;
}
.email_body_back_btndiv {
    background: #78dfba;
    margin: -15px -20px;
    margin-bottom: 15px;
    border-radius: 5px 5px 0 0;
    display: none;
}
.emailaddress_input_divcls {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    flex: 1 1;
    margin-left: 4px;
    margin-right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
}
.emailaddress_inputTextcls {
    background: #fff;
    color: black;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    flex: 1 1;
    border: none;
    outline: none;
    padding: 0;
}
/* end emails */
.detail-data {
    font-size: 14px;
    font-weight: normal;
}
.converted_icon_spancls {
    display: inline-block;
    margin-left: 6px;
    line-height: 20px;
}
.converted_icon_spancls svg {
    width: 16px;
    height: 16px;
}
.poc-tabCard {
    display: block;
    height: auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.poc_tabCard_innercls {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
}
.poc_main{
    width: 22px;
    height: 22px;
    position: absolute;
    background: var(--primary-color);
    border-radius: 1rem;
    top: -5px;
    left: -6px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.poc_main img{
    max-width: 100%;
    width: 14px;
    height: 14px;
}
.contact_action_divcls button, .contact_action_divcls a {
    margin-left: 10px;
}
.contact_action_divcls button svg, .contact_action_divcls a svg {
    width: 16px;
    height: 16px;
}
.only_icon_btncls, .editpencil_icon_btncls {
    padding: 0;
    border: none;
}
.only_icon_btncls svg, .editpencil_icon_btncls svg {
    width: 16px;
    height: 16px;
}
.editpencil_icon_btncls {
    position: relative;
    top: -2px;
    margin-left: 5px;
    opacity: 0;
}
.heading_hover_editvisible h3:hover .editpencil_icon_btncls {
    opacity: 1;
}
.createNewBtn:active {
    background-color: #f2994a;
    border: 1px solid #f2994a;
}
.customsvgicondrpdwncls {
    right: 3px !important;
    width: auto;
    min-width: 0;
    left: auto !important;
}
.customsvgicondrpdwncls li {
    white-space: nowrap;
    margin-bottom: 5px;
}
.customsvgicondrpdwncls li.card:is(:last-of-type) {
    margin-bottom: 0;
}
.customsvgicondrpdwncls::after {
    display: none;
}
.customsvgicondrpdwncls li a {
    display: flex;
    padding: 0;
    align-items: center;
}
.navtabjourneycls .nav-link {
    width: 100%;
        background: #ededed;
}
.modal-title {
    font-weight: 500;
}
.minexperienceslectcls {
    position: relative;
}
.minexperienceslectcls::after {
    content: "to";
    position: absolute;
    right: -7px;
    top: 10px;
    font-size: 14px;
    color: #2f2f2f;
}
.maunual_rating_details h4 {
    font-size: 16px;
    font-weight: 600;
    color: #323232;
    margin-bottom: 15px;
}
.maunual_rating_details span {
    display: block;
    font-size: 14px;
    color: #292929;
    margin-bottom: 5px;
}
.maunual_rating_details span strong {
    font-weight: 600;
}
.skill_rating_detaildiv {
    max-height: 210px;
    overflow-y: auto;
    padding-right: 10px;
}
.skill_rating_detaildiv ul > li {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    background: rgba(var(--primary-green-color-rgb), var(--opacity-2));
    padding: 8px 12px;
    border-radius: 6px;
    border:1px solid #f2f2f2;
    padding: 8px;
}
.skill_rating_textcls span {
    font-size: 14px;
    color: #2e2e2e;
}
.customimageUploaddivcls .cameraiconcls {
    opacity: 0;
}
.customimageUploaddivcls:hover .cameraiconcls {
    opacity: 1;
}
.star_ratingcls {
    display: flex;
    width: 100%;
    justify-content: center;
    overflow: hidden;
    flex-direction: row-reverse;
    position: relative;
}
.star_ratingcls > input {
    display: none;
}
.star_ratingcls > label {
    cursor: pointer;
    width: auto;
    height: auto;
    transition: 0.3s;
    margin-left: 6px;
    color: #6c6c6c;
}
.star_ratingcls > input:checked ~ label .fa-star-o:before,
.star_ratingcls > input:checked ~ label ~ label .fa-star-o:before {
    content: "\f005";
    color: #ffcf26;
}
.star_ratingcls > input:not(:checked) ~ label:hover .fa-star-o:before,
.star_ratingcls > input:not(:checked) ~ label:hover ~ label .fa-star-o:before {
    content: "\f005";
    color: #ffcf26;
}
.greenscrollbarstyecls::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: #cacaca;
    border-radius: 20px;
    cursor: pointer;
}
.greenscrollbarstyecls::-webkit-scrollbar-thumb {
    background: #2b9b58;
    border-radius: 20px;
    cursor: pointer;
}
.modal_footerspacebetweencls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 0;
    padding-right: 0;
}
.talCancelBtn, .talOrangebtncls, .talGreenbtncls {
    text-transform: capitalize;
}
.talCancelBtn {
    color: #525252;
    margin-left: 0;
}
.talCancelBtn svg, .talOrangebtncls svg, .talGreenbtncls svg {
    width: 18px;
    height: 18px;
    margin-right: 5px;
}
.star_rating_withHeading {
    background: #fff;
    border-radius: 5px;
    padding: 15px;
    border: 1px solid #d9d9d9;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
        height: 100%;
}
.star_rating_withHeading .skill_rating_detaildiv {
    padding-right: 0;
    height: 370px;
    max-height: initial;
}
.star_rating_withHeading h3 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #3b3b3b;
}
.skill_rating_detaildiv ul {
    padding-left: 0;
}
.applyformpage .form-select {
    padding: 5px 10px;
}
.enterjobrowdivcls .btn svg {
    top: 0;
}
.jobdesctopHeadingcls {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.jobdesctopHeadingcls img {
    width: 80px;
    height: 80px;
    border-radius: 100%;
}
.skillset_boxdivcls {
    background: #f5f5f5;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 15px;
}
.skillset_box_Hdivcls {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 15px;
    padding-bottom: 10px;
}
/*
.add_skillset_btncls {
    background: linear-gradient(180deg, #3db389 0%, #3fdba3 100%);
    border: none;
    padding: 6px;
}

.add_skillset_btncls:focus, .add_skillset_btncls:active {
    background: linear-gradient(180deg, #3db389 0%, #3fdba3 100%);
}
.add_skillSet_formdivcls {
    display: flex;
}*/
.add_skillSet_form_innerdivcls {
    width: 100%;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 5px 0;
}
.add_skillSet_form_innerdivcls > div {
    display: flex;
    align-items: center;
}
.twitter_skill_inputcls input.form-control {
    border: none;
    font-size: 12px;
}
.twitter_skill_inputcls span.twitter-typeahead {
    display: block !important;
}
.star_outerset_ratingcls small {
    font-size: 12px;
    color: #212121;
    width: 90px;
}
.star_outerset_ratingcls {
    width: 36%;
}
.twitter_skill_inputcls {
    width: 36%;
    border-right: 1px solid #e0e0e0;
    margin-right: 10px;
}
.weightageinputcls .form-control {
    background: #e7e7e7;
    border-color: #e7e7e7;
    text-align: center;
}
.weightage_groupouterdivcls small {
    color: #303030;
    top: 0;
}
.weightage_groupouterdivcls {
    border-left: 1px solid #e0e0e0;
    padding-left: 10px;
}
.poc_tabCard_innercls img.card2-icon {
    width: 14px;
    height: 14px;
    margin-right: 4px;
}
.circle_svgIconcls {
    display: flex;
    background: #e3e8e6;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    border: 1px solid #3fd59f;
}
.circle_svgIconcls img {
    width: 20px;
    height: auto;
}
.change_photo_divcls {
    text-align: center;
    padding: 20px 10px;
}
.change_photo_divcls img {
    width: 250px;
    height: 250px;
}
.maunual_rating_divcls .star_rating_withHeading {
    box-shadow: none;
    border: none;
    padding: 0;
}
.maunual_rating_divcls .star_rating_withHeading .skill_rating_detaildiv {
    padding-right: 0;
    height: auto;
    max-height: 210px;
}
.maunual_rating_divcls .star_rating_withHeading h3 {
    font-size: 16px;
    font-weight: 600;
    color: #323232;
    margin-bottom: 20px;
}
.uploadshort-btn-wrapper .greenuploadshortBtncls {
    border: 1px solid #3db389;
    color: #fff;
    background-color: #3db389;
    padding: 8px 12px;
    min-width: 140px;
}
.details_form_rowdivcls {
    display: flex;
    margin-bottom: 26px;
}
.details_form_leftcolcls {
    flex: 0 0 205px;
}
.details_form_uploadimgcls {
    width: 150px;
    height: 150px;
}
.details_form_uploadimgcls img {
    width: 100%;
    max-width: 100%;
    height: 150px;
    border-radius: 100%;
}
.cameraiconcls input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 24px;
}
.details_form_uploadimgcls .uploadiconAbsolutecls {
    position: absolute;
    right: 8px;
    bottom: 8px;
    z-index: 1;
}
.details_form_infodivcls {
    line-height: 18px;
}
.details_form_rightcolcls {
    width: 100%;
}
.details_form_infodivcls h4 {
    font-size: 16px;
    font-weight: 600;
    color: #4f4f4f;
    line-height: 18px;
    margin-bottom: 0;
}
.details_form_infodivcls small {
    font-size: 12px;
    color: #464646;
}
.detailsform_modaldivcls .row > div[class*="col-"] {
    margin-bottom: 15px;
}
.form-switch .settingSwitchInput {
    float: none;
}
.form-switch-labelcls {
    padding-top: 4px;
    display: inline-block;
    padding-right: 20px;
    color: #ffa800;
}
.visible_public_cls {
    color: #007e33;
}
.only_search_barcrosscls{
    padding: 0 8px;
}
.boolean-search-div .allcandidateadvfilterinnercls .input-group span.input-group-text, 
.only_search_barcrosscls .allcandidateadvfilterinnercls .input-group span.input-group-text {
    border-radius: 0 5px 5px 0;
    height: 36px;
}
.star_rating_submitbtndivcls {
    padding-left: 3px;
}
.star_rating_submitbtndivcls .add_skillset_btncls {
    height: 42px;
    width: 42px;
}
.add_skillset_btncls svg {
    width: 20px;
    height: 20px;
}
.twitter_skill_inputcls .customselect2stylecls .select2-container--default .select2-selection--single {
    border: none;
}
.attachment_file_listdivcls {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.attachment_file_listdivcls .spanappendiconcls {
    margin-left: 10px;
        margin-left: 10px;
    padding: 5px 5px;
    background: #f0f2ff;
    border-radius: 5px;
    cursor: pointer;
}
.attachment_file_listdivcls .spanappendiconcls .fa {
    cursor: pointer;
}
.noteslistouterdivcls {
    /* max-height: 450px; */
    padding: 5px 10px;
    display: grid;
    grid-template-columns: repeat( auto-fill , minmax(300px, 1fr) );
    gap: 15px;
    /* overflow-y: auto; */
}
.notesBox {
    padding: 12px;
    border-radius: 5px;
    min-height: 100px;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}
.notesBox h4 {
    font-size: 16px;
    font-weight: 600;
    color: #4f4f4f;
}
.notesBox p {
    font-size: 12px;
    line-height: 16px;
    color: #4f4f4f;
}
.notesBox .noteoption-btn {
    position: absolute;
    inset: 5px 0 auto auto;
}
.noteoption-btn .btn:first-child:active, .noteoption-btn .btn.show {
    border-color: transparent !important;
}
.notedescription {
    max-height: 300px;
    overflow-y: auto;
}
.jobTemplatepagecls .job-box .taglistingcls {
    padding-bottom: 0;
}
.tag_plus_btm_btndivcls {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* start vendor portal */
.lightbg_color {
    background: #f6f6f6;
}
.signup_outerdivcls {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}
.signup_box_divcls {
    width: 1000px;
    min-height: 680px;
    background: #fff;
    border-radius: 10px;
    display: flex;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.signup_box_imgcls {
    background: #3db88c;
    width: 350px;
    display: flex;
    align-items: end;
    justify-content: center;
    border-radius: 10px 0 0 10px;
    flex: none;
}
.signup_user_imgcls {
    max-width: 260px;
    position: relative;
    z-index: 2;
}
.signup_box_formcls {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.signup_main_logo img {
    max-width: 200px;
}
.signup_main_logo {
    text-align: center;
    margin-bottom: 40px;
}
.signup_buttondivcls .talGreenbtncls {
    width: 100%;
    margin-bottom: 20px;
    margin-left: 0;
}
.signup_enterformcls {
    min-width: 310px;
}
.input_group_icon .input-group-text {
    background: #fff;
    border-left: transparent;
}
.input_group_icon .form-control {
    border-right: transparent;
}
.input_group_icon .input-group-text svg {
    width: 18px;
}
.term_condition_textcls {
    position: absolute;
    right: 15px;
    bottom: 15px;
}
.term_condition_textcls a {
    font-size: 16px;
    color: #003864;
}
.userside_circle_divcls {
    background: #3FDBA3;
    width: 400px;
    height: 400px;
    border-radius: 100%;
    position: absolute;
    right: -115px;
    top: -80px;
}
.single_circle_divcls {
    width: 300px;
    height: 300px;
    border: 7px solid #2affb2;
    border-radius: 100%;
    position: absolute;
    right: -100px;
    top: -100px;
}
.double_circle_divcls {
    width: 300px;
    height: 300px;
    border: 7px solid #2affb2;
    border-radius: 100%;
    position: absolute;
    left: -80px;
    bottom: -130px;
}
.double_innercircle_divcls {
    width: 220px;
    height: 220px;
    border: 7px solid #2affb2;
    border-radius: 100%;
    margin: 28px auto;
}
.start_regform_divcls {
    width: 1200px;
}
.start_regform_innerdivcls {
    width: 100%;
    padding: 25px;
}
.box_heading_divcls {
    margin-bottom: 30px;
    margin-top: 5px;
}
.box_heading_divcls h3 {
    font-size: 1.5rem;
    color: #474747;
    font-weight: 600;
}
.step_navTabcls {
    width: 140px;
    flex: none;
}
.step_tabContentcls {
    border: 1px solid #C6C6C6;
    width: 100%;
    border-radius: 10px;
    min-height: 500px;
}
.step_navTabcls .nav-link {
    background-color: var(--primary-color);
    border-radius: 100%;
    width: 60px;
    height: 60px;
    margin: 50px auto;
    opacity: .5;
}
.step_navTabcls .nav-link.active, .step_navTabcls .show>.nav-link, .step_navTabcls .nav-link.step_navTab_activecls {
    color: var(--white-color);
    background-color: var(--primary-color);
    opacity: 1;
}
.step_formBtndivcls {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 20px;
}
.step_formBtndivcls button {
    min-width: auto;
}
.step_formBtndivcls button svg {
    width: 8px;
    margin-right: 10px;
}
.signup_Btm_logodivcls img {
    max-width: 120px;
}
.regForm_contentdivcls {
    padding: 15px;
}
.regForm_content_rowdivcls h4 {
    font-size: 16px;
    color: #000;
    margin-bottom: 15px;
}
.square_custom_checkboxcls label span {
    text-align: center;
    padding: 8px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #424242;
    background: var(--white-color);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.20);
    border-radius: 5px;
    margin-right: 15px;
    cursor: pointer;
}
.square_custom_checkboxcls label input {
    position: absolute;
    display: none;
}
.square_custom_checkboxcls label svg {
    width: 16px;
    height: 16px;
    margin-right: 8px;
}
.square_custom_checkboxcls input:checked + span {
    color: var(--white-color);
    background-color: var(--primary-color);
}
.square_custom_checkboxcls input:checked + span svg polyline, .square_custom_checkboxcls input:checked + span svg rect {
    stroke: var(--white-color) !important;
}
.regForm_content_rowdivcls > .row {
    max-width: 90%;
    margin: 35px auto;
}
.regForm_content_rowdivcls textarea.form-control {
    font-size: 14px;
}
.document_upload_sec {
    border: 1px solid #BDBDBD;
    border-radius: 5px;
    padding: 15px;
    min-height: 240px;
}
.document_upload_sec .customUploadShortInput {
    background: transparent;
    border: none;
    padding: 0;
}
.document_upload_sec .uploadshort-btn-wrapper .uploadshortBtncls {
    border-color: var(--primary-color);
    background: var(--primary-color);
    color: var(--white-color);
}
.uploadshort-btn-wrapper .uploadshortBtncls svg {
    width: 22px;
}
.doc_uploaded_divcls {
    padding-top: 25px;
}
.doc_file_appendcls {
    min-width: 160px;
    background: #eaeaea;
    border-radius: 5px;
    text-align: center;
    padding: 5px 7px 15px;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}
.attachIcontagcls {
    background: #fff;
    padding: 8px 12px;
    border-radius: 5px;
    margin-bottom: 12px;
    display: inline-block;
}
.attach_removeIcon {
    display: block;
    text-align: right;
}
.attach_removeIcon svg {
    width: 20px;
}
.doc_file_appendcls span {
    display: block;
    color: #000;
    font-size: 14px;
}
.reg_completed_divcls {
    width: 100%;
    padding-top: 80px;
}
.reg_completed_Text_divcls {
    max-width: 680px;
    margin: 0 auto;
}
.reg_completed_Text_divcls h4 {
    text-align: center;
    margin-bottom: 3rem;
}
.reg_completed_Text_divcls p {
    margin-bottom: 15px;
}
/* end vendor portal */

/* start recruiter */
.recruit_dash_dflexcls {
    display: flex;
    gap: 20px;
}
.recruit_dash_leftColflexcls {
    width: 20%;
    flex: none;
}
.dashboard_columnBoxcls {
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.10);

    border-radius: 8px;
    padding: 15px 20px;
}
.recruit_weekly_colomncls {
    min-height: 582px;
}
.time_to_fill_chartcolumncls {
    min-height: 470px;
}
.time_to_fill_chartcolumncls .canvas_chartdivcls {
    padding-top: 70px;
}
.dashboard_column_headingcls {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.d_column_titlecls {
    display: flex;
    align-items: center;
}
.d_column_actioncls {
    display: flex;
    align-items: center;
}
.d_column_titlecls h3 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
}
.dashboard_column_headingcls .date-width-dropdown {
    width: 320px;
}
.d_column_actioncls .only_icon_btncls {
    background: none;
}
.d_column_actioncls .only_icon_btncls svg {
    width: 22px;
    height: 22px;
}
.d_column_actioncls .dropdown-menu.show {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.20);
}
.performance_tabledatacls {
    width: 100%;
}
.performance_tabledivcls {
    margin-top: 15px;
    max-height: 490px;
    overflow-y: auto;
}
.canvas_chartdivcls {
    padding-top: 15px;
}
.performance_tabledatacls thead th {
    font-size: 12px;
    font-weight: 600;
    color: #212121;
    background: #cee8ff;
    padding: 8px 6px;
}
.performance_tabledatacls tbody td {
    font-size: 12px;
    color: #212121;
    padding: 8px 6px;
    border-bottom: 1px solid #EDEDED;
}
.performance_userdivcls img {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    margin-right: 5px;
}
.recruit_weekly_colomncls .dashboard_column_headingcls {
    margin-bottom: 20px;
}
.recruit_weekly_colomncls .d_column_titlecls h3 {
    font-size: 24px;
    font-weight: 600;
}
.d_column_titlecls span {
    display: block;
    font-size: 18px;
}
.d_column_titlecls img {
    width: 52px;
    height: 52px;
    margin-right: 10px;
    border-radius: 5px;
}
.weekly_small_columnBoxcls .dashboard_columnBoxcls {
    min-height: 182px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.20);
}
.canvas_chart_flex_divcls {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.canvas_chart_flex_divcls .canvas_chartdivcls {
    max-width: 200px;
}
.chart_text_flex {
    padding-top: 10px;
}
.chart_text_flex strong {
    font-size: 2.5rem;
    display: block;
    line-height: 3rem;
}
.chart_text_flex span {
    font-size: 16px;
    background: #9cffdc;
    display: inline-block;
    color: #212121;
    border-radius: 50px;
    padding: 2px 10px;
}
.userlist_dropdownBtncls .dropdown-toggle {
    background: #e7e7e7;
    padding: 2px;
    border-radius: 50px;
    padding-right: 10px;
}
.userlist_dropdownBtncls .dropdown-toggle img, .userlist_dropdownBtncls .dropdown-menu li a img {
    width: 24px;
    height: 24px;
    border-radius: 100%;
    margin-right: 2px;
}
.userlist_dropdownBtncls .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}
.userlist_dropdownBtncls .dropdown-toggle:focus, .userlist_dropdownBtncls .dropdown-toggle:active {
    background: #e7e7e7;
    border-color: #e7e7e7;
}
.userlist_dropdownBtncls .dropdown-menu li {
    font-size: 14px;
}
.userlist_dropdownBtncls .dropdown-menu li .dropdown-item:hover {
    color: var(--bs-dropdown-link-hover-color) !important;
    background-color: var(--bs-dropdown-link-hover-bg) !important;
}
.report_shadowBoxcls {
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.10);
    min-height: 500px;
    border-radius: 8px;
    padding: 15px 20px;
    margin-bottom: 20px;
}
.d_column_titlecls h3 svg {
    width: 20px;
    height: 20px;
    margin-right: 3px;
}
.datatable_customStylecls .record_dataTable_cls {
    width: 100%;
}
.full_report_datatablecls .record_dataTable_cls {
    width: 100% !important;
}
.datatable_customStylecls {
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    padding-bottom: 4px;
    position: relative;
    background: #eaeaea;
}
.datatable_customStylecls .dataTables_scrollBody {
    border-bottom: none !important;
}
.report_shadowBoxcls .dashboard_column_headingcls {
    margin-bottom: 15px;
}
.datatable_customStylecls .dataTables_scrollBody {
    background: #fff;
}
.datatable_customStylecls .dataTables_paginate {
    float: none;
    text-align: left;
}
.record_dataTable_cls tbody td {
    border-bottom: 1px solid #cdcdcd;
}
.avatar_img img {
    width: 26px;
    height: 26px;
    border-radius: 100%;
    margin-right: 5px;
}
.record_dataTable_cls tbody .odd td {
    background: #fff;
}
.record_dataTable_cls tbody .even td {
    background: #f2fffb;
}
.record_dataTable_cls thead {
    background: #cee8ff;
}
.dataTables_scrollHead .record_dataTable_cls thead th, .record_dataTable_cls tbody td {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    font-size: 14px;
}
.dataTables_scrollHead .record_dataTable_cls thead th {
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.dataTables_scrollHead .record_dataTable_cls thead tr:first-child th:first-child {
    border-left: none;
}
.datatable_customStylecls .dataTables_scrollBody::-webkit-scrollbar {
    width: 5px;
    height: 6px;
    background-color: #d2d2d2;
    border-radius: 20px;
    cursor: pointer;
}
.datatable_customStylecls .dataTables_scrollBody::-webkit-scrollbar-thumb {
    background: #979797;
    border-radius: 20px;
    cursor: pointer;
}
.datatable_customStylecls .dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 2px 8px;
    border-radius: 100%;
    font-size: 14px;
}
.datatable_customStylecls .dataTables_wrapper .dataTables_paginate .paginate_button.current, .datatable_customStylecls .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .datatable_customStylecls .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #f2994a;
    border-color: #f2994a;
    color: #fff !important;
}
.datatable_customStylecls .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover, .datatable_customStylecls .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover {
    background: none !important;
    color: #000 !important;
    border-color: transparent;
}
.datatable_customStylecls .dataTables_length {
    display: none;
}
.chart_border_divcls {
    padding: 50px 20px 0;
    border: 1px solid #CDCDCD;
    border-radius: 6px;
    min-height: 512px;
}
.d_column_actioncls .square_custom_checkboxcls label span {
    padding: 6px 15px;
    font-size: 14px;
    margin-bottom: 0;
}
.recruiter_graph_reportcls .d_column_actioncls {
    justify-content: flex-end;
    width: 100%;
}
.box_gap_advfiltercls {
    border-radius: 5px;
}
.advfiltertopLeftsectioncls .btn.filter-btn:hover, .advfiltertopLeftsectioncls .btn.filter-btn:focus {
    border-color: #e0e0e0;
}
.advfiltertopsectioncls .filter h4 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    margin-right: 25px;
}
.advfiltertopsectioncls .filter h4 svg {
    margin-right: 8px;
}
.advfiltertopsectioncls .filter h4 span {
    display: inline-block;
    padding-top: 2px;
}
.svg_icondropdowncls .dropdown-menu li svg {
    width: 18px;
    height: 18px;
}
.showdataTable_select .dataTables_length {
    display: block;
    position: absolute;
    right: 72px;
    top: -44px;
    z-index: 1;
}
.showdataTable_select .dataTables_length label {
    font-size: 14px;
}
.showdataTable_select .dataTables_length select {
    width: 60px;
    margin: 0 5px;
    -webkit-appearance: revert;
    -moz-appearance: revert;
    appearance: revert;
}
.filter_dropdown_imagecls .dropdown-menu li {
    font-size: 14px;
}
.filter_dropdown_imagecls .dropdown-menu li img {
    width: 24px;
    height: 24px;
    border-radius: 100%;
    margin-right: 2px;
}
.export_file_btncls {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 6px 10px;
    font-size: 12px;
}
.export_file_btncls svg {
    width: 18px;
    height: 18px;
    margin-right: 4px;
}
.export_file_btncls::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}
.dropdownRight_positioncls {
    transform: none !important;
    top: 30px !important;
    right: 0;
}
.available_report_listcls h3 {
    font-size: 18px;
}
.available_report_listcls .only_icon_btncls {
    background: none;
}
.available_report_innerlistcls h4 {
    font-size: 14px;
    font-weight: 600;
    color: #424242;
    background: #F2F2F2;
    padding: 10px;
    border-radius: 0;
    margin-bottom: 12px;
    cursor: pointer;
}
.available_report_UlListcls li {
    list-style: none;
    font-size: 14px;
    color: #757575;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.available_report_UlListcls li .only_icon_btncls {
    opacity: 0;
}
.available_report_UlListcls li a {
    color: #757575;
}
.available_report_UlListcls li .only_icon_btncls.pinnedReportactive svg {
    transform: rotate(-45deg);
}
.available_report_UlListcls li:hover a, .available_report_UlListcls li a:hover {
    color: #262626 !important;
}
.available_report_UlListcls li:hover .only_icon_btncls {
    opacity: 1;
}
.available_report_innerlistcls {
    margin-bottom: 15px;
}
.available_report_UlListcls {
    padding-left: 0;
}
.available_report_innerlistcls h4 .only_icon_btncls svg {
    transform: rotate(180deg);
}
.available_report_innerlistcls h4.regheading_btn_active {
    color: #157837;
}
.available_report_innerlistcls h4.regheading_btn_active .only_icon_btncls svg {
    transform: none;
}
.report_searchBoxcls {
    display: flex;
    align-items: center;
    margin-right: 0 !important;
    margin-top: 10px;
    margin-bottom: 15px;
}
.fullModal_tabledata_reportcls .record_dataTable_cls {
    width: 100% !important;
}
.regfull_modal_headerLeft .modal-title svg {
    width: 18px;
    height: 18px;
    margin-right: 5px;
}
.regfull_modal_headerRight {
    display: flex;
}
.regfull_modal_headerRight .square_custom_checkboxcls label span {
    font-size: 14px;
    padding: 4px 10px;
}
.regfull_modal_headerRight .modal_closeBtncls svg {
    width: 26px;
    height: 26px;
}
.fullModal_canvasGraph_reportcls .chart_border_divcls {
    background: #fafafa;
}
.regfull_modal_headerRight .export_file_btncls {
    padding: 4px 10px;
}
.fullModal_tabledata_reportcls .dashboard_column_headingcls {
    justify-content: flex-end;
}
.fullModal_tabledata_reportcls .showdataTable_select .dataTables_length {
    right: 40px;
}
.rep_daterange_textcls span {
    background: #f4f4f4;
    display: inline-block;
    border-radius: 5px;
    font-size: 14px;
    padding: 10px 15px;
}
.rep_daterange_textcls span svg {
    width: 16px;
    height: 16px;
    margin-right: 4px;
}
.rep_daterange_textcls span b {
    font-weight: normal;
}
.data_decrease_svgcls {
    transform: rotate(180deg);
}
.data_decrease_svgcls path {
    fill: #FF2E00;
}
.date_rangeStylecls {
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    font-size: 14px;
    min-width: 220px;
    padding: 6px 10px;
    cursor: pointer;
    height: 34px;
    line-height: 1.5;
}
.date_rangeStylecls .calenderSvg {
    width: 18px;
    height: 100%;
}
.daterangepicker .ranges li.active, 
.daterangepicker td.active, 
.daterangepicker td.active:hover {
    background-color: var(--primary-green-color);
}
.daterangepicker td.in-range.available:not(.active) {
    background-color: #3db2881f;
    border-color: transparent;
    color: #171a29;
    border-radius: 0;
}
.daterangepicker .drp-buttons .btn.btn-secondary {
    background: #fafafa;
    color: #3d3d3d;
    border-color: #bfbfbf;
}
.daterangepicker .drp-buttons .btn.btn-primary {
    background: var(--secondary-color);
    border-color: var(--secondary-color);
}
.daterangepicker.show-calendar .drp-buttons {
    display: flex;
}
.daterangepicker .drp-selected {
    flex:1 1 auto
}
.record_dataTable_TextTopcls thead th {
    vertical-align: top;
}
.notice_alert_divcls {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 9;
    max-width: 400px;
}
.notice_alert_innerdivcls {
    background: #f3f4f4;
    border-radius: 6px;
    padding: 15px 20px;
    border: 1px solid #dadada;
    margin-top: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.10);
}
.notice_alert_innerdivcls h5 {
    font-size: 16px;
    font-weight: 500px;
    margin-bottom: 5px;
    color: #FF0000;
}
.notice_alert_innerdivcls p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    color: #000;
}
.talimg_spinnerdivcls {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}
.talimg_spinnerdivcls .spinner-border {
    width: 6rem;
    height: 6rem;
    border-width: .7rem;
    border-left-color: var(--primary-color);
    border-bottom-color: var(--primary-color);
    border-top-color: var(--primary-color);
}
.spinner_imgcls {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 26px;
    top: 25px;
}
.spinner_border_outerdivcls {
    position: relative;
}
/* end recruiter */
.activityLog .log .logTime {
    white-space: nowrap;
}
[data-visible-status=false] {
    pointer-events: none;
    opacity: .7;
}
.opacity_eventNone_pointer {
    pointer-events: none;
    opacity: .5;
}

/* start live interview */
.ar16-9{
    aspect-ratio: 16/9;
}
.iw_main .participantSvgIconcls span {
    width: 100px;
    height: 100px;
    border: transparent;
    line-height: 100px;
    background: #fff;
}
.iw_main .participantSvgIconcls span svg {
    width: 52px;
    height: 52px;
}
.iw_main{
    /* max-width: 850px; */
    /*max-width: 700px;*/
    width: 100%;
    max-width: 520px;
    background: aliceblue;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.iw_main canvas{
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0 0 0 0;
  overflow: hidden;
}
.flex-fill {
    flex:1 1 auto;
}
.iw_media{
    flex: 1 1 auto;
    justify-content: center;
    align-items: center;
    display: flex;
    padding-bottom: 48px;
}
.iw_participants{
    display: grid;
    /* grid-template-columns: repeat(3 , minmax(220px, 1fr)); */
    grid-template-columns: repeat(auto-fit , minmax(270px, 1fr));
    gap:10px;
    /* max-width: 850px; */
    max-width: 100%;
    margin: 10px auto;
    min-height: 320px;
    align-items: center;
    width: 100%;
    background: #d6d6d6;
    padding: 5px;
    border-radius: 8px;
}
.iw_controls{
    max-width: 850px;
    margin: 10px auto 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .5rem;
    /* exp*/
    position: absolute;
    width: 100%;
    left: 50%;
    bottom: 26px;
    transform: translateX(-50%);
}
.vbg{
    background: rgb(255, 255, 255);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}
#iw-leftpan{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
}
.iw_chat{
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
}
.br8{
    border-radius: 8px;
}
.feedbacks{
    height: 100%;
}
.videohtml_tagcls{
    width: 100%;
    display: block;
    height: 100%;
    object-fit: cover;
}
.participant {
  position: relative;
   overflow: hidden;
}
.participant .partcanvas{
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0 0 0 0;
  overflow: hidden;
}
.videoCardUserNamedivcls abbr {
    /* background: rgba(0, 0, 0, .7); */
    background: #4f4f4f;
    border-radius: 50px;
    left: 15px;
    bottom: 15px;
    padding: 5px 15px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    float: left;
    margin-right: 5px;
}
.videoCardUserNamedivcls .cardvideoBtns {
    float: left;
    background: #4f4f4f;
    margin-right: 5px;
}
.cardvideoBtns {
    width: 30px;
    height: 30px;
    background: #4f4f4f;
    display: flex;
    align-items: center;
    justify-self: center;
}
.videoBtn {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 50%;
    color: #fff;
    background: rgba(255, 255, 255, 0.15);
}
.bg-light{
    background-color: #ffffff;
}
.round8{
    border-radius: 8px;
}
.shadow-4{
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}
.iw_panel{
    width: 100%;
    height: 100dvh;
    padding: 25px;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    background-color: #f1f1f1;
    gap:25px
}
.iw_rightpan,
.iw_leftpan{
    width: 20%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap:8px
}
.iw_centerpan{
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
}
#iw_timelaps{
    height: 38px;
    border: 1px solid #f1f1f1;
    background-color: #f1f1f1;
    position: relative;
    overflow: hidden;
}
.iw_infos{
    background: #fff;
    padding: 10px 12px;
    border-radius: 6px;
    margin-bottom: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.10);
    border: 1px solid #cdcdcd;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.iw_chat_columndivcls .tal_chat_deliverText {
    background: #F5F5F5;
}
.iw_chat_columndivcls .tal_chat_deliverText:after {
    border-bottom-color: #F5F5F5;
}
.iw_chat_columndivcls .tal_textarea_ChatText {
    border: transparent;
    background: #F7F7F7;
}
.iw_infos ul{
    display: flex;
    justify-content: start;
    align-items: center;
    margin-bottom: 0;
    list-style: none;
    padding-left: 0;
    gap: 1.7rem;
}
.iw_infos ul li i{
    font-size: 12px ;
    line-height: 1.5;
    margin-right: 4px
}
.error_camera{
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 110;
  inset: 0 0 0 0;
}
.iw_CardBoxcls {
    background: rgb(255, 255, 255);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
}
.iw_CardBoxheadingcls {
    background: #cfede0;
    padding: 12px 15px;
    border-radius: 8px 8px 0 0;
}
.branding_logodivcls {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #CFEDE0;
    border-radius: 10px;
    padding: 10px;
    min-height: 95px;
}
.branding_logodivcls img {
    max-width: 258px;
    height: auto;
}
.iw_CardBoxheadingcls h5 {
    margin-bottom: 0;
    font-weight: normal;
}
.interview_detailscls ul {
    padding: 0;
    margin: 0;
}
.interview_detailscls li {
    list-style: none;
    font-size: 16px;
    margin-bottom: 8px;
}
.interview_detailscls li i.fi {
    margin-right: 8px;
}
.interview_detailscls li:last-child {
    margin-bottom: 8px;
}
.iw_CardBoxbodycls {
    padding: 15px;
}
.interview_job_descriptioncls {
    height: calc(100vh - 430px);
    overflow-y: auto;
    font-size: 14px;
}
.interview_job_descriptioncls ul, .interview_job_descriptioncls ol {
    padding: 0;
    margin: 0;
    padding-left: 25px;
}
.interview_job_descriptioncls ol > li {
    list-style: decimal;
}
.interview_job_descriptioncls ul > li {
    list-style: disc;
}
.iw_skill_rating_coldivcls {
    border-bottom: 5px solid #F4F4F4;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.iw_skill_rating_coldivcls h3 {
    border-bottom: 1px solid #d9d9d9;
    font-size: 16px;
    color: #000;
    padding-bottom: 12px;
    margin-bottom: 12px;
    font-weight: normal;
}
.iw_skill_rating_detaildiv {
    max-height: 170px;
    overflow-y: auto;
    padding-right: 10px;
}
.iw_skill_rating_detaildiv ul {
    padding: 0;
    margin: 0;
}
.iw_skill_rating_detaildiv ul > li {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.iw_skill_rating_textcls span {
    font-size: 14px;
    color: #2e2e2e;
}
.iw_feedback_textareacls textarea.form-control {
    background: #fafafa;
}
.iw_feedback_textareacls textarea.form-control:focus {
    box-shadow: none;
}
.iw_button_rowdivcls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 25px;
}
.iw_button_rowdivcls .btn.btn-primary, .iw_button_rowdivcls .btn.btn-success {
    min-width: 120px;
}
.iw_button_rowdivcls .btn.btn-primary {
    background: #F2994A;
    border-color: #F2994A;
}
.iw_button_rowdivcls .btn.btn-success {
    background: #3DB389;
    border-color: #3DB389;
}
.iw_controls .btn.btn-primary {
    background: #fff;
    border-color: #dedede;
    width: 36px;
    height: 36px;
    padding: 4px 0;
    margin: 0 4px;
    line-height: 24px;
}
.iw_controls .btn.btn-primary i.fi {
    color: #424242;
    font-size: 20px;
}
.iw_controls .btn.btn-primary svg {
    width: 22px;
    height: 22px;
}
.cardcamSvg, .cardmicSvg {
    width: 18px;
    height: 18px;
}
.micBtn .micOn, .camBtn .camOn {
    display: inline-block;
}
.micBtn .micOff, .camBtn .camOff {
    display: none;
}
.iw_infos_rightcls {
    display: flex;
}
.progress_spaniconcls {
    margin-right: 10px;
}
.progress_custom_stylecls {
    position: relative;
    min-width: 250px;
    height: 24px;
}
.progress_custom_stylecls .bg-success {
    background-color: #46B097 !important;
}
.progress_remaingTime {
    position: absolute;
    right: 10px;
    top: 1px;
    font-size: 14px;
}
.progress_remaingTime b {
    font-weight: normal;
}
.cam_notdetecteddivcls {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #D6D6D6;
    height: 100%;
}
.cam_notfound_usersvg {
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    background: #fff;
    border-radius: 100%;
    font-size: 2rem;
}
.cam_notfound_usersvg svg {
    width: 32px;
    height: 32px;
}
.cam_notdetecteddivcls p {
    font-size: 18px;
    margin-bottom: 20px;
}
.cam_notdetecteddivcls .btn.btn-primary {
    background: #46B097;
    border-color: #46B097;
    min-width: 200px;
    font-size: 16px;
}
.iw_chat_columndivcls .tal_live_chat_BodyChat, .iw_chat_columndivcls .tal_live_chat_Textarea {
    float: none;
}
.iw_chat_columndivcls .tal_chatListcls, .iw_chat_columndivcls .tal_live_chat_BodyChat {
    padding: 0;
    margin: 0;
}
.iw_chat_columndivcls .tal_live_chat_BodyChat {
    height: calc(100vh - 470px);
}
.iw_chat_columndivcls .tal_live_chat_Textarea {
    padding: 10px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}
.iw_chat_columndivcls .tal_textarea_ChatText {
    width: 100%;
}
.iw_controls .btn.btn-primary[data-button="call end"] .fi {
    color: #FF0000;
}
.tickSetSvg {
    width: 24px;
    height: 24px;
}
.addSetBtn:hover svg.tickSetSvg path {
    stroke: none;
}
.tickSvg_visiblecls .addSetSvg {
    display: none;
}
.tickSvg_visiblecls .tickSetSvg {
    display: block !important;
}
.span_applicant_statuscls {
    background: #e4e4e4;
    border-radius: 50px;
    font-size: 12px;
    color: #5f5f5f;
    padding: 4px 10px;
    margin-left: 2px;
}
.iw_centerpan .branding_logodivcls {
    display: none;
}
.left_pannelBtncls, .right_pannelBtncls {
    display: none;
}
.iw_panClose_mdivcls {
    display: none;
    align-items: center;
    justify-content: flex-end;
}
.iw_panClose_btncls {
    border: 1px solid #d2d2d2;
    padding: 2px;
    display: flex;
}
.iw_panClose_btncls:focus, .iw_panClose_btncls:active {
    border: 1px solid #d2d2d2 !important;
}
.interview_detailscls li svg {
    width: 20px;
    height: 20px;
}
.iw_infos_leftcls li svg {
    width: 16px;
    height: 16px;
    position: relative;
    top: -1px;
}
.jobexperiencecirclstagcls {
    display: flex;
}
.jobcirclstaginnercolcls {
    float: none;
}
/* .participant{
  max-height: 220px;
  margin: 0 auto;
  width: 100%;
  min-width: 50%;
  max-width: 100%;
} */
.participant {
    max-height: 400px;
    margin: 0 auto;
    width: 100%;
    min-width: 50%;
    max-width: 780px;
}
.iw_panel *{
  transition: all .2s ease-in-out;
}
.iw_panel.dark{
  background: #1A1B1C;

}
.iw_panel.dark .iw_controls,
.iw_panel.dark .iw_CardBoxcls {
  background:#1D2528
}
.iw_panel.dark .iw_CardBoxcls .iw_CardBoxheadingcls{
  background:#1D2528;
  color:#fafafa;
  box-shadow: inset 0 -1px 0 0 #fafafa;
}
.iw_panel.dark .iw_skill_rating_coldivcls > *,
.iw_panel.dark .iw_skill_rating_textcls span{
  color:#fafafa
}
.iw_panel.dark .star_ratingcls label i{
  color:#f2ff00
}
.iw_panel.dark .interview_detailscls ul li i,
.iw_panel.dark .interview_detailscls ul li span{
  color:#fafafa
}
.iw_panel.dark .tal_chat_NameDisplay strong {

    color: #fafafa;
}
.iw_panel.dark .iw_rightpan,
.iw_panel.dark .iw_leftpan{
  background: #1A1B1C;
}
.iw_panel.dark .interview_job_descriptioncls, .iw_panel.dark .iw_CardBoxheadingcls h5 {
    color: #fff;
}
.microPhoneBtnOff .micOn, .microCamBtnOff .camOn {
    display: none;
}
.microPhoneBtnOff .micOff, .microCamBtnOff .camOff {
    display: inline-block;
}
.microPhoneBtnOff, .microCamBtnOff {
    background: #db554f !important;
}
.activeBtnfillsvgcls, .activerRecBtnsvgcls {
    background: #db554f !important;
}
.activeBtnfillsvgcls svg path {
    fill: #fff;
}
.activerRecBtnsvgcls svg .recordCirclefillcls {
    fill: #fff;
}
.customformcheckcls, .customformradiocls {
    margin-bottom: 5px !important;
}
.iw_panel.dark .interview_detailscls li svg path {
    fill: #fff;
}
.iw_mainVideo_coldivcls, .iw_mainVideo_tagdivcls, .iw_participant_coldivcls, .iw_participant_Videodivcls {
    height: 100%;
}
.iw_mainVideo_coldivcls .fullNameTextInnerdivcls {
    height: 100%;
    background: #D6D6D6;
    border-radius: 10px;
}
.iw_mainVideo_coldivcls .participantNameTextcls {
    color: #272727;
}
.iw_participant_coldivcls .fullNameTextInnerdivcls {
    height: 100%;
    border-radius: 7px;
    background: #6a6a6a;
}
.iw_participant_coldivcls .participantSvgIconcls {
    padding-bottom: 2px;
}
.iw_participant_coldivcls .fullParticipantdivcls {
    top: 18%;
}
.iw_participant_coldivcls .participantSvgIconcls span {
    width: 52px;
    height: 52px;
    border: none;
    line-height: 48px;
    background: #fff;
}
.iw_participant_coldivcls .participantSvgIconcls span svg {
    width: 28px;
    height: 28px;
}
.iw_participant_coldivcls .participantNameTextcls {
    font-size: 12px;
    color: #000;
}
.participant .videoCardUserNamedivcls {
    bottom: 5px;
    padding: 0 5px;
}
.iw_rec_videotimedivlcs {
    position: absolute;
    width: 100%;
    text-align: right;
    z-index: 9;
    padding: 10px;
    padding-top: 15px;
}
.iw_rec_videotimedivlcs .interviewRecordingStartTimecls svg {
    width: 22px;
    position: relative;
    top: -2px;
}
.iw_rec_videotimedivlcs .interviewRecordingStartTimecls b {
    padding-left: 0;
}
.iw_rec_videotimedivlcs .interviewRecordingStartTimecls {
    display: inline-block;
    padding: 5px 12px;
    height: auto;
}
.mainCamBtn .camOff {
    display: none;
}
.microCamBtnOff .camOff {
    display: inline-block;
}
.iw_chat_columndivcls .Tal_submitChat_btn {
    width: 46px;
    float: none;
    background: #F6F6F6;
}
.iw_chat_columndivcls .Tal_submitChat_btn svg {
    width: 18px;
    height: 18px;
    margin-left: 0;
}
.iw_CardBoxheading_flexcls {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.chat_userListUlcls {
    display: flex;
    align-items: center;
    justify-content: center;
}
.chat_userListUlcls li {
    list-style: none;
    margin-left: 6px;
}
.chat_userListUlcls li span {
    width: 36px;
    height: 36px;
    line-height: 32px;
    display: inline-block;
    background: #F4F4F4;
    text-align: center;
    border-radius: 100%;
}
.chat_userListUlcls li span svg {
    width: 18px;
    height: 18px;
}
.candidate_feedbackdivcls {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.candidate_feedbackdivcls p {
    text-align: center;
    margin-bottom: 5px;
}
.iw_button_rowdivcls .btn:disabled {
    background: #BABABA;
    opacity: 1;
    border-color: transparent;
}
.moreOption_dropdowncls .videoRecordBtncls, .iw_moreOptionbtncls {
    display: none;
}
.iw_button_positionAbcls {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 15px;
}
/* end live interview */
.source_nametagcls svg {
    width: 12px;
    height: 12px;
    margin-right: 2px;
}
.source_nametagcls b {
    font-size: 13px;
    color: #494949;
    font-weight: normal;
}
.undrop_applicantKanban_cardcls {
    box-shadow: 0 0 0 2px #FFB800 inset;
}

/* start share candidate */
.can_video_listdivcls {
    overflow-y: auto;
    max-height: 536px;
    padding: 4px;
}
.can_video_listRowcls {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    background: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.20);
    border-radius: 6px;
    padding: 12px;
    margin-bottom: 10px;
}
.can_video_listUserColcls {
    display: flex;
    width: 260px;
    flex: none;
}
.can_video_listUserVideoScroll {
    overflow-x: auto;
    padding-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.can_video_listUserVideoColcls {
    width: calc(100% - 260px);
}
.can_videoInnercolcls {
    aspect-ratio: 16/9;
    max-height: 100px;
    margin-right: 10px;
    min-width: 215px;
    position: relative;
    cursor: pointer;
}
.can_video_hoverStatecls {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background: rgba(55, 131, 54, 0.41);
    width: 100%;
    height: 100%;
    border-radius: 6px;
    padding: 5px;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.can_video_hoverStatecls .roundcustomcheckboxcls label {
    background-color: #fff;
    border-color: #3DB78B;
    left: auto;
    right: 0;
}
.can_video_hoverStatecls h5 {
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 8px;
}
.can_video_hoverStatecls .roundcustomcheckboxcls input[type="checkbox"]:checked+label {
    background-color: #fff;
}
.can_video_hoverStatecls .roundcustomcheckboxcls label:after {
    border-color: #3DB78B;
}
.can_videoInnercolcls:hover .can_video_hoverStatecls {
    opacity: 1;
}
.can_video_listUserVideoFlexcls {
    display: flex;
    align-items: center;
}
.can_videoInnercolcls video {
    width: 100%;
    display: block;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
}
.can_video_listUserColcls strong {
    font-size: 14px;
    font-weight: 400;
    display: block;
    margin-bottom: 2px;
}
.can_video_listUserColcls span {
    font-size: 12px;
    display: block;
    color: #6a6a6a;
}
.can_video_listUserVideoScroll.greenscrollbarstyecls::-webkit-scrollbar {
    height: 4px;
}
.can_video_listUserVideoColcls .nothingfounddatadivcls {
    padding: 0;
}
.can_video_listUserVideoColcls .nothingfounddataimgcls img {
    width: 70px;
    margin-bottom: 5px;
}
.share_emailOptiondivcls h5 {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 15px;
    color: var(--black-color);
}
.sharing_emailFormcls input.form-control {
    height: 36px;
    color: #414141;
}
.sharing_emailFormcls .input-group input.form-control {
    border-right: none;
}
.sharing_emailFormcls .input-group .input-group-text {
    background: #fff;
    padding: 0;
    border-left: none;
}
.sharing_emailFormcls .input-group .input-group-text .btn:active {
    border-color: transparent !important;
}
.can_video_listUserColcls img {
    width: 46px;
    height: 46px;
    border-radius: 100%;
}
.can_sharingPreviewRowcls {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 20px;
}
.can_sharingPreviewInnercls {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    padding: 15px;
    border-radius: 6px;
    margin-top: 42px;
}
.can_sharingPreviewrightcls {
    width: 100%;
}
.can_sharingPreviewleftcls {
    width: 140px;
    flex: none;
}
.can_sharingPreviewleftcls span {
    font-size: 14px;
    color: #4F4F4F;
}
.can_sharingPreviewleftcls span svg {
    width: 14px;
    height: 14px;
    position: relative;
    top: -2px;
    margin-right: 2px;
}
.can_previewSpantagcls {
    font-size: 14px;
    color: #4F4F4F;
}
.can_sharingPreviewrightcls .user-email-tagcls {
    color: #4F4F4F;
    padding: 4px 10px;
    border-radius: 50px;
    margin-bottom: 10px;
}
.shareCan_steprowcls {
    display: none;
}
.shareCan_steprowcls.shareCan_steprowActive {
    display: block;
}
.datafilter_positioncls .dataTables_filter {
    position: absolute;
    left: 0;
    top: -68px;
    z-index: 1;
    background: #fff;
}
.datafilter_positioncls .dataTables_filter input {
    height: 36px;
    font-size: 14px;
    border-color: #BDBDBD;
    width: 240px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDcwIDcwIiBoZWlnaHQ9IjcwcHgiIGlkPSJJY29ucyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNzAgNzAiIHdpZHRoPSI3MHB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNNTEuOTU3LDQ5LjEyOWwtOC43MTMtOC43MTNjMS43NS0yLjMzNywyLjc5OS01LjIyOSwyLjc5OS04LjM3M2MwLTcuNzMyLTYuMjY4LTE0LTE0LTE0cy0xNCw2LjI2OC0xNCwxNHM2LjI2OCwxNCwxNCwxNCAgYzMuMTQ0LDAsNi4wMzYtMS4wNDksOC4zNzMtMi43OTlsOC43MTMsOC43MTNMNTEuOTU3LDQ5LjEyOXogTTIyLjA0MywzMi4wNDNjMC01LjUxNCw0LjQ4Ni0xMCwxMC0xMGM1LjUxNCwwLDEwLDQuNDg2LDEwLDEwICBjMCw1LjUxNC00LjQ4NiwxMC0xMCwxMEMyNi41MjksNDIuMDQzLDIyLjA0MywzNy41NTcsMjIuMDQzLDMyLjA0M3oiLz48L3N2Zz4=");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 32px;
}
.span_actStatuscls {
    display: inline-block;
    background: #a8a8a8;
    padding: 2px 10px;
    border-radius: 50px;
    color: #fff;
    font-size: 14px;
    min-width: 100px;
    text-align: center;
}
.span_actStatuscls[data-status="open"] {
    background: #3FD6A0;
}
.span_actStatuscls[data-status="closed"] {
    background: #F2994A;
}
.record_dataTable_cls .only_icon_btncls {
    background: none;
    margin-right: 10px;
}
.record_dataTable_cls .only_icon_btncls svg {
    width: 20px;
    height: 20px;
}
.greenBg_iconbtncls {
    background: #3DB389;
    border-radius: 100%;
    width: 34px;
    height: 34px;
    line-height: 18px;
}
.greenBg_iconbtncls svg {
    width: 18px;
    height: 18px;
}
.only_icon_btncls:disabled {
    opacity: .7;
}
.form_switch_withlabelcls {
    display: flex;
    align-items: center;
}
.form_switch_withlabelcls span {
    font-size: 14px;
    padding-left: 8px;
}
.form_switch_withlabelcls .settingSwitchInput {
    height: 20px;
}
.topSwitch_paddingcls {
    padding-top: 30px;
}
.add_activityformcls textarea.form-control {
    font-size: 14px;
}
.filter-section .advfiltertopinnersectioncls {
    justify-content: flex-start !important;
    gap:10px
}
.filter-section .advfiltertopinnersectioncls .filter{
    gap: 10px;
}
.filter-section .advfiltertopinnersectioncls .sortingouterdivcls .applyCancelBtndivcls button:first-of-type{
    margin-left: 0 !important;
}
.sortingouterdivcls{
    flex-shrink: 0;
}
.client_previewTabdivcls {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.0.07);
    padding: 10px 15px;
    min-height: 500px;
    border-radius: 5px;
}
.video_appenddivcls {
    padding-top: 20px;
}
.video_appenddivcls ul {
    display: grid;
    grid-template-columns: repeat( auto-fill , minmax(250px, 1fr) );
    gap: 20px;
    padding: 0;
}
.video_appenddivcls li {
    position: relative;
    aspect-ratio: 16/9;
    max-width: 100%;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 0;
}
.video_appenddivcls li video {
    width: 100%;
    display: block;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
}
.video_append_textdivcls {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(255, 255, 255, 0.83);
    padding: 6px 10px;
}
.video_append_textdivcls p {
    margin-bottom: 0;
    color: #4F4F4F;
    font-size: 14px;
}
.videoPreviewBtncls {
    border: none;
    background: transparent;
    padding: 0;
}
.mediapreviewModalbodydivcls {
    aspect-ratio: 16/9;
    max-width: 100%;
}
.mediapreviewModalbodydivcls video {
    width: 100%;
    display: block;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
}
.stages_stepdivcls li {
    display: inline-block;
    margin-left: 6px;
}
.stages_stepdivcls li:first-child {
    margin-left: 0;
}
.stages_stepdivcls li strong {
    font-size: 14px;
    font-weight: 400;
    color: #494949;
}
.stages_stepdivcls li span {
    display: block;
    width: 100%;
    height: 8px;
    border-radius: 50px;
    background: var(--text-gray-4);
}
.stages_stepdivcls li.stage_stepActivecls span {
    background: var(--primary-green-color);
}
/* end share candidate */
.headCard_tabouterdivcls {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.jobOrder_detailviewcls {
    display: grid !important;
    grid-template-columns: repeat( auto-fill , minmax(300px, 1fr) );
    gap: 25px;
    padding: 5px 10px;
}
.jobOrder_detailviewcls .job-box {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}
.disable_setting_listcls {
    opacity: .7;
}
.membersUserTableDatacls tbody td {
    border-bottom: 1px solid #dbdbdb;
}
.membersUserTableDatacls .memberPic {
    width: 24px;
    height: 24px;
    border-radius: 100%;
}
.membersUserTableDatacls td h5 {
    font-size: 14px;
    font-weight: normal;
    color: #242424;
}
.membersUserTableDatacls label.customformcheckcls {
    margin-right: 10px;
    cursor: pointer;
}
.membersUserTableDatacls .customformcheckcls .form-check-input {
    margin-top: 0;
}
.commonaddMorebtncls.btn-primary {
    border: 1px solid #3DB48A;
    color: #3DB48A;
}
.form-group .form-control {
    font-size: 14px;
}
.form-group .form-control::placeholder {
    font-size: 12px;
}
.membersUserTableDatacls .only_icon_btncls {
    background: #fff;
    margin-right: 10px;
}
.addcheck_listformdivcls .customformcheckcls .form-check-input {
    margin-top: 0;
    margin-right: 5px;
}
.addcheck_listformdivcls label.customformcheckcls {
    font-size: 14px;
    color: #4F4F4F;
}
.checkList_categoriescls label.customformcheckcls {
    font-weight: 500;
    margin-right: 15px;
}
.addcheck_listformdivcls p {
    color: #747474;
    padding-left: 24px;
    font-size: 12px;
    margin-top: 2px;
}
.addcheck_listformdivcls label.customformcheckcls small {
    color: #747474;
    font-size: 12px;
    font-weight: normal;
}
.checkList_categoriescls > label {
    font-size: 14px;
    color: #4F4F4F;
    font-weight: 600;
    margin-bottom: 8px;
    display: block;
}
.datatable_customStylecls .dataTables_wrapper .dataTables_paginate .paginate_button i.fa {
    font-size: 11px;
    color: #9a9a9a;
}
.datatable_customStylecls .dataTables_wrapper .dataTables_paginate .paginate_button:active {
    box-shadow: none !important;
}
.flatpickr_dateIconcls {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ced4da;
    border-radius: 4px;
    padding-right: 10px;
    cursor: pointer;
}
.flatpickr_dateIconcls .form-control {
    border: none;
    border-radius: 0 !important;
    cursor: pointer;
}
.flatpickr_dateIconcls .calenderSvg {
    width: 16px;
    height: 16px;
}
.can_doc_searchbarcls {
    background: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    padding: 15px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}
.can_doc_searchRbarcls {
    display: flex;
    align-items: center;
}
.can_doc_searchLbarcls {
    width: 25%;
}
.can_detail_doc_colcls {
    display: grid;
    grid-template-columns: repeat( auto-fill , minmax(140px, 1fr) );
    gap: 20px;
    margin-top: 20px;
}
.can_detail_doc_colcls .pdf_imageSvgIconcls img {
    width: 36px;
}
.can_detail_doc_colcls .mediaBoxIconcls {
    background: #fff;
    border: 1px solid transparent;
}
.mediaBoxIconcls[disabled] {
    border: 1px dashed #afafaf;
    pointer-events: none;
    opacity: .7;
}
.checklist_height {
    max-height: 425px;
    overflow-y: auto;
    padding: 2px;
    padding-right: 10px;
}
.checklist_rowdivcls {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 10px;
}
.checklist_colLdivcls {
    display: flex;
    align-items: center;
}
.checklist_colRdivcls {
    display: flex;
}
.checklist_check_textcls {
    padding-left: 12px;
    padding-right: 30px;
}
.checklist_check_textcls h5 {
    font-size: 14px;
    font-weight: normal;
    color: #4F4F4F;
    margin-bottom: 2px;
    font-weight: 600;
}
.checklist_check_textcls p {
    color: #4F4F4F;
    font-size: 12px;
}
.checklist_outerdivcls h5.card-header {
    margin-bottom: 20px;
}
.checklist_row_selectedcls {
    background: #CEF6FF;
}
.success_alert_outercls {
    position: fixed;
    right: 20px;
    bottom: 0;
    z-index: 99;
}
.success_alert_incls {
    background: #81E9D0;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 20px;
}
.success_alert_incls p {
    color: #4F4F4F;
    font-size: 16px;
}
.mediaBoxIconcls .lightgreennewtagcls {
    background: #A6DAD8;
    position: absolute;
    right: 3px;
    top: 5px;
    color: #fff;
}
/* start userfileupload */
.user_header_row {
    background: #BDEDDC;
    padding: 20px 0;
    margin-bottom: 30px;
}
.user_header_row img {
    max-width: 220px;
}
.user_uploadBoxdivcls {
    background: #FFFFFF;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
    padding: 20px;
    margin-bottom: 30px;
}
.top_docTextdivcls {
    text-align: center;
    padding: 10px 0;
}
.top_docTextdivcls h4 {
    color: #4f4f4f;
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 18px;
}
.top_docTextdivcls p {
    color: #4F4F4F;
}
.user_detailsdivcls h3 {
    font-size: 2rem;
    color: #0D2155;
    margin-bottom: 8px;
}
.can_designation_tag {
    color: #4F4F4F;
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
}
.user_detailsdivcls p {
    color: #000;
    margin-bottom: 15px;
}
.can_info_boxcls {
    background: #CEFFF6;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    padding: 15px;
}
.can_info_boxcls span {
    font-size: 14px;
    color: #000;
    margin-right: 15px;
    margin-bottom: 10px;
}
.can_info_boxcls span:first-child {
    display: block;
}
.can_editprofileBtndivcls {
    margin-top: 40px;
}
.can_editprofileBtndivcls .talGreenbtncls {
    margin-left: 0;
}
.can_editprofileBtndivcls .talGreenbtncls svg {
    margin-right: 10px;
}
.user_uploadActioncls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #FFFFFF;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    padding: 20px;
}
.user_uploadBtndivcls {
    display: flex;
}
.whiteBg_accordioncls .accordion-item {
    margin-bottom: 10px;
    border-radius: 6px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}
.whiteBg_accordioncls .accordion-button {
    width: auto;
    padding: 0;
    background: transparent;
    box-shadow: none;
}
.whiteBg_accordioncls .accordion-header {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
}
.whiteBg_accordioncls .accordion-header h2 {
    font-size: 16px;
    color: #4F4F4F;
    margin-bottom: 0;
    font-weight: 600;
}
.whiteBg_accordioncls .accordion-body {
    border-top: 1px solid #D7D7D7;
}
.user_docUploadformdivcls label {
    font-size: 14px;
    margin-bottom: 0;
    color: #2c2c2c;
    display: block;
}
.user_uploadConditioncls label.customformcheckcls {
    font-size: 14px;
    color: #4F4F4F;
}
.user_uploadConditioncls label.customformcheckcls .form-check-input {
    margin-right: 5px;
}
.user_uploadConditioncls label.customformcheckcls a {
    font-weight: 600;
    color: #000;
}
.customfilestylecls .form-control[type="file"]::-webkit-file-upload-button {
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    outline: none;
    padding: 0;
    transition: all 1s ease;
    width: 0;
    opacity: 0;
}
.customfilestylecls .input-group-text {
    background: #3DB68B;
}
.user_canformdivcls {
    min-height: 550px;
    max-height: 550px;
    overflow-y: auto;
    padding: 3px;
    margin-bottom: 30px;
}
.accordion_header_right {
    display: flex;
}
.user_accordionStatus {
    width: 24px;
    height: 24px;
    display: inline-block;
    border-radius: 100%;
    background: #3DB389;
    text-align: center;
    margin-right: 15px;
    line-height: 22px;
}
.user_accordionErrorStatus {
    background: #F2994A;
}
.user_successful_container {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    min-height: 800px;
}
.user_successful_container h4 {
    font-size: 1.7rem;
    font-weight: 600;
    color: #4F4F4F;
    margin-bottom: 20px;
}
.user_successful_container img {
    margin-bottom: 30px;
}
.user_successful_container .talGreenbtncls {
    display: inline-block;
    line-height: 40px;
    margin-top: 20px;
}
/* .user_docUploadformdivcls input.form-control {
    height: 40px;
} */
.withoutLabel_col {
    margin-top: 28px;
}
/* end userfileupload */
.cardSvg_iconspancls {
    border: 1px solid #3DB68B;
    border-radius: 100%;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #EBF2F0;
}
.card_status_tagcls {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: #ababab;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
}
.card_status_tagcls svg {
    width: 12px;
    height: 12px;
}
.job-box[data-status="Active"] .cardSvg_iconspancls {
    border-color: #18A740;
}
.job-box[data-status="Inactive"] .cardSvg_iconspancls {
    border-color: #FFC700;
}
.job-box[data-status="Expired"] .cardSvg_iconspancls {
    border-color: #FF5722;
}
.job-box[data-status="Active"] .card_status_tagcls {
    background: #18A740;
}
.job-box[data-status="Inactive"] .card_status_tagcls {
    background: #FFC700;
}
.job-box[data-status="Expired"] .card_status_tagcls {
    background: #FF5722;
}
.totalentriesOuterdivcls {
    position: relative;
    padding-top: 15px;
    padding-bottom: 10px;
}
/* .addKpi_rowdivcls {
    display: flex;
}
.addKpi_Lcoldivcls {
    padding-right: 20px;
}
.addKpi_Rcoldivcls {
    display: flex;
    align-items: flex-end;
    padding-bottom: 16px;
} */
.addKpi_Rcoldivcls .talGreenbtncls {
    min-width: 110px;
    height: 35px;
}
.target_tabledata_divcls {
    margin-top: 20px;
}
.record_dataTable_cls tbody td input.form-control {
    height: 26px;
}
.record_dataTable_cls tbody td .flatpickr_dateIconcls .calenderSvg {
    width: 14px;
    height: 14px;
    border-radius: 0;
}
.record_dataTable_cls tbody td .flatpickr_dateIconcls {
    padding-right: 2px;
}
.record_dataTable_cls tbody td .only_icon_btncls {
    border-radius: 100%;
    width: 28px;
    height: 28px;
}
.record_dataTable_cls tbody td .only_icon_btncls svg {
    width: 14px;
    height: 14px;
}
.record_dataTable_cls tbody td .only_icon_btncls[data-type="Edit"], .record_dataTable_cls tbody td .only_icon_btncls[data-type="Save"] {
    background: #3db389;
}
.record_dataTable_cls tbody td .only_icon_btncls[data-type="Delete"] {
    background: #ff8a00;
}
.td_input_divcls input.form-control {
    border-color: transparent;
    pointer-events: none;
    padding: 0;
}
.td_input_divcls .flatpickr_dateIconcls a.input-button {
    display: none;
}
.td_input_divcls .flatpickr_dateIconcls {
    border-color: transparent;
    pointer-events: none;
}
.form-switch .settingSwitchInput {
    width: 48px;
    height: 24px;
}
.td_input_editmodediv input.form-control {
    border-color: #ced4da;
    pointer-events: initial;
    padding: 2px 10px;
}
.td_input_editmodediv .flatpickr_dateIconcls a.input-button {
    display: block;
}
.td_input_editmodediv .flatpickr_dateIconcls {
    border-color: #ced4da;
    pointer-events: initial;
}
.exptabheadingcls .canheadingHeadingsvgicon {
    top: 0;
}
.mainContractListdivcls .squareRnavpillscls {
    padding-top: 0;
}
.mainContractListdivcls .squareRnavpillscls .nav-link {
    font-size: 14px;
}
.border_radiusStatuscls {
    font-size: 12px;
    background: #3db389;
    color: #fff;
    border-radius: 50px;
    padding: 2px 10px;
}
.commonWhiteBoxheadingcls {
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 15px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.breadcrumb_btnRightcls {
    display: flex;
    margin-left: auto;
}
.stepnextprevbtndivcls {
    margin-top: 0;
    display: flex;
}
.stepnextprevbtndivcls .btn {
    min-width: 100px;
    margin-left: 5px;
    width: auto;
}
.radio_Colformcls, .checkbox_Colformcls {
    display: flex;
    gap: 25px;
}
.radio_Colformcls .form-check-label {
    cursor: pointer;
}
.upload_flex {
    width: auto;
    height: auto;
    float: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.upload_flex .commonAttachIconcls, .upload_flex .commonAttachUploadedTextcls {
    width: auto;
    float: none;
}
.upload_flex .commonAttachUploadLtext {
    display: flex;
}
.upload_flex .commonAttachUploadedTextcls h5 {
    margin-bottom: 0;
    line-height: 16px;
    color: #404040;
}
.upload_flex .commonAttachUploadedTextcls {
    padding-left: 8px;
}
/* start tal grid */
.talgrid_card_row {
    display: grid;
    gap: 15px;
    /* grid-template-columns: 1fr; */
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
}
.talgrid_card_row.grid4 {
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)) !important;
}
.talgrid_card_box {
    background: #fff;
    /*padding: 0.5rem;*/
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    position: relative;
    display: flex;
    flex-direction: column;
    /* min-width: 344px; */
}
.talgrid_card_box_header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding:.5rem
}

.company-avatar{
    flex: 1 1 auto;
}
.talgrid_card_box_headerText {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.talgrid_card_box_headerAction {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.talgrid_avatar {
    height: 38px;
    width: 38px;
}
.talgrid_avatar img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
}
.talgrid_headText {
    line-height: 1.2rem;
}
.can_nameText {
    font-size: 1rem;
    font-weight: 700;
    color: #4F4F4F;
}
.can_nameSubText span {
    font-size: 12px;
    color: #4F4F4F;
}
.can_subText_icons span {
    font-size: 12px;
    color: #4f4f4f;
}
.can_subText_icons span a {
    color: #4f4f4f;
}
.can_subText_icons span:not(:first-child) {
    margin-left: 5px;
}
.can_subText_icons span svg {
    width: 12px;
    height: 12px;
}
.talgrid_card_box_body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:.5rem;
    min-height: 42px;
}
.talgrid_card_box_footer {
    padding:.5rem;
}
.talgrid_card_box_footerIn {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.three_dot_dropdowncls .dropdown-toggle {
    padding: 0;
    margin-left: 5px;
}
.three_dot_dropdowncls .dropdown-toggle:focus {
    border-color: transparent;
}
.three_dot_dropdowncls .dropdown-toggle svg {
    width: 16px;
    height: 16px;
}
.talgrid_card_box_headerAction .only_icon_btncls {
    background: none;
}
.talgrid_slider_inner {
    display: flex;
    width: 100%;
    align-items: flex-start;
    background: #e0f8f1;
    border-radius: 5px;
    border: 1px solid #EDEDED;
    padding: 5px;
}
.talgrid_slider_img span {
    display: flex;
    width: 32px;
    height: 32px;
    background: #D9D9D9;
    border-radius: 100%;
}
.talgrid_slider_text {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    padding-left: 5px;
}
.talgrid_slider_text strong {
    font-size: 14px;
    color: #3EBE90;
}
.talgrid_slider_text span {
    font-size: 12px;
    color: #4F4F4F;
}
.radius_strike_text {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
}
.radius_strike_text::before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    z-index: 1;
    width: 100%;
    height: 1px;
    background: #ddd;
}
.radius_strike_text span {
    background: #fff;
    font-size: 14px;
    color: #FFA800;
    border: 1px solid #C7C7C7;
    border-radius: 50px;
    padding: 2px 15px;
    position: relative;
    z-index: 2;
}
.tabRight_sortActiondivcls {
    display: flex;
    align-items: center;
    gap: 10px;
}
.form_shadownone:focus {
    border-color: #ced4da;
    box-shadow: none;
}
.tabRight_sortActiondivcls select.form-select {
    font-size: 14px;
    color: #696969;
    min-width: 120px;
}
.bg_greenIconBtncls {
    background: #3DB389;
    padding: 5px 10px;
    border-radius: 5px;
}
.cardgridBtncls svg {
    width: 20px;
    height: 20px;
}
.jobD_interviewTabcls .job-box {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.talgrid_footer_bordercls {
    border-top: 1px solid #d9d9d9;
    padding-top: 5px;
    min-height: 30px;
}
.complete_cardBtn {
    background: #fff;
    color: #FFA800;
    border-color: #FFA800;
    display: flex;
    align-items: center;
}
.complete_cardBtn svg {
    margin-right: 5px;
}
.complete_cardBtn:hover {
    border-color: #FFA800;
    color: #FFA800 !important;
}
.breadcrumb_rightActionBtn {
    gap: 10px;
}
.h-34px {
    height: 34px !important;
}
.talgrid_card_box_header img.company-avatar-image {
    height: 38px;
    width: 38px;
    border-radius: 100%;
}
.talgrid_card_box_header .post-name {
    color: #4F4F4F;
    font-weight: 600;
    line-height: 18px;
    margin-top: 4px;
}
.talgrid_card_box_body .taglistingcls {
    padding-bottom: 0;
}
.talgrid_card_box .crmCommonWhitecarddivcls {
    border-radius: 0;
    background-color: #fff;
    min-height: auto;
    box-shadow: none;
    padding: 0;
    width: 100%;
    float: none;
    margin-bottom: 0;
}
.talgrid_card_box_footer .client-dropdown {
    min-width: auto;
    min-height: auto;
    padding: 0 12px;
    border-radius: 50px;
    display: inline-block;
}
.talgrid_card_box_footer .client-dropdown button span {
    color: #fff;
}
.talgrid_card_box_footer .client-dropdown .dropdown-cardtoggle2::after {
    background: none;
    width: auto;
    height: auto;
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    color: #fff;
}
.talgrid_card_box_body .spancontactinfocls b {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #4f4f4f;
}
.talgrid_card_box_body .spancontactinfocls a {
    color: #4f4f4f;
}
.talgrid_card_box_body .spancontactinfocls img, .talgrid_card_box_body .spancontactinfocls svg {
    width: 14px;
    height: 14px;
}
.talgrid_card_box_header .crmtopheadingdetails {
    float: none;
    display: flex;
    justify-content: space-between;
}
.talgrid_card_box_header .crmtopheadImagedivcls {
    width: auto;
    height: auto;
    float: none;
}
.talgrid_card_box_header .crmtopheadMiddledivcls {
    width: auto;
    float: none;
    padding-left: 5px;
}
.talgrid_card_box_header .crmtopheadActiondivcls {
    width: auto;
    float: none;
}
.talgrid_card_box_body .crmContactinfodivcls {
    float: none;
    padding-top: 0;
    padding-left: 0;
    line-height: 16px;
}
.talgrid_card_box_header .crmtopheadMiddledivcls h3 {
    line-height: 16px;
    color: #4F4F4F;
    font-weight: 600;
    font-size: 14px;
}
.talgrid_card_box_header .crmtopheadMiddledivcls h3 a {
    color: #4F4F4F;
}
.talgrid_card_box_footer .crmSourceinfodivcls {
    float: none;
    padding-left: 0;
    padding-top: 0;
    display: flex;
    justify-content: space-between;
}
.talgrid_card_box_footer .crmSourceinfodivcls .crmleadownerspan {
    float: none;
}
.talgrid_card_box_header .jobinfo:not(:last-child) {
    margin-right: 8px;
}
.talgrid_card_box_footer .name-badge.drafted {
    background: none;
    padding: 0;
}
.talgrid_card_box_footer .btn-profile {
    background: #fff;
    color: #FFA800;
    border-color: #FFA800;
    display: flex;
    align-items: center;
}
.talgrid_card_box_footer .btn-profile:hover {
    color: #FFA800;
    border-color: #FFA800;
}
.talgrid_card_box_body .new-card-text a {
    color: #4f4f4f;
}
.talgrid_card_box .jobinfo svg {
    width: 12px;
    height: 12px;
}
.talgrid_card_box_footer .pocText {
    font-size: 12px;
    color: #4f4f4f;
}
.talgrid_card_box_footer .name-badge.drafted {
    display: flex;
    align-items: center;
}
.talgrid_card_box_footer .name-badge.drafted svg, .talgrid_card_box_footer .crmSourceinfodivcls .crmleadsourcespan svg, .heading_status_icon svg {
    width: 12px;
    height: 12px;
    margin-right: 2px;
}
.talgrid_card_box .membersAddedNamecls {
    margin-right: 0;
    padding: 0;
}
.talgrid_card_box .memberShortName {
    background: #D9D9D9;
    color: #000;
    font-size: 10px;
}
.icon_textWidth_cell > .jobinfo, .icon_textWidth_cell .spancontactinfocls {
    min-width: 100px;
}
.new_badge_tag {
    background: #A6DAD8;
    color: #fff;
    border-radius: 50px;
    font-size: 11px;
    font-weight: normal;
    padding: 2px 5px;
}
.r_circle_p_bar {
    position: relative;
    margin-right: 4px;
}
.r_circle_count {
    position: absolute;
    left: 0;
    top: 0;
    width: 2.5rem;
    height: 2.5rem;
    text-align: center;
    line-height: 2.5rem;
    font-size: 10px !important;
    color: #4F4F4F;
}
.r_circle_p_bar svg {
    width: 2.5rem;
    height: 2.5rem;
    transform: rotate(-90deg);
}
.p_circle {
    fill: none;
    stroke: #dee2e6;
    stroke-width: 4;
}
.c_bar {
    fill: none;
    stroke: #dee2e6;
    stroke: var(--primary-color);
    stroke-dasharray: 100 100;
    stroke-dashoffset: 100;
    stroke-linecap: round;
    stroke-width: 4;
    transition: stroke-dashoffset 1s ease-in-out;
}
.client-dropdown .dropdown-toggle:active, .client-dropdown .btn.dropdown-toggle.show {
    border-color: transparent;
}
/* end tal grid */
.white_Bgtable {
    border: none;
    border-radius: 0;
    position: relative;
    background: #fff;
}
.white_Bgtable .record_dataTable_cls thead {
    background: #EDEDED;
}
.white_Bgtable .dataTables_scrollHead .record_dataTable_cls thead th {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    position: relative;
}
.paginate_right .dataTables_paginate {
    float: right;
}
.white_Bgtable .record_dataTable_cls tbody .odd td, .white_Bgtable .record_dataTable_cls tbody .even td {
    background: #fff;
}
.white_Bgtable .dataTables_scroll {
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 5px;
}
.dataTables_wrapper .dataTables_info {
    font-size: 12px;
    color: #4F4F4F !important;
    padding-left: 1rem;
}
.privacy_modeform .form-check label, .privacy_modeform .form-check {
    color: #4F4F4F;
}
.uploadImg_radius {
    text-align: center;
}
.uploadImg_radius small {
    color: #ADADAD;
    font-size: 12px;
    margin-top: 10px;
    display: block;
}
.uploadImg_radius_inner {
    width: 130px;
    height: 130px;
    margin: 0 auto;
}
.uploaded_img_delete {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .5);
    border-radius: 100%;
    line-height: 130px;
    display: none;
}
.uploaded_img_delete .only_icon_btncls {
    background: none;
    line-height: 20px;
}
.uploadImg_radius_inner:hover .delete_img {
    display: block;
}
.uploaded_img_span {
    background: #DED9D9;
    display: block;
    border-radius: 100%;
    height: 100%;
    line-height: 128px;
    cursor: pointer;
}
.uploaded_img_span img {
    border-radius: 100%;
    width: 130px;
    height: 130px;
}
.uploaded_img_span svg {
    width: 52px;
    height: 52px;
}
.uploadImg_radius .uploadiconAbsolutecls {
    right: 20px;
    bottom: 0;
    z-index: 1;
}
.inputgroup_select2 .customselect2stylecls .select2-container--default .select2-selection--single {
    border-right: none;
    border-radius: 4px 0 0 4px;
}
.inputgroup_select2 .form-control[type="text"] {
    border-radius: 0 4px 4px 0 !important;
}
.strike_heading_Wsubtxt_inner::after {
    content: "";
    width: 100%;
    height: 1px;
    background: #DED9D9;
    left: 0;
    top: 10px;
}
.strike_heading_Wsubtxt h5 {
    font-size: 1rem;
    background: #fff;
    color: #4f4f4f;
    font-weight: 600;
}
.strike_heading_Wsubtxt p {
    font-size: 12px;
    color: #4f4f4f;
}
div[disabled="disabled"] {
    pointer-events: none;
    opacity: .7;
}
.talgrid_card_box .card-icons {
    width: 14px;
    height: 14px;
}
.talgrid_card_box_header .c-option .c-btn:not(:last-child) {
    margin-right: 5px;
}
/* start candidateV2 */
.talgrid_card_box .candidateinnercolcls {
    height: auto;
    box-shadow: none;
    padding: 0;
    border-radius: calc(0.375rem - 1px);
    margin-bottom: 0;
}
.talgrid_card_box_header .candidatepic_textcls {

    float: none;
    display: flex;
}
.talgrid_card_box_header .candidatepic_colcls {
    height: auto;
    width: auto;
    float: none;
    border: none;
    border-radius: 0;
}
.talgrid_card_box_header .candidatepic_colcls img {
    height: 38px;
    width: 38px;
    border-radius: 100%;
}
.talgrid_card_box_header .candidatepic_coltextcls {
    width: auto;
    float: none;
    padding-left: 5px;
        flex: 1 1 auto;
}
.talgrid_card_box_header .candidatepic_coltextcls h4 {
    font-weight: 600;
    color: #4F4F4F;
    margin-bottom: 0;
    font-size: 16px;
}
.talgrid_card_box_header .candidatepic_coltextcls h4 a {
    color: #4F4F4F;
        font-weight: 600;
}
.talgrid_card_box_header .allcandidateactiondivcls {
    display: flex;
    align-items: center;
}
.talgrid_card_box .locationtagcolcls {
    padding-top: 2px;
}
.talgrid_card_box .locationtagcolcls b img, .talgrid_card_box .locationtagcolcls b svg {
    width: 12px;
    height: 12px;
    top: 0;
}
.talgrid_card_box .locationtagcolcls b svg {
    margin-right: 2px;
}
.talgrid_card_box .candidatetopdetailscls {
    margin-bottom: 0;
}
.talgrid_card_box .candidateslidecolcls {
    margin-top: 15px;
    padding-top: 20px;
    min-height: 84px;
}
.slide_colsec_div {
    display: flex;
    background: #e6f8f3;
    border-radius: 4px;
    border: 1px solid #EDEDED;
    padding: 5px;
}
.slide_colsec_div .Csvgslideiconcolcls {
    width: auto;
    float: none;
    position: relative;
    margin-top: 0;
}
.talgrid_card_box .fullcolslickslideinnercls, .slickSlider_gapx .fullcolslickslideinnercls {
    padding: 0;
    padding-right: 10px;
}
.slide_colsec_div .Cslidecontentdivcls {
    text-align: left;
        flex: 1 1 auto;
}
.slide_colsec_div .Cslidecontentdivcls h4 {
    font-size: 12px;
    margin-bottom: 0;
}
.slide_colsec_div .Cslidecontentdivcls span {
    font-size: 11px;
    padding-bottom: 0;
    color: #4F4F4F;
}
.talgrid_card_box .candidateslidecolcls .slick-list, .slickSlider_gapx .slick-list {
    padding-left: 0 !important;
}
.talgrid_card_box .fullcolslickslidecls, .slickSlider_gapx {
    padding: 0 20px;
}
.sm-nothingfounddatadivcls {
    padding: 0;
}
.sm-nothingfounddatadivcls .nothingfounddataimgcls img {
    width: 40px;
    margin-bottom: 5px;
}
.sm-nothingfounddatadivcls h6 {
    font-size: 12px;
    margin-bottom: 0;
    color: #414141;
}
.talgrid_card_box .candidatedraftcolcls {
    margin-top: 0;
    padding-top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 40px;
}
.talgrid_card_box_footer .candidatedraftcolcls {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.candidatepic_coltextcls .new_badge_tag {
    font-size: 11px !important;
    display: inline-block;
    color: #fff !important;
}
.block_badge {
    background: #DC3545;
}
.sq_upload_card_row {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 300px;
    flex-wrap: wrap;
}
.sq_upload_card_box.asr16 label{
    aspect-ratio: 16;
    width: 446px;
    flex-direction: row;
}
.sq_upload_card_box {
    margin: 8px;
    text-align: center;
}
.sq_upload_card_box label span {
    font-size: 12px;
    font-weight: 600;
    color: #4f4f4f;
    display: block;
    margin-bottom: 2px;
}
.sq_upload_card_box label small {
    font-size: 12px;
    display: block;
    color: #bebebe;
}
.sq_upload_card_box label img {
    max-width: 100%;
    width: 86px;
    height: auto;
    margin-bottom: 5px;
    filter: opacity(0.5);
}
.sq_upload_card_box input[type="radio"] {
    display:none;
}
.sq_upload_card_box label {
    padding: 15px;
    border: 1px solid #DED9D9;
    cursor: pointer;
    border-radius: 5px;
    min-width: 215px;
    aspect-ratio: 1/1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.sq_upload_card_box input[type="radio"]:checked + label {
    border-color: #3DB389;
}
.sq_upload_card_box input[type="radio"]:checked + label img{
    filter: opacity(1);
}

.uploadImg_radius.upload-sm .uploadImg_radius_inner {
    width: 86px;
    height: 86px;
    margin: 0 auto;
}

.uploadImg_radius.upload-sm .uploaded_img_span {
    background: #DED9D9;
    display: block;
    border-radius: 100%;
    height: 100%;
    line-height: 86px;
    cursor: pointer;
}
.uploadImg_radius.horizontal {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding: 10px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.3);
    border-radius: 5px;
}
.uploadImg_radius.horizontal .uploadImg_radius_inner{
    margin: 0 0;
}
.uploadImg_radius.horizontal > p{
    text-align: left;
}
.uploadImg_radius.horizontal > p small:first-of-type{
    font-size: 14px;
}
.bg_greenuploadcls .input-group-text {
    background: var(--primary-green-color);
    font-size: 12px;
    position: relative;
}
.bg_greenuploadcls .form-control[type="file"] {
    font-size: 14px;
    line-height: 24px;
}
.can_leftInfog_img img {
    width: 100%;
}
.canUser_listLicls li {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 15px;
}
.list_svg_icon {
    margin-right: 10px;
}
.list_svg_icon svg, .list_svg_icon img {
    width: 16px;
    height: 16px;
}
.list_svg_icon img {
    height: auto;
}
.list_svg_details, .list_svg_details a {
    color: #4F4F4F;
}
.can_extra_stepdiv h5 {
    font-size: 16px;
    color: #4F4F4F;
    font-weight: normal;
}
.file_commonSquare_upload {
    border: 1px solid #BDBDBD;
    border-radius: 6px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    min-height: 280px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}
.file_commonSquare_upload_text img {
    width: 100px;
    margin-bottom: 5px;
}
.file_commonSquare_upload_text p {
    font-size: 14px;
    color: #4F4F4F;
    margin-bottom: 5px;
}
.file_commonSquare_upload_text span {
    font-size: 12px;
    color: #BDBDBD;
    display: block;
    margin-bottom: 5px;
}
.select_file_label {
    font-size: 14px;
    background: #3DB389;
    color: #fff;
    padding: 10px 20px;
    border-radius: 6px;
}
.select_file_label input[type="file"] {
    display: none;
}
.can_importfrom_list_Imgtext {
    text-align: center;
    padding: 30px 10px;
}
.can_importfrom_list_Imgtext img {
    width: 160px;
    margin-bottom: 10px;
}
.can_importfrom_list_Imgtext h5 {
    font-size: 18px;
    color: #353535;
    font-weight: normal;
    margin-bottom: 5px;
}
.can_importfrom_list_Imgtext p {
    font-size: 12px;
    color: #4f4f4f;
    margin-bottom: 5px;
}
.can_importfrom_list_Imgtext a {
    font-size: 12px;
    color: #FFA800;
    text-decoration: underline;
}
.grey_table_report {
    width: 100% !important;
}
.grey_table_report_div {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
}
.grey_table_report thead {
    background: #FBFBFB;
}
.grey_table_report thead th {
    color: #4F4F4F;
    font-size: 14px;
    font-weight: 500 !important;
    border-bottom: none !important;
}
.grey_table_report tbody td {
    font-size: 14px;
    color: #4F4F4F;
    border-bottom: 1px solid #bfbfbf;
}
.grey_table_report tbody td .form-control {
    height: 30px;
}
.grey_table_report tbody td .form-control:focus {
    box-shadow: none;
}
.grey_table_report tbody td .only_icon_btncls {
    background: none;
}
.avatar_circle_text {
    font-size: 14px;
    color: #4f4f4f;
    font-weight: 700;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    background: #ECF7F3;
    border: 1px solid #42B58C;
    border-radius: 100%;
    margin-right: 8px;
}
.grey_table_report_div .dataTables_scrollBody::-webkit-scrollbar {
    width: 5px;
    height: 6px;
    background-color: #d2d2d2;
    border-radius: 20px;
    cursor: pointer;
}
.grey_table_report_div .dataTables_scrollBody::-webkit-scrollbar-thumb {
    background: #979797;
    border-radius: 20px;
    cursor: pointer;
}
.grey_table_report_div .dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 2px 8px;
    border-radius: 100%;
    font-size: 14px;
}
.grey_table_report_div .dataTables_wrapper .dataTables_paginate .paginate_button.current, .grey_table_report_div .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .grey_table_report_div .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #f2994a;
    border-color: #f2994a;
    color: #fff !important;
}
.grey_table_report_div .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover, .grey_table_report_div .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover {
    background: none !important;
    color: #000 !important;
    border-color: transparent;
}
.grey_table_report_div .dataTables_wrapper .dataTables_info {
    padding-bottom: 10px;
}
.can_import_shortDetails h4 {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin-bottom: 5px;
}
.record_duration_tag {
    display: block;
    font-size: 14px;
    color: #4F4F4F;
}
.record_fetch_status {
    font-size: 14px;
    color: #4f4f4f;
    margin-right: 10px;
}
.record_fetch_status b {
    font-weight: normal;
}
.grey_table_report_div .dataTables_wrapper .dataTables_paginate .paginate_button i.fa {
    font-size: 11px;
    color: #374957;
}
.data_progress_div {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 600px;
}
.data_progress_div h4 {
    font-size: 16px;
    color: #000;
    text-align: center;
    margin-bottom: 5px;
}
.data_progress_div p {
    font-size: 14px;
    color: #4F4F4F;
    text-align: center;
}
.add_moreFile_Innersec {
    border: 1px solid #BDBDBD;
    border-radius: 6px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    min-height: 280px;
    padding: 15px;
}
.file_uploaded_col {
    background: #D9D9D9;
    padding: 2px;
    padding-right: 10px;
    border-radius: 50px;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 10px;
}
.any_uploadIcon_tag {
    display: inline-block;
    width: 26px;
    height: 26px;
    border-radius: 100%;
    background: #fff;
    text-align: center;
    line-height: 26px;
}
.any_uploadIcon_tag img {
    width: 14px;
}
.uploadText_tag {
    font-size: 14px;
}
.file_uploaded_col .only_icon_btncls {
    background: none;
    margin-left: 2px;
}
.file_uploaded_col .only_icon_btncls svg {
    width: 12px;
    height: 12px;
}
.add_morefile_uploadBtndiv {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 15px;
}
.add_morefile_uploadBtndiv .select_file_label {
    font-size: 14px;
    background: none;
    color: #4f4f4f;
    padding: 0;
    border-radius: 0;
}
.resumeCreated_successfullyText {
    max-width: 600px;
    margin: 50px auto;
    display: grid;
}
.resumeCreated_successfullyText img {
    width: 170px;
    margin-bottom: 15px;
}
.resumeCreated_successfullyText h5 {
    font-size: 18px;
    color: #4f4f4f;
    margin-bottom: 15px;
}
.resumeCreated_successfullyText p {
    font-size: 16px;
    color: #4F4F4F;
    margin-bottom: 15px;
    line-height: 22px;
}
.resumeCreated_successfullyText .talGreenbtncls {
    display: inline-block;
    min-width: auto;
    line-height: 38px;
    margin-left: 0;
    margin-top: 10px;
}
.similar_can_list_slide .talgrid_card_box {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}
/* end candidateV2 */

/* start candidateDetailV2 */
.whiteboxshadowbgcls {
    padding: 15px;
}
.can_avatarDetails .candidateDusercolcls {
    display: flex;
    align-items: flex-start;
}
.can_avatarDetails .candidateDusercolcls .candidatepic_colcls {
    width: auto;
    height: auto;
    float: none;
    margin: 0;
    border: none;
}
.can_avatarDetails .candidatepic_colcls img {
    width: 140px;
    height: 140px;
    margin-top: 0;
    margin-left: 0;
}
.can_avatarDetails .candidatepic_coltextcls {
    width: auto;
    float: none;
    padding-left: 10px;
    padding-top: 5px;
}
.can_avatarDetails .candidatepic_coltextcls h4 {
    font-size: 24px;
    color: #0D2155;
    margin-bottom: 5px;
}
.can_avatarDetails .candidatepic_coltextcls h4 a {
    color: #0D2155;
}
.can_avatarDetails .candidatepic_coltextcls .can_designationText_tag {
    font-size: 16px;
    color: #4F4F4F;
    display: block;
    font-weight: normal;
}
.can_avatarDetails .overallratingdivcls, .can_avatarDetails .selfratingdivcls {
    /* display: flex; */
    margin: 0;
}
.can_avatarDetails .overallratingdivcls b, .can_avatarDetails .selfratingdivcls b {
    display: block;
    margin: 0 6px;
}
.any_reqText_tag {
    color: var(--primary-color);
    font-size: 12px;
}
.add_squareIcon_btn {
    background: linear-gradient(180deg, #3db389 0%, #3fdba3 100%);
    border: none;
    padding: 6px;
    width: 40px;
    height: 40px;
}
.add_squareIcon_btn svg {
    width: 20px;
    height: 20px;
    margin: 0;
}
.can_inforead_head {
    border-bottom: 1px solid #DED9D9;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.can_inforead_head h3 {
    font-size: 16px;
    color: #4F4F4F;
    font-weight: normal;
}
.can_inforead_body .locationtagcolcls {
    padding-top: 0;
    display: grid;
    grid-template-columns: repeat( auto-fill , minmax(40%, 1fr) );
    gap: 10px;
}
.can_inforead_body .locationtagcolcls b {
    font-weight: normal;
    color: #4f4f4f;
    font-size: 14px;
    display: flex;
    align-items: center;
}
.can_inforead_body .locationtagcolcls b a {
    color: #4f4f4f;
}
.can_inforead_body .locationtagcolcls b img, .can_inforead_body .locationtagcolcls b svg {
    margin-right: 5px;
}
.can_summaryPara_div p {
    font-size: 14px;
    line-height: 20px;
    color: #4f4f4f;
}
.can_summaryPara_div textarea.form-control {
    font-size: 14px;
    height: 120px;
    color: #4f4f4f;
    /* pointer-events: none; */
    border-color: transparent;
    padding: 0;
    resize: none;
}
.can_summaryPara_div textarea.form-control:disabled {
    background: #fff;
}
.can_summaryPara_div textarea.can_summaryPara_edit {
    background: #fbfbfb;
    pointer-events: inherit;
    border-color: #ced4da;
    padding: .375rem .75rem;
}
.can_inforead_body .appendtaglistingcls span {
    font-size: 14px;
    font-weight: 500;
    color: #575757;
    border: 1px solid #c7c7c7;
    border-radius: 50px;
    padding: 5px 15px;
    display: inline-block;
    margin-right: 3px;
}
.can_inforead_body .appendtaglistingcls b {
    font-weight: normal;
}
.cardIcon_rightPosition {
    position: absolute;
    inset: 6px 1px auto auto;
}
.can_docWith_paraText {
    display: grid;
    grid-template-columns: repeat( auto-fill , minmax(320px, 1fr) );
    gap: 20px;
}
.can_docWith_paraText .mediaBoxIconcls {
    background: #fff;
    text-align: left;
    align-items: flex-start;
    min-height: auto;
    padding: 15px;
}
.docWith_paraText_head .pdf_imageSvgIconcls img {
    width: 24px;
}
.docWith_paraText_head {
    display: flex;
    align-items: flex-start;
}
.docWith_paraText_headT strong {
    font-size: 14px;
    color: #4F4F4F;
}
.docWith_paraText_duration span {
    font-size: 12px;
    border-left: 1px solid #818181;
    padding-left: 5px;
    margin-left: 1px;
}
.docWith_paraText_duration span:first-child {
    border-left: none;
    padding-left: 0;
    margin-left: 0;
}
.doc_paragraphTxt p {
    font-size: 12px;
    color: #4f4f4f;
}
.mediaBoxIconcls .only_icon_btncls {
    right: 0;
    top: 0;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    width: 20px;
    height: 20px;
    border-radius: 2px;
    inset: 5px 5px auto auto;
    display: none;
}
.mediaBoxIconcls:hover {
    background: #cefff6;
}
.mediaBoxIconcls:hover .only_icon_btncls {
    display: block;
}
.datafilter_leftposition .dataTables_filter {
    left: 14px;
}
.talrow_col_card {
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    min-height: 200px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}
.talrow_col_card_header {
    border-bottom: 1px solid #DED9D9;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.talrow_col_card_header h3 {
    font-size: 16px;
    color: #4F4F4F;
    margin: 0;
}
.sm_square_dropdownBtn .btn {
    padding: 0 8px 0 5px;
    background: #3db389;
    border-color: #3db389;
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
}
.sm_square_dropdownBtn .btn:active {
    background: #3db389;
    border-color: #3db389;
    color: #fff;
}
.sm_square_dropdownBtn .btn svg {
    margin: 0;
}
.sm_square_dropdownBtn .dropdown-menu li {
    font-size: 12px;
}
.sm_square_dropdownBtn .dropdown-menu li a {
    color: #4f4f4f;
}
.performancedflexBar {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.performancedflexBar .performancefillBarcls {
    float: none;
}
.performancedflexBar .progressPercentageTagcls {
    width: auto;
    float: none;
}
.circle_svgIcon_radius {
    background: #FFA800;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    line-height: 16px;
}
.feedbackrow_section {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
}
/* .feedbackCol_innersec {
    flex: 1;
} */
.feedbackProgess_score .completefillouterbarcls {
    margin-bottom: 7px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.feedbackProgess_score .completefillouterbarcls .completestarfillbartextcls {
    min-width: 40px;
}
.feedbackProgess_score .completefillouterbarcls .completefillbartextcls {
    width: auto;
    float: none;
    min-width: 35px;
}
.feedbackCol_innersec h5 {
    font-size: 16px;
    color: #4F4F4F;
    font-weight: 600;
    margin-bottom: 15px;
}
.feedaverage_score_Col .feedbackAllscoredivcls {
    width: auto;
    float: none;
}
.feedbackAllscore_ratingcls .fa.fa-star, .feedaverage_score_Col .feedbackAllscore_ratingcls .fa.fa-star-o {
    font-size: 22px;
    position: relative;
    top: -2px;
}
.feedaverage_score_Col .feedbackAllscoredivcls span {
    padding-left: 0;
    padding-right: 10px;
}
.feedbackAllscore_ratingcls .fa.fa-star {
    color: #ffcf26;
}
.feedbackAllscore_ratingcls .fa.fa-star-o {
    color: #374957;
}
.feedback_sm_paraText {
    font-size: 14px;
    color: #BDBDBD;
    line-height: 22px;
}
.your_feedback_col {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.yourOther_feedCard {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    background: #fff;
    border-radius: 6px;
    padding: 15px;
    min-height: 142px;
}
.your_feedback_titleHead .talgrid_headText {
    width: 170px;
}
.your_feedback_titleHead .feedbackAllscore_ratingcls .fa.fa-star, .your_feedback_titleHead .feedaverage_score_Col .feedbackAllscore_ratingcls .fa.fa-star-o {
    font-size: 18px;
    position: relative;
    top: -2px;
}
.yourOther_feedCard .feedback_sm_paraText {
    color: #4F4F4F;
}
.yourOther_feedCard .feedaverage_score_Col .feedbackAllscoredivcls span {
    line-height: 38px;
    font-size: 40px;
}
.sm_cardHeading {
    font-size: 14px;
    color: #4F4F4F;
}
.feedback_notfound_div {
    text-align: center;
}
.feedback_notfound_div strong {
    font-size: 34px;
    display: block;
    color: #4f4f4f;
    margin-bottom: 10px;
}
.feedback_notfound_div p {
    color: #4f4f4f;
    font-size: 12px;
    margin-bottom: 5px;
}
.feedback_notfound_div .talGreenbtncls {
    display: inline-block;
}
.rating_feedback_div .skill_rating_textcls span {
    color: #4f4f4f;
}
.rating_feedback_div .skill_rating_detaildiv {
    max-height: inherit;
    overflow-y: inherit;
    padding-right: 0;
}
.invite_by_email_imgText {
    text-align: center;
}
.invite_by_email_imgText p {
    color: #4f4f4f;
    margin-bottom: 20px;
}
.invite_by_email_inputform {
    max-width: 600px;
    margin: auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.invite_by_email_inputform .talGreenbtncls {
    height: 35px;
}
.circle_name_tagcls {
    width: 40px;
    height: 40px;
    background: #aadecb !important;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 14px;
}
.feedback_slider .slick-list {
    padding: 5px !important;
    padding-right: 100px !important;
}
.feed_slider {
    padding-right: 20px;
}
.feed_slider .feedbackAllscore_ratingcls .fa.fa-star, .feed_slider .feedbackAllscore_ratingcls .fa.fa-star-o {
    font-size: 16px;
    top: 0;
}
.tal_img_shadow {
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
.canedu_row_listing {
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    display: flex;
    align-items: flex-end;
}
.canedu_resumeAttach_listing .can_docWith_paraText .mediaBoxIconcls {
    padding: 8px;
    min-width: 180px;
}
.canedu_resumeAttach_listing .pdf_imageSvgIconcls {
    margin-bottom: 0;
}
.canedu_resumeAttach_listing .can_docWith_paraText {
    display: flex;
    gap: 15px;
}
.tal_min_height {
    min-height: auto;
}
.tal_min_width_auto {
    min-width: 100%;
}
.right_gap_spacer .slick-list {
    padding: 5px !important;
    padding-right: 100px !important;
}
.right_gap_spacer .slick-slide {
    padding-right: 20px;
}
.next_prev_gap.slick-slider {
    padding: 0 20px;
}
.next_prev_gap .slick-arrow {
    top: 40%;
}
.recommend_job_slide .talgrid_card_box {
    min-width: auto;
}
.add_mediaText_andBtndiv .paragraytextrowcls {
    color: #4f4f4f;
}
.addmedia_upload_formdiv {
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}
.toggleSave_svg .editSvg_icon {
    display: none;
}
.toggleSave_svg .saveSvg_icon {
    display: block !important;
}
.candidatepic_coltextcls span.clienttxt {
    color: #4f4f4f;
}
.talGrid_minmax_column4 {
    display: grid;
    grid-template-columns: repeat( auto-fill , minmax(260px, 1fr) );
    gap: 15px;
}
.talGrid_minmax_column3 {
    display: grid;
    grid-template-columns: repeat( auto-fill , minmax(300px, 1fr) );
    gap: 15px;
}
.talGrid_minmax_column_full4 {
    display: grid;
    grid-template-columns: repeat( auto-fill , minmax(350px, 1fr) );
    gap: 15px;
}
.talGrid_minmax_column2 {
    display: grid;
    grid-template-columns: repeat( auto-fill , minmax(440px, 1fr) );
    gap: 15px;
}
.talGrid_minmax_column4 .talgrid_card_box, .talGrid_minmax_column3 .talgrid_card_box, .talGrid_minmax_column2 .talgrid_card_box {
    min-width: auto;
}
.card.allcandidateAccordioncls {
    box-shadow: none;
}
.boolean-info-btn .dropdown-toggle {
    text-align: left;
    border: 1px solid #ced4da;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: var(--text-gray-3);
    width: auto;
    min-width: 100%;
    height: 100%;
    padding: 0 10px;
    background: #fff;
    border-radius: 5px;
}

.boolean-search-dropdown {
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 16%);
    -moz-box-shadow: 0 0 10px 0 rgb(0 0 0 / 16%);
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 16%);
    position: absolute;
    left: 0;
    top: 40px;
    width: 100%;
    z-index: 9;
}
.boolean-search-dropdown h3 {
    font-size: 16px;
    font-weight: 400;
    color: #5f5f5f;
    margin-bottom: 12px;
}
.boolean-search-list {
    min-height: 150px;
    max-height: 220px;
    overflow-y: auto;
}
.boolean-search-list li {
    background: #d2f9eb;
    border-radius: 4px;
    padding: 4px 10px;
    margin-bottom: 7px;
    font-size: 14px;
    color: #020202;
    cursor: pointer;
}
.boolean-info-btn {
    display: inline-block;
    padding-left: 5px;
}
.boolean-search-cross-btn {
    border: none;
    background: #fff;
    line-height: 18px;
}
.boolean-info-btn .memberAddBtncls svg {
    width: 28px;
    height: 28px;
}
.boolean-info-btn .memberAddBtncls::after {
    content: none;
}
.boolean-search-guide {
    width: 450px;
    max-width: 100%;
    padding: 6px 8px 20px !important;
}
.boolean-search-guide.show {
    box-shadow: 0 4px 16px rgb(0 0 0 / 20%);
}
.boolean-search-guide h4 {
    font-size: 14px;
    font-weight: 400;
    color: #0b0b0b;
}
.customtabdrpdwninnercls {
    display: flex;
}
.customtabdrpdwnLeftcls {
    float: none;
    /*background: rgba(61, 179, 137, 0.12);*/
    padding-top: 0;
}
.customtabdrpdwnRightcls {
    float: none;
    background: #FAFAFA;
}
.nav-pills.customnavpillsflatcls .nav-link {
    padding: 10px 14px;
    margin-bottom: 0;
    border-bottom: 1px solid #DED9D9;
}
.allcandidateAccordioncls .card-header {
    margin-bottom: 10px;
}
.nav-pills.customnavpillsflatcls .nav-link.active, .nav-pills.customnavpillsflatcls .show>.nav-link {
    color: #3db389;
    background: none;
    border-color: #DED9D9;
    border-bottom-color: #DED9D9;
}
.slideCount {
    font-size: 14px;
    color: #4F4F4F;
    position: absolute;
    z-index: 1;
    inset: -25px auto auto 128px;
}
.feedback_slider .slick-prev {
    left: 110px;
    top: -27px;
}
.feedback_slider .slick-next {
    right: auto;
    left: 160px;
    top: -26px;
}
.talgrid_card_box .interview-box {
    border-radius: 0;
    min-height: auto;
    box-shadow: none;
}
.candidate-avatar-image {
    width: 38px;
    height: 38px;
    border-radius: 100%;
}
.talgrid_card_box .cardBtns .dropdown-menu.mobileOverlayDropcls li {
    margin: 0;
    padding: 0;
}
/* end candidateDetailV2 */
.privacy_append_div {
    background: #f4f4f4;
    padding: 10px;
    border-radius: 6px;
    padding-bottom: 5px;
}
.select_appended_text span {
    background: #D9D9D9;
    border-radius: 50px;
    padding: 2px 6px;
    font-size: 14px;
    color: #4f4f4f;
    margin-right: 2px;
    margin-bottom: 4px;
    display: inline-block;
}
.privacy_append_div .only_icon_btncls {
    position: absolute;
    inset: auto 2px auto auto;
}
.select2-container--default .multiSelect_tick .select2-results__option--selected {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgY2xhc3M9ImZlYXRoZXIgZmVhdGhlci1jaGVjayIgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cG9seWxpbmUgcG9pbnRzPSIyMCA2IDkgMTcgNCAxMiIvPjwvc3ZnPg==');
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 98%;
}
.cardrowDetailsdivcls {
    margin-bottom: 10px;
}
.card_pipeline_rowdiv {
    box-shadow: 0 -5px 5px -5px #cacaca;
    padding-top: 12px;
}
.card_pipeline_rowdiv:first-child {
    box-shadow: none;
    padding-top: 0;
}
.on_whiteBg_cardBox_shadow {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}
.screening_infoText {
    max-height: 300px;
    overflow-y: auto;
    padding: 16px;
}
.inputgroup_custom span.input-group-text {
    height: 36px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.adv_mainfilter_sec_inner {
    display: flex;
}
.hide_inputchkbox_insideBtn input[type="checkbox"] {
    display: none;
}
.adv_aiMatchingfilter_sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.adv_aiMatchingfilter_secLeft {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.can_searchBtn_div .talGreenbtncls {
    height: 36px;
}
.candidateTabledatarowcls tbody td {
    font-size: 14px;
    padding: 10px 15px;
    vertical-align: middle;
    color: #4F4F4F;
}
.candidateTabledatarowcls tbody td .svglocationbtag, .candidateTabledatarowcls tbody td .svgexperiencebtag, .candidateTabledatarowcls tbody td .svglpabtag {
    font-size: 14px;
}
.candidateTabledatarowcls tbody td ul.candidatecustomdrpdwncls {
    top: 0;
}
.candidateTabledatarowcls tbody td .candidatedraftcolcls span {
    padding: 5px;
}
.adv_mainfilter_selectedText {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}
.clearAll_btn {
    color: #FFA800;
    font-size: 14px;
    border: none;
    background: none;
}
.adv_mainfilter_selectedText .advancefilterselectedtxtcls span {
    margin-bottom: 0;
}
.input_pointerEvent_none {
    pointer-events: none;
    border-color: #fff;
    padding: 0;
}
.datatable_no_record_div {
    min-height: 460px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.datatable_no_record_div img {
    width: 150px;
}
.datatable_no_record_div p {
    margin-bottom: 0;
    color: #4f4f4f;
    font-size: 16px;
    font-weight: 500;
}
table.dataTable tbody td, table.dataTable tbody td * {
    white-space: nowrap;
    font-size: 14px;
}
.grey_table_report tbody td.dataTables_empty {
    border-bottom: none;
}
.table_record_btmBtn {
    display: flex;
    justify-content: flex-end;
}
.dropdown.Candidate-dropdown .filter-btn.dropdown-toggle:focus, .dropdown.Candidate-dropdown .filter-btn.dropdown-toggle.show {
    border-color: #e0e0e0;
}
.screening_info_Qrow {
    margin-bottom: 10px;
    display: flex;
    padding: 8px;
    border:1px solid #cecece;
    border-radius: .375rem;
    flex-direction: column;
    gap: 5px;
}
.screening_info_Qrow > div{
  flex-wrap: wrap;
    width: 60%;
    display: flex;
    flex-direction: column;
}
.screening_info_Qrow > p{
      flex-wrap: wrap;
    display: flex;
    width: 100%;
    flex: 1 1 auto;
}
.question_screen_record {
    display: flex;
    align-items: center;
}
.question_screen_record span {
    display: flex;
    align-items: center;
    font-size: 12px;
    margin-right: 10px;
    gap: 3px;
    font-weight: 500;
    color: #4f4f4f;
}
.importdetailfilter .filter-btn {
    background: #fff;
    height: 36px;
    text-align: center;
    min-width: 150px;
    border: 1px solid #e0e0e0;
    font-size: 14px;
    color: #4f4f4f;
}
.importdetailfilter .dropdown-menu li {
    list-style: none;
    font-size: 14px;
}
.locationtagcolcls a {
    color: #4f4f4f;
}
.iw_feedback_sec .feedback_slider {
    padding: 0 20px;
}
.iw_feedback_sec .feedback_slider .slick-prev {
    left: 0;
    top: 45%;
}
.iw_feedback_sec .feedback_slider .slick-next {
    right: 0;
    left: auto;
    top: 45%;
}
.membersUserTableDataOutercls .dataTables_filter {
    position: absolute;
    top: -47px;
    z-index: 1;
    background: #fff;
    right: 130px;
}
/* start rate answer */
.candidateinnercolcls .candidatepic_colcls {
    width: 2.5rem;
    height: 2.5rem;
    border: none;
    line-height: 2.5rem;
}
.candidateinnercolcls .candidatepic_colcls img {
    width: 40px;
    height: 40px;
    margin: 0 !important;
}
.candidateinnercolcls .candidatepic_coltextcls {
        flex: 1 1 auto;
}
.itw-interviewer{
    background: linear-gradient(90deg, #6AD2C6 0.62%, rgba(217, 217, 217, 0) 100.96%);
    filter: drop-shadow(0px 0 4px rgba(0, 0, 0, 0.25));
    border:1px solid #6ad2c667;
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    justify-content: start;
    gap: 8px;
    padding: .5rem;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
    margin-bottom: 10px;
  }
  .itw-interviewerDetails{
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
  }
  #interview-detailHeader{
    max-width: 100%;
    width: 100%;
  }

  .itw-rateanswers .feedbackVideoQuesWisecls {
  width: 50%;
  float: none;
  height: 100%;
  padding-left: 0;
}
.itw-rateanswers .ansVideoFullSlidecls {
  width: 50%;
  float: none;
  padding-left: 15px;
  height: auto;
}
.itw-rateanswers .tabContentVideodivcls {
  width: 100%;
  height: auto;
  position: relative;
  aspect-ratio: 16/9;
}
.itw-rateanswers .greenBarAccordioncls .submitRatingBox textarea {
  height: auto !important
}
.itw-answers{
display: none;
visibility: hidden;
opacity: 0;
transition: visibility 0s, opacity 0.5s linear;
margin-top: 10px;
}
.itw-answers.active{
display: block;
visibility: visible;
opacity: 1;
}

.itw-rateanswers .interviewQuesCardBoxcls{
box-shadow: none;
}

.videoAnsQuesLicls.swiper-slide{
max-width: 260px;
}
.itw-overalfeedbacks .overallFeedbackdivcls {
  background: #ffffff;
  border-radius: 5px;
  padding: 0;
  padding-top: 0;
}
.attention-focus{
transform: scale(1.02);
  box-shadow: 0 0 7px 1px #3db88c;
}
.ratingBtn {
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  width: 180px;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  flex-direction: column;
  aspect-ratio: 1/1;
}

.ratingBtnText{
font-weight: bold;
}
.itw-rateanswers .quesVideoThumbnailTabcls .questionCardTextcls h4{
white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.answers-container{
flex-direction: row;
}
.jobinfo i{
    line-height: 1;
  }
/* end rate answer */
.group_dropdown_filter .dropdown-menu {
    min-width: 260px;
}
.group_filter_heading {
    font-size: 12px;
    color: #4F4F4F;
    font-weight: 500;
}
.group_filter_subText {
    font-size: 12px;
    color: #4F4F4F;
}
.text_common_color {
    color: #4F4F4F;
}
.customtabdrpdwnLeftcls .nav-pills.customnavpillsflatcls .nav-link {
    background-color: #fafafa;
    border-radius: 4px;
}
.customtabdrpdwnLeftcls .nav-pills.customnavpillsflatcls .nav-link.active{
    color: #fafafa;
    background: var(--tal-meduim-green);
    border-color: #DED9D9;
    border-bottom-color: #DED9D9;
}
@media screen and (min-width: 1400px) {
    .createNewTargetModalcls .modal-xl {
        max-width: 1350px;
    }
}
@media screen and (min-width: 1800px) {
    .whitekb_bodycolclslistcls {
        height: calc(100vh - 360px);
    }
}



.aside_top{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 49;
}
.aside_top .simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px;
    right:-12px
}
.simplebar-scrollbar:before {
    position: absolute;
    content: '';
    background: var(--secondry-color);
}

.main-window{
    display: flex;
    flex-direction: column;
    align-items: start;
    height: 100dvh;
    height: 100dvh;
}
.main-window > main{
    flex: 1 0 0;
    max-height: 100%;
    overflow-y: auto;
    max-width: 100%;
    width: 100%;
    padding-block: .5rem;
    scrollbar-gutter: stable;
    margin-top: .5rem;
        padding-bottom: 0;
}
.breadcrumb-container{
    max-width: 100%;
    width: 100%;
    position: relative;
    margin-top: 8px;
    padding: 0.5rem 0.75rem !important;
    border-radius: 5px;
    height: unset;
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.07);
    box-shadow: 12px 2px 14px rgb(0 0 0 / 7%);
    z-index: 1022;
    background-color: #fff;
}
.card{
    border: 0;
    border-width: 0;
    /* box-shadow: 0 0 4px 0 #3ebc8f; */
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.01);
}
.transparent{
    background-color: transparent !important;
}
/* Avatar */
.avatar-xxl {
    height: 5rem;
    width: 5rem;
}
.avatar-xl {
    height: 3rem;
    width: 3rem;
}
.avatar-lg {
    height: 2.5rem;
    width: 2.5rem;
    aspect-ratio: 1/1;
    background: #cfede2;
    border-radius: 100%;
    text-align: center;
    line-height: 2.5rem;
}
.avatar-m {
    height: 1rem;
    width: 1rem;
}
.avatar-l {
    height: 2rem;
    width: 2rem;
}
.avatar-user{
    height: 36px;
    width: 36px;
    outline: 1px solid RGBA(0, 0, 0, 0.16) !important;
    border-radius: 10rem;
    background: url(../images/avatars/deafault-avatar.png) no-repeat;
    background-position: center;
    background-size: 100%;
}
.avatar-user img{
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    font-style: italic;
    background-repeat: no-repeat;
    background-size: cover;
    shape-margin: 0;

}
.avatar-md {
    height: 1.5rem;
    width: 1.5rem;
}
.avatar-xs {
    height: 1rem;
    width: 1rem;
}
.avatar-sel2{
    height: 1.5rem;
    width: 1.5rem;
}
.avatar {
    position: relative;
    display: inline-flex;
    flex-shrink: 0;
    padding: 0;
    border: 0;
    transition: all .2s ease-in-out;
    vertical-align: unset;
}
.avatar-xl .avatar-name {
    font-size: 0.6666666667rem;
}

.avatar img, .avatar .avatar-name {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.avatar .avatar-name {
    background-color: #dce7ca;
    position: absolute;
    text-align: center;
    color: var(--tal-violet);
    font-weight: 400;
    text-transform: uppercase;
    display: flex;
    font-size: 10px;
    justify-content: center;
    align-items: center;
}
.avatar.avatar-l .avatar-name {
    font-size: 12px;
}
.avatar.avatar-xl .avatar-name {
    font-size: 14px;
}
.avatar.avatar-xxl .avatar-name {
    font-size: 18px;
}
.rounded-circle {
    border-radius: 50% !important;
}
.avatar .avatar-name>span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}
.avatar-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.avatar-group.pullUp .avatar:not(:first-child){
    margin-left: -.5rem;
}
.avatar-group.pullUp .avatar .avatar-name,
.avatar-group.pullUp .avatar img{
    box-shadow: 0 0 5px 2px #1115413d;
    outline: 2px solid #ffffff !important;
}
.avatar-group.pullUp .avatar:hover{
    z-index: 10;
    transform: translateY(-8px);
}
.avatar-group .avatar {
    vertical-align: top;
}
.avatar-group-dense .avatar img{
    outline: 2px solid #fafafa;
}
.avatar-group-dense .avatar-m:not(:first-child){
  margin-left: -.5rem;
  transition: all .3s;
}
.avatar-group-dense .avatar-l:not(:first-child){
  margin-left: -.5rem;
  transition: all .3s;
}
.avatar-group-dense:hover .avatar-l:not(:first-child){
  margin-left: .1rem;
}
.avatar-group-dense .avatar-xl:not(:first-child) {
    margin-left: -1rem;
    transition: all .3s;
}
.avatar-group-dense:hover .avatar-xl:not(:first-child) {
    margin-left: .2rem;
}
.avatar-group-dense .avatar-md:not(:first-child) {
    margin-left: -.75rem;
    transition: all .3s;
}
.avatar-group-dense:hover .avatar-md:not(:first-child) {
    margin-left: .1rem;
}

.avatar[data-status=accept]:after,
.avatar.avatar-online:after {
  background-color: #28c76f;
}

.avatar[data-status=maybe]:after,
.avatar.avatar-offline:after {
  background-color: #434343;
}

.avatar.avatar-away:after {
  background-color: #ff9d00;
}

.avatar[data-status=declined]:after,
.avatar.avatar-busy:after {
  background-color: #ff5100;
}


.avatar.avatar-online:after,
.avatar.avatar-offline:after,
.avatar.avatar-away:after,
.avatar.avatar-busy:after,
.avatar[data-status=accept]:after,
.avatar[data-status=maybe]:after,
.avatar[data-status=declined]:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  box-shadow: 0 0 0 2px #d9d9d9;
}
/* Avatar Finish */

.talex-shadow{
    box-shadow: 0 0 5px 0 rgba(65, 69, 88, 0.13);
    -webkit-box-shadow:0 0 5px 0 rgba(65, 69, 88, 0.13);
}
.talex-shadow2{
    box-shadow: 0 20px 27px 0 rgba(0,0,0,.05);
    -webkit-box-shadow: 0 20px 27px 0 rgba(0,0,0,.05);
}


/* tooltip fix */
.tooltip{
    box-shadow: 0 0 2px 0 #3ebc8f;
    -webkit-box-shadow:0 0 2px 0 #3ebc8f;
    padding: 0;
    border-radius: 4px;

    transition: opacity .3s;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;

}
.tooltip.show{
    opacity:1
}
.tooltip--top::before,
.tooltip--top::after {
  bottom: 100%;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 15px;
}

.tooltip--top::after {
  margin-bottom: 8px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid var(--tal-blue);
}

.tooltip--bottom::before,
.tooltip--bottom::after {
  top: 100%;
  left: 50%;
  transform: translate(-50%);
  margin-top: 15px;
}

.tooltip--bottom::after {
  margin-top: 8px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 7px solid var(--tal-blue);
}

.tooltip--right::before,
.tooltip--right::after {
  top: 50%;
  left: 100%;
  transform: translate(0, -50%);
  margin-left: 15px;
}

.tooltip--right::after {
  margin-left: 8px;
  border-top: 5px solid transparent;
  border-right: 7px solid var(--tal-blue);
  border-bottom: 5px solid transparent;
}

.tooltip--left::before,
.tooltip--left::after {
  top: 50%;
  right: 100%;
  transform: translate(0, -50%);
  margin-right: 15px;
}

.tooltip--left::after {
  margin-right: 8px;
  border-top: 5px solid transparent;
  border-left: 7px solid var(--tal-blue);
  border-bottom: 5px solid transparent;
}

.tooltip .tooltip-inner{
    background: var(--tal-blue);
    color: #fafafa;
    text-align: center;
    font-size:12px;
    line-height: 1.3;
}
.tooltip::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid var(--tal-blue);
    border-radius: 1px;
    left: 50%;
    transform: translate(-50%);
  }
/* tooltip done */

/* Badge */
.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.2em;
  --bs-badge-font-size: 0.7rem;
  --bs-badge-font-weight: 300;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: 0.375rem;
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size) !important;
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}
.badge small{
    width:12px;
    height: 12px;
    border-radius: 5rem;
    display: inline-block;
    text-align: center;
}
.badge.teamtag{
    background: rgba(61, 179, 137, 0.41);
    color: var(--primary-color);
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 3px;
    padding-inline: 2px 8px;
}
.badge.teamtag .tooltip-content {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%) scale(0.8);
  background: white;
  border-radius: 15px;
  padding: 8px 10px;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55),
    transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55),
    visibility 0.5s ease;
  z-index: 100;
  pointer-events: none;
  backdrop-filter: blur(10px);
  background: var(--primary-color);
  background-color: var(--primary-color);
  color: #fafafa !important;
}
.badge.teamtag .tooltip-content::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%) rotate(180deg);
  border-width: 0 5px 5px 5px;
  border-style: solid;
  border-color: transparent transparent var(--primary-color) transparent;
  filter: drop-shadow(0 -3px 3px rgba(0, 0, 0, 0.1));
}
.button-content:hover::before {
  opacity: 1;
}
.badge.teamtag:hover .tooltip-content {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) scale(1);
  pointer-events: auto;
}
.badge.teamtag small{
    max-width: 128px;
    width: auto;
    border-radius: 0;
}
.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(58, 166, 129, 1) !important;
}
.text-bg-success {
    color: #fafafa !important;
    background-color: rgba(58, 166, 129, 1) !important;
}
.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(229, 141, 37, 1) !important;
}
.text-bg-warning {
    color: #fafafa !important;
    background-color: rgba(229, 141, 37, 1) !important;
}
.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(223, 88, 88, 1) !important;
}
.text-bg-danger {
    color: #fafafa !important;
    background-color: rgba(223, 88, 88, 1) !important;
}
.bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(76, 166, 255, 1) !important;
}
.text-bg-info {
    color: #fafafa !important;
    background-color: rgba(76, 166, 255, 1) !important;
}
.text-bg-primary {
    color: #fafafa !important;
    background-color: rgba(76, 166, 255, 1) !important;
}
 .shakeIt{
  animation: shakeit 0.5s;
 }
.blink{
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-duration: .4s;
    -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
            transition: all 0.2s ease;
    animation-direction: alternate;
}
@keyframes shakeit {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

span.icon-text{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;

    flex-wrap: nowrap;
    gap: 4px;
    position: relative;
}

@keyframes blink {
    from{
        opacity: .6;
    }
    to{
        opacity: 1;
    }
}
a, a:hover{
    text-decoration: none !important;
}
a.btn-link{
    padding: 2px 4px;
    display: flex;
    align-items: center;
}
a.btn-link span{
    line-height: 1.5;
}
a.btn-link.link-sm{
    font-size: 12px;
}

:not(.btn-check)+.btn:active{
    border-color: transparent;
}
.btn.btn-outline{
    background-color: #ffffff;
}

.wizard_actions {
    display: flex;
    padding: 1rem;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}

/* start talx-form */

  .talx-form {
    padding: 0;
    position: relative;
    width: 100%;
  }
  .talx-form .form-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .talx-form .term-helper {
    margin: 0;
    font-weight: 500;
  }
  .talx-form .term-helper a {
    font-weight: 600;
  }
  .talx-form .form-helper {
    color: RGBA(0, 0, 0, 0.48);
    font-size: 12px;
    margin-top: 4px;
  }
  .talx-form .talx-form-group {
    display: grid;
    row-gap: 12px;
    grid-template-columns: 1fr;
    width: 100%;
    margin-bottom: 16px;
  }
  .talx-form .talx-form-group.denced{
    row-gap: 5px;
  }
  .talx-form .talx-form-group.is-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 16px;
  }
  .talx-form .talx-form-group.col-2 {
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
  }
  .talx-form .talx-form-group.is-row-icon {
    -webkit-column-gap: 48px;
    -moz-column-gap: 48px;
    column-gap: 48px;
  }
  .talx-form .talx-input-group {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    min-width: 0;
  }
  .talx-form .talx-input-group.span-2{
    grid-column-end: span 2;
  }
  .talx-form .talx-input-group .talx-input-inner{
    display: flex;
    justify-content: start;
    align-items: center;
  }
  .talx-form .talx-input-group .talx-input-inner.customselect2stylecls .select2-container--default .select2-selection--single{
    border-right:0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .talx-form .talx-input-group .talx-input-inner>:nth-child(2){
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .talx-form .talx-action-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .talx-form-link{
    font-size: 14px;
    color:#003864;
    font-weight: 400;
  }
.talx-logouploader{
    border: 1px solid rgb(var(--primary-color-rgb), var(--opacity-1));
    border-radius: .375rem;
    margin-bottom: 16px;
    position: relative;
    overflow: hidden;
    text-align: center;
    padding-bottom: 1rem;
}
.talx-logouploader .talx-logouploader-label {
    max-width: 100%;
    width: 100%;
    aspect-ratio: 16/9;
    background-color: rgb(var(--primary-color-rgb), var(--opacity-1));
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 12px;
}
.talx-logouploader .talx-logouploader-label img{
    max-width: 100%;
    width: 150px;
    display: block;
    margin-inline: auto;
}
  .wizard-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 1rem;
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 0.5rem;
  }
  .form-divider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 1rem;
    margin-bottom: 0.5rem;
  }
  .talx-form .talx-label {
    font-size: 14px;
    font-weight: 400;
    color: var(--talx-label-color);
    padding-bottom: 0.25rem;
  }
  .form-label.required:after,
  .talx-form .talx-label.required::after {
    content: "*";
    margin-left:4px
  }
  .talx-form .talx-label.required::before,
  .talx-form .talx-label.required::after {
    color: #ff2636;
    font-weight: 400;
    font-size: 14px;
  }
  .talx-form .talx-label .help{
    width: 18px;
    height: 18px;
    font-size: 9px;
    background-color: rgba(var(--primary-color-rgb), var(--opacity-3));
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    position: absolute;
    right: 0;
    line-height: 1;
  }

.talx-input-group textarea::placeholder,
.talx-input-group input::placeholder{
    font-size: 14px;
    color: var(--tal-gray-300);
    font-style: italic;
    transition: all .3s;
}
.talx-input-group textarea:focus::placeholder,
.talx-input-group input:focus::placeholder{
    padding-left: 5px;
    font-size: 14px;
    color: var(--tal-gray-400);
}

textarea::placeholder,
input.form-control::placeholder{
    font-size: 14px;
    color: var(--tal-gray-300);
    font-style: italic;
    transition: all .3s;
}
textarea:focus::placeholder,
input.form-control:focus::placeholder{
    padding-left: 5px;
    font-size: 14px;
    color: var(--tal-gray-300);
}

.talx-input-group .talx_ai {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
}
.talx-input-group .talx_ai .talx-label {
    padding-bottom: 0.34rem;
}
.talx_ai .btn_ai {
    background: rgb(201, 201, 255);
    border: none;
    aspect-ratio: 1/1;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    position: relative;
    padding: 0 2px 0 2px;
}
.talx_ai .btn_ai svg {
    width: 100%;
    height: 100%;
    fill: azure;
}

.jdtemplate-form-divcls .filter-section {
    background: #3ed39e26;
    padding: 0.5rem;
    border-radius: 5px;
}
.applied_filter {
    padding: 8px 8px;
}
.applied_filter ul {
    display: flex;
    list-style: none;
    padding: 0;
    gap: 8px;
    flex-wrap: wrap;
}
.applied_filter ul .filterchoise {
    background-color: #3ed39e26;
    border: none;
    font-size: 10px;
    color: #4d4d4d;
    font-weight: 400;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 16px;
    position: relative;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.applied_filter ul .filterchoise .filter_choice_display {
    padding-left: 8px;
    padding-right: 8px;
    line-height: 19px;
}
.applied_filter ul .filterchoise .remove_filter {
    background-color: #3ed39f6b;
    border: none;
    color: #3f3f3f;
    font-size: 15px;
    padding-top: 0;
    padding-bottom: 0;
    height: 22px;
    width: 22px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    font-weight: bold;
    padding: 0 4px;
    position: absolute;
    left: 0;
    top: 0;
}
.applied_filter ul .filterchoise .remove_filter span {
    position: relative;
    top: -1px;
}
.nav-pills .nav-link:disabled {
    color: var(--bs-nav-link-disabled-color);
    background-color: #0000000f;
    border-color: transparent;
    cursor: not-allowed;
}
.country_dropdown {
    width: 190px !important;
}
.customselect2stylecls .forcountries .select2-container {
    max-width: 100px !important;
}
.customselect2stylecls .forstates .select2-container {
    max-width: 100% !important;
}
.tal-btn-outlined {
    width: auto;
    min-width: 140px;
    height: 40px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border: 1px solid #e0e0e0;
    background: #ffffff;
    border-radius: 5px;
    font-size: 14px;
    color: #828282;
    text-transform: uppercase;
    margin-left: 10px;
    cursor: pointer;
}

/* All Buttons and other form element */
.talx-divider{
    background: #f5f5f5;
    padding: 15px 10px;
    border-radius: 5px 5px 0 0;
    margin: 10px 0 0 0;
    display: flex;
    gap: 8px;
    justify-content: flex-start;
    align-items: center;
    color: #4f4f4f;
    border-bottom: 1px solid var(--bs-gray-300);
}
.talx-btn{
    display: inline-block;
    font-weight: 400;
    color: #4f4f4f;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 0;
    padding: var(--talx-btn-gap);
    font-size: var(--form-text);
    height: 34px;
    /*line-height: 36px;*/
    /*min-width: 100px;*/
    overflow: hidden;
    border-radius: 5px;
    position: relative;
    -webkit-transition: all .3s ease-in-out ;
    -o-transition: all .3s ease-in-out ;
    transition: all .3s ease-in-out ;
    flex-shrink: 0;
}
.talx-btn.ai-btn{
    display: inline-flex;
    align-items: center;
    padding-left:0;
    border: none;
    border-radius: 5px;
    background: #edf4fc;
    color: #0c091d;
    box-shadow: 0 0 7px 1px #0f886b4f;
}
.busy{
    position: absolute;
    top: -3px;
    left: -3px;
    width: 12px;
    height: 12px;
    transition: all .5s ease-in-out;
    background: conic-gradient(var(--secondry-color) 0deg, var(--tal-primary-lighter) 100deg, var(--tal-primary-lighter) 101deg, var(--tal-primary-lighter) 102deg);
    border-radius:5rem;
    animation: rotate 4.5s ease-out 0s infinite none running;
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.talx-btn.ai-btn img{
        width: 34px;
    height: auto;
    transition: all .3s;
    z-index: 1;
    margin-right: .25rem;

}
.talx-btn.ai-btn:hover img{
    transform: scale(0.9);
}
.talx-btn.ai-btn lottie-player{
    position: absolute;
    top: 0;
    left: 0;
    width: 34px;
    height: 34px;
    transition: all .3s;

}

a.talx-btn{
    display: flex;
    align-items: center;
    gap: 5px;
}
a.talx-btn.talx-button-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
a.talx-btn.talx-button-icon i{
    margin-top: 0 !important;
}
.dropdown .talx-btn.dropdown-toggle:not(:disabled)[aria-expanded=true],
.dropdown .talx-btn.dropdown-toggle:not(:disabled)[aria-expanded=true]:hover,
.talx-btn:not(:disabled):hover{
    box-shadow: 0 0 8px 0 rgba(var(--primary-color-rgb) , var(--opacity-1));
}
.dropdown .talx-btn.dropdown-toggle:not(:disabled):hover{
    box-shadow: none;
}
.talx-button-primary:not(.talx-button-outlined):not(:disabled) {
    background-color: var(--primary-green-color);
    color: #FAFAFA;
    border-color:  var(--primary-green-color);
}
.talx-button-darkPrimary:not(.talx-button-outlined):not(:disabled) {
    background-color: var(--primary-color);
    color: #FAFAFA;
    border-color:  var(--primary-color);
}
.talx-button-darkGray:not(.talx-button-outlined):not(:disabled) {
    background-color: var(--tal-pewter);
    color: #fff;
    border-color:  var(--tal-pewter);
}
.talx-button-gradient:not(.talx-button-outlined):not(:disabled) {
    background: var(--primary-gradient-color);
    color: #FAFAFA;
    border-color:  var(--primary-color);
}
.talx-button-secondary:not(.talx-button-outlined):not(:disabled){
    background-color:  var(--secondry-color);
    color: #FAFAFA;
    border-color:  var(--secondry-color);
}
.talx-button-danger:not(.talx-button-outlined):not(:disabled){
    background-color:  var(--bs-danger);
    color: #fff;
    border-color:  var(--bs-danger);
}
.talx-button-lightdanger:not(.talx-button-outlined):not(:disabled){
    background-color:  #FF5858;
    color: #fff;
    border-color:  #FF5858;
}
.talx-button-shade1:not(.talx-button-outlined):not(:disabled) {
    background-color: #c5efe1;
    color: #3f3f3f;
    border-color: var(--secondry-color);
}
.talx-button-shade3:not(.talx-button-outlined):not(:disabled) {
    background-color: #79b5d470;
    color: #3f3f3f;
    border-color: var(--secondry-color);
}

.talx-button-shade2:not(.talx-button-outlined):not(:disabled) {
    background-color: var(--tal-offwhite);
    color: #3f3f3f;
    border-color: var(--tal-gray-300);
}

.talx-button-onyx:not(.talx-button-outlined):not(:disabled) {
    background-color: var(--tal-onyx);
    color: var(--tal-offwhite);
    border-color: var(--tal-onyx);
}

.talx-button-space:not(.talx-button-outlined):not(:disabled) {
    background-color: var(--tal-space);
    color: var(--tal-offwhite);
    border-color: var(--tal-space);
}

.talx-button-violet:not(.talx-button-outlined):not(:disabled) {
    background-color: var(--tal-violet);
    color: var(--tal-offwhite);
    border-color: var(--tal-violet);
}

.talx-button-silver:not(.talx-button-outlined):not(:disabled) {
    background-color: var(--tal-silver);
    color: var(--tal-onyx);
    border-color: var(--tal-silver);
}


.talx-button-icon.btn-sm{
  width:22px;
  height: 22px;
  display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;

}
.talx-button-icon.btn-md {
    width: 28px;
    height: 28px;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
}
.talx-button-icon.btn-lg{
    width: 44px;
    height: 44px;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
}
.btn-md{
      height: 28px;
    line-height: 1;
    font-size: 12px;
}
.talx-btn.btn-sm > i,
.talx-button-icon.btn-sm > i{
      line-height: 19px;
    font-size: 12px;
}
.talx-btn.btn-md > i,
.talx-button-icon.btn-md > i{
    font-size: 14px;
}
.talx-btn:disabled,
.talx-btn[disabled],
.talx-btn.disabled{
    cursor: no-drop;
    background: #00000012;
    color: #4f4f4f;
    filter: opacity(0.5);
}

.noaccess{
    cursor: no-drop !important;
    background: #00000012;
    color: #4f4f4f;
    filter: opacity(0.5);
}

.talx-button-outlined{
    border-color: RGBA(0, 0, 0, 0.16);
    border-width: 1px;
    border-style: solid;
}
.talx-button-white {
    border-color: RGBA(0, 0, 0, 0.16);
    border-width: 1px;
    border-style: solid;
    background: #ffffff !important;
}
.talx-button-icon{
    border-radius: 50%;
    padding: 0;
    line-height: 0;
    min-width: 0;
    height: 34px;
    width: 34px;
    background-color: transparent;
    padding: 5px;
}

.talx-button-icon.squarize {
    border-radius: 4px;
}

.talx-button-icon-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center;
    gap: 0;
}
.talx-button-icon-text span {
    margin-inline: 6px;
    transition: all .3s ease-in-out;
}
.talx-button-icon-text:hover span {
    margin-inline: 8px;
}
.talx-btn .talx-button-icon i.fi {
        font-size: 16px;
    line-height: 14px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.talx-btn:not(.talx-button-icon) i.fi{
        font-size: 12px;
    line-height: 1;
}
.talx-btn > svg {
    width: 16px;
}
/* button i, button span {
    pointer-events: none;
} */
.talx-button-icon .talxi {
      display: flex;
          justify-content: center;
    width: 36px;
    height: 36px;
}
.talx-button-icon .talxi img,
.talx-button-icon .talxi svg{
  width: 18px;
}
button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) {
    cursor: pointer;
}
.btn-group>.btn-group:not(:last-child)>.talx-btn,
.btn-group>.talx-btn.dropdown-toggle-split:first-child,
.btn-group>.talx-btn:not(:last-child):not(.dropdown-toggle) {
    border-radius: 5px 0 0 5px ;
}
.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:nth-child(n+3),
.btn-group>:not(.btn-check)+.btn {
    border-radius: 0 5px 5px 0;
}
.btn-group>.btn-group:not(:first-child), .btn-group>:not(.btn-check:first-child)+.talx-btn {
    margin-left: -1px;
}
.wizard_actions {
    display: flex;
    padding: 1rem;
    background: #ffffff;
    border-radius: .75rem;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    gap: 8px;
    margin-bottom:1rem
}

.wizard_actions.Nstyle {
        display: flex;
    padding: 0rem;
    background: none;
    border-radius: 0;
    box-shadow: none;
    gap: 8px;
    margin-bottom:1rem
}
.btn-Ai{
    width: 24px;
    height: 24px;
    background: var(--tal-moonstone);
}
.btn-ai-secondary {
    background-image: linear-gradient(
    115deg,
    hsl(240deg 100% 20%) 0%,
    hsl(245deg 88% 22%) 4%,
    hsl(247deg 76% 25%) 8%,
    hsl(247deg 67% 27%) 13%,
    hsl(247deg 60% 30%) 17%,
    hsl(247deg 54% 32%) 21%,
    hsl(247deg 49% 34%) 25%,
    hsl(247deg 44% 37%) 29%,
    hsl(246deg 40% 39%) 33%,
    hsl(241deg 31% 39%) 37%,
    hsl(232deg 26% 38%) 42%,
    hsl(217deg 23% 36%) 46%,
    hsl(194deg 20% 33%) 50%,
    hsl(165deg 23% 33%) 54%,
    hsl(148deg 31% 33%) 58%,
    hsl(140deg 42% 33%) 63%,
    hsl(137deg 57% 32%) 67%,
    hsl(128deg 44% 31%) 71%,
    hsl(117deg 37% 29%) 75%,
    hsl(104deg 39% 25%) 79%,
    hsl(91deg 41% 22%) 83%,
    hsl(77deg 44% 18%) 87%,
    hsl(62deg 48% 14%) 92%,
    hsl(47deg 61% 12%) 96%,
    hsl(37deg 92% 10%) 100%
  );
  box-shadow: 2px 2px 4px 0 #36786d54;
  }
span.ripple {
  position: absolute; /* The absolute position we mentioned earlier */
  border-radius: 50%;
  transform: scale(0);
  animation: ripple 600ms linear;
  background-color: rgba(255, 255, 255, 0.7);
}
.talx-button-outlined span.ripple {
  background-color: rgba(48, 152, 131, 0.7);
}

.talx-form .talx-input-group.has-action .form-control,
.talx-form .talx-input-group.has-action .selectdiv  {
    width: calc(100% - 34px);
    border-radius: 5px 0 0 5px !important;
    border-right: none;
}
.talx-form .talx-input-group.has-action.customselect2stylecls .select2-container--default .select2-selection--single{
    border-radius: 5px 0 0 5px !important;
}
.talx-form .talx-input-group.has-action .talx-btn{
      position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 0 5px 5px 0;
}

.talx-form .talx-input-group.inline{
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: .25rem;
}
.talx-form .talx-input-group.inline.salaryrange input{
    max-width: 90px;
}
.talx-form .talx-input-group.inline.salaryrange input:first-of-type:after{
    content: '';
    position: absolute;
    right:10px;
    top: 50%;
    width: 10px;
    height: 2px;
    background: #4f4f4f;
}
.talx-form .talx-input-group.inline label.talx-label {
    padding-bottom: 0;
}
.talx-form .talx-input-group.inline input {
    margin-top: 0;
}

.talx-input-group.suffix .form-control {
    padding-right: 45px;
}
.talx-input-group.suffix span {
    position: absolute;
    line-height: 34px;
    bottom: 0;
    right: 0;
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 8px;
    background: #f1f1f1;
    border: 1px solid #e1e1e1;
    border-radius: 0 5px 5px 0;
    border-left: none;
    transition: all .3s;
}
.talx-input-group.prefix .form-control {
    padding-left: 48px;
}
.talx-input-group.prefix span {
        position: absolute;
    line-height: 34px;
    bottom: 0;
    left: 0;
    text-align: center;
    min-width: 43px;
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 8px;
    background: #f1f1f1;
    border: 1px solid #e1e1e1;
    border-radius: 5px 0 0 5px;
    border-right: none;
    transition: all .3s;
    font-size: 12px;
    align-items: center;
    justify-content: center;
        height: 34px;
}
.talx-input-group.prefix .form-control:focus ~ span,
.talx-input-group.suffix .form-control:focus ~ span{
    background-color: var(--tal-meduim-green);
    color: #fafafa;
}

.talx-form .form-control {
    font-size: 14px;
    font-weight: 300;
    height: 34px;
    line-height: 36px;
    border-color: #e1e1e1;
    border-width: 1px;
    border-radius: 6px;
    padding: 0 8px;
    outline: 0;
    background-color: transparent;
    margin-bottom: 0 !important;
}
.talx-form .talx-textarea {
    font-size: 14px;
    font-weight: 300;
    border-color: #e1e1e1;
    border-width: 1px;
    border-radius: 4px;
    padding: 10px;
    outline: 0;
    background-color: transparent;
    margin-bottom: 0 !important;
}
.talx-textarea.noresize,
textarea.noresize{
    resize: none;
}
.talx-form.compac .form-control {
    font-size: 14px;
    height: 32px;
    line-height: 32px;
}
.talx-form .form-control.form-control-sm{
    height: 28px;
    font-size: 14px;
    line-height: 22px;
}
.talx-form.compac .talx-label {
    padding-bottom: 0.15rem;
}
.talx-form.compac .talx-form-group.col-6 {
    gap: 8px;
}
.compac .customselect2stylecls .select2-container--default .select2-selection--single {
    font-size: 14px;
        height: 32px;
}
.compac .has-action .talx-button-icon {
    height: 32px;
}
.checkbox .btn-check[type=radio] + label.talx-card,
.checkbox .btn-check[type=checkbox] + label.talx-card {
    width: 100%;
}
.checkbox .talx-card {
  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #4f4f4f;
    cursor: pointer;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #FAFAFA;
    gap: 4px;

}
.checkbox .talx-card .talx-icon {
    width: 36px;
    height: 36px;
}

.checkbox .btn-check[type=checkbox] + label.talx-card:before {
  font-family: "uicons-regular-rounded"  !important;
  content: "\f2dc";
  font-size: 18px;
  opacity: 0.45;
}
.checkbox .btn-check[type=checkbox]:checked + label.talx-card:before {
  font-family: "uicons-regular-rounded"  !important;
  content: "\f2dc";
  font-size: 18px;
  opacity: 1;
}

.checkbox .btn-check[type=radio] + label.talx-card:before {
  font-family: "uicons-regular-rounded"  !important;
  content: "\f337";
  font-size: 18px;
  opacity: 0.45;
}
.checkbox .btn-check[type=radio]:checked + label.talx-card:before {
  font-family: "uicons-regular-rounded"  !important;
  content: "\f41d";
  font-size: 18px;
  opacity: 1;
}

.checkbox .btn-check[type=checkbox]:checked + label.talx-card {
    -webkit-box-shadow: inset 0 -2px 0 0 rgb(93, 155, 158), inset 0 2px 0 0 rgb(93, 155, 158), inset 2px 0 0 0 var(--primary-color), inset -2px 0 0 0 var(--primary-color);
    box-shadow: inset 0 -2px 0 0 rgb(93, 155, 158), inset 0 2px 0 0 rgb(93, 155, 158), inset 2px 0 0 0 rgb(93, 155, 158), inset -2px 0 0 0 rgb(93, 155, 158);
    color: #ffffff !important;
    background-color: rgb(93, 155, 158);
}
.checkbox .btn-check[type=radio]:checked + label.talx-card {
        background: #ffffff78;
    color: #4f4f4f;
    border-color: #003e3778;
    box-shadow: 0 0 7px 0 #00a69378;
    font-weight: 400;
    /*-webkit-box-shadow: inset 0 -2px 0 0 rgb(93, 155, 158), inset 0 2px 0 0 rgb(93, 155, 158), inset 2px 0 0 0 rgb(93, 155, 158), inset -2px 0 0 0 rgb(93, 155, 158);
    box-shadow: inset 0 -2px 0 0 rgb(93, 155, 158), inset 0 2px 0 0 rgb(93, 155, 158), inset 2px 0 0 0 rgb(93, 155, 158), inset -2px 0 0 0 rgb(93, 155, 158);*/
}

.checkbox .btn-check[type=checkbox] + label.talx-card:hover{
  background-color: #e5e5e5;
}
.checkbox .btn-check[type=checkbox]:checked + label.talx-card:hover{
  background-color: cadetblue;
}
.talx-card.outlined {
    border: 1px solid RGBA(0, 0, 0, 0.16);
    gap: 8px;
    padding: 8px 8px;
}
.btn-check + label {
    transition: all .3s;
    min-width: auto;
}
.checkListInfo i.fi{
  font-size: 14px;
}

/* Document Checklist Selecttion only */
.documentsCheckbox{
    display: flex;
    justify-content: start;
    align-items: center;
    border: 1px solid RGBA(0, 0, 0, 0.16);
    gap: 8px;
    padding: 8px 8px;
    border-radius: .375rem;
    background-color: #FAFAFA;
    transition: all .3s ease-in-out;
}
.documentsCheckbox .talx-card.outlined {
    border: none;
    gap: 8px;
    padding: 0;
        background-color: transparent;
}
.documentsCheckbox:has(.talx-card.outlined:hover){
    background-color: #e5e5e5;
}
.documentsCheckbox:has(.btn-check[type=checkbox]:checked) label.talx-card {
    background-color: transparent !important;
}
.documentsCheckbox:has(.btn-check[type=checkbox]:checked) {
    background-color: cadetblue;
}

.documentsCheckbox .btn-check[type=checkbox] + label.talx-card:hover {
    background-color: transparent;
}
.documentsCheckbox .btn-check[type=checkbox]:checked + label.talx-card {
    background-color: transparent;
    box-shadow: none;
}
.documentsCheckbox:has(.btn-check[type=checkbox]:checked) .talx-btn{
    color: #fafafa !important;
    box-shadow:0 0 1px 1px  #fafafa;
}

/* talx-toggle switch v2 */
.talx-toggle {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: .375rem;
    position: relative;
    margin-bottom: 6px;
}

.talx-toggle .talx-toggle-input {
    width: 3rem;
    height: 1em;
    border-radius: 5rem;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    print-color-adjust: exact;
    background-color: var(--tal-gray-300);
    position: relative;
    transition: all .3s;
    cursor: pointer;
        box-shadow: 0 0 4px 0 #3da3b369;
}

.talx-toggle .talx-toggle-input:checked {
    background-color: var(--primary-color);
}


.talx-toggle .talx-toggle-input:after {
    content: '\f334';
    font-family: uicons-regular-rounded !important;
    font-style: normal;
    color: var(--tal-chestnut);
    font-size: 12px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    background-color: #f9f9f9;
    border-radius: 5rem;
    transition: left .3s;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #e3e3e3 !important;

}

.talx-toggle .talx-toggle-input:checked:after {
    content: '\f2dc';
    color:  var(--primary-color);
    left: calc(3rem - 20px);
    background-color: #ffffff;
    border: 1px solid var(--primary-color) !important;
}

.talx-toggle .talx-toggle-label {
    padding-bottom: 0;
    cursor: pointer;
}
.select2-container--default .select2-selection--single {
    border: 1px solid #e1e1e1;
}
.char-count {
  float: right;
  padding: 0.1rem 0 0 0;
  font-size: 0.875rem;
  text-align: right;
}
.char-count .char-current:after{
  content: '/';
  margin-left: 5px;
}
@keyframes ripple {
  to {
    transform: scale(4);
    opacity: 0;
  }
}

@media (max-width:780px){
    .wizard_actions:not(.Nstyle) > .talx-btn {
        padding: 0 16px;
        font-size: 14px;
        min-width: auto;
    }


    .wizard_actions:not(.Nstyle) {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        margin-bottom: 0;
        border-radius: 5px 5px 0 0 ;
    }
}
/* Form Elements */
/* end talx-form */

.tagList_checkbox .checkbox .btn-check[type=checkbox] + label.talx-card:before {
    content: none;
}
.tagList_checkbox .checkbox .btn-check[type=radio] + label.talx-card, .tagList_checkbox .checkbox .btn-check[type=checkbox] + label.talx-card {
    width: auto;
}
.tagList_checkbox .listedCandidateBox {
    display: inline-block;
    margin-bottom: 8px;
}
.tagList_checkbox .checkbox .btn-check[type=checkbox] + label.talx-card {
    background-color: #e3f1ec;
}
.tagList_checkbox .checkbox .btn-check[type=checkbox] + label.talx-card:hover {
    background-color: #3db389;
    color: #fff;
}
.tagList_checkbox .checkbox .btn-check[type=checkbox]:checked + label.talx-card {
    background-color: #3db389;
    color: #fff;
    box-shadow: none;
}
.tagList_checkbox .talx-card.outlined {
    padding: 6px 15px;
    border-radius: 50px;
    font-weight: normal;
}

/* Modal Style */
.modal{
        backdrop-filter: blur(1px);
}
.toggle_resume {
    display: flex;
}
.toggle_resume .form-check {
    display: flex;
    align-items: center;
}
.toggle_resume .form-check a {
    font-size: 14px;
    color: #4f4f4f;
    font-weight: 500;
    margin-left: 8px;
    margin-top: 4px;
    display: block;
}
.change_Owner {
    height: 15px;
    width: 15px;
    padding: 0;
    display: inline-grid;
    margin-left: 10px;
}
.change_Owner > img {
    max-width: 100%;
    height: 100%;
    width: 100%;
    height: 100%;
}
.extra_can_icontextTag .change_Owner {

    opacity: 0;
}
.extra_can_icontextTag:hover .change_Owner {
    opacity: 1;
}
.r_parsing_creditNav a {
    display: flex;
    color: #fff;
}
.r_parsing_creditNav a:hover {
    color: #fff !important;
}
.card_divider_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.card_divider_head h4 {
    font-size: 16px;
    color: #4f4f4f;
}
.group_splitheading {
    font-size: 16px;
    font-weight: normal;
    background: #ecf7f3;
    z-index: 1;
    padding: 0 10px;
    left: 0;
    top: -12px;
}
.can_editSkill_set .skillset_box_Bodydivcls {
    overflow: auto;
    max-height: 350px;
    min-height: auto;
    height: auto;
}
.can_editSkill_set .skillset_box_Bodydivcls .job_skill {
    align-items: center !important;
    justify-content: space-between !important;
}
.can_editSkill_set .skillset_box_Bodydivcls .job_skill .skil_info {
    width: auto;
}
.job_skill_rightCol {
    display: flex;
    align-items: center;
}
.addnew_skill_setdiv {
    width: 100%;
    padding: 2px;
    border-radius: 5px;
    border: 1px solid #e7e7e7;
}
.addnew_skill_setdiv .rating_groupouterdivcls small {
    font-size: 14px;
    top: unset;
}
.addnew_skill_setdiv .input-group-text:first-child {
    flex: 1 0 0;
}
.addnew_skill_setdiv .input-group-text span.twitter-typeahead {
    width: 100%;
}
.addnew_skill_setdiv .input-group-text span.twitter-typeahead input.form-control {
    border: none;
    border-radius: 0px !important;
}
.addnew_skill_setdiv .input-group:has(.form-control:focus) {
    box-shadow: none;
}
.can_editSkill_set .skillset_box_Bodydivcls .job_skill .ratingsmallvisiblecls i {
    color: #ffcf26;
}
.can_editSkill_set .skillset_box_Bodydivcls .job_skill button.only_icon_btncls {
    position: inherit;
}
.switchlabel {
    font-size: 14px;
    color: #4f4f4f;
    font-weight: 500;
    margin-left: 8px;

    display: block;
}
.form-switch .settingSwitchInput {
    width: 48px;
    height: 24px;
}

/* overflow boxws */
.overflow-auto {
    mask-image: linear-gradient(to top, transparent, black), linear-gradient(to left, transparent 10px, black 0);
    mask-size: 100% 20000px;
    mask-position: left bottom;
    -webkit-mask-image:
    linear-gradient(to top, transparent, black),
    linear-gradient(to left, transparent 9px, black 0);
    -webkit-mask-size: 100% 20000px;
    -webkit-mask-position: left bottom;
    transition: mask-position 0.3s, -webkit-mask-position 0.3s;
}
.overflow-auto:hover{
    -webkit-mask-position: left top;
}
.skill-stars i.fa.fa-star {
    color: #ffcf26;
}
.profilepreviewdivcls {
    max-width: 1600px;
}
.profilepreviewdivcls .commoncandidatedetailscls .candidatepic_coltextcls {
    text-align: left;
}
.profilepreviewdivcls .candidatepic_coltextcls h4 > a {
    font-size: 16px;
    font-weight: 500;
}
ul.dropdown-menu{
    padding: 8px;
}
ul.dropdown-menu li .dropdown-item{
    border-radius: 5px;
    padding: 0.5rem 0.5rem;
    transition: all .3s;
}

ul.dropdown-menu.dropdown-menu-dark li .dropdown-item:hover {
    background-color: var(--tal-space) !important;
}

.interviewbox[data-type=live]{

}

.interviewbox[data-status=live] .card-maininfo .onair{
        display: block;
    position: absolute;
    top: -5px;
    left: -5px;
    background-color: red !important;
    width: 18px;
    height: 18px;
}

.interviewbox[data-type=oneway]{

}

.txt-fit{
    width: fit-content;
}



.test_state,
.recording_state,
.Playing_state{
    max-width:1280px
}

.video_recorder_modalcls .iw_videorecorder{
    aspect-ratio: 16/9;
    position: relative;
}
.video_recorder_modalcls .interviewVideoTagPostioncls {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    aspect-ratio: 16/9;
    border-radius: 10px;
}
.video_recorder_modalcls .recorderVideoTagPostioncls {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    aspect-ratio: 16/9;
    border-radius: 10px;
}
.video_recorder_modalcls .interviewCanvastagcls{
    z-index: 0;
}
.video_recorder_modalcls .recorderviewCanvastagcls{
    z-index: 0;
}
.video_recorder_modalcls .recorderCanvastagcls {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-size: cover;
    border-radius: 13px;
    background: #272727;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}
.video_recorder_modalcls .recording_state{
    position: relative;
    width: 1280px;
    max-width: 1280px;
    aspect-ratio: 16/9;
}

.video_recorder_modalcls .videobg_bgs{
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(4, 1fr);
}
.video_recorder_modalcls .videobg_bgs li > .videobg_radio{
    position: absolute;
    opacity: 0;
    visibility: hidden;
}
.video_recorder_modalcls .videobg_{
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.video_recorder_modalcls .videobg_radio:checked ~ label.videobg_{
    box-shadow: 0 0 1px 3px var(--primary-color);
    border-radius: 10px;
}
.video_recorder_modalcls label.videobg_ .selectBgImgcls {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    object-fit:fill;
    border-radius: 5px;
}
.video_recorder_modalcls .chooseBtn {
    width: 245px;
    height: 35px;
    background: #ffffff;
    border: 1px solid #c4c4c4;
    box-sizing: border-box;
    border-radius: 3px;
    display: flex;
    align-items: center;
    padding: 10px 14px;
}
.video_recorder_modalcls .modal-body{
    justify-content: center;
    align-items: center;
    display: flex;

}
.video_recorder_modalcls .recorder_countdown{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 100;
}
.video_recorder_modalcls .record_countdown_inner{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
    transition: all .3s;
}
.video_recorder_modalcls .record_countdown_inner > h5{
    font-size:4rem;
    font-weight: 600;
    color:#fafafa
}
.video_recorder_modalcls .record_countdown_inner > p.counter{
    font-size:3rem;
    color:#fafafa
}
.video_recorder_modalcls .answerTimerStartcls {
    text-align: center;
    height: 135px;
    padding-top: 0;
    background: rgba(0,0,0,0.5);
    padding: 10px;
    border-radius: 8px;
    position: absolute;
    inset: 5px 5px auto auto;
    z-index: 100;
    width: auto;
}
.video_recorder_modalcls .recordingVideoflipdivcls .timerCountdownSvgcls {
    float: none;
    display: inline-block;
}
.video_recorder_modalcls .answerTimerStartcls .timerCountdownSvgcls .timedisplaydiv {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
.video_recorder_modalcls .answerTimerStartcls .timerCountdownSvgcls .timedisplaydiv .base-timer {
    position: relative;
    width: 115px;
    height: 115px;
}
.video_recorder_modalcls .answerTimerStartcls .timerCountdownSvgcls .timedisplaydiv .base-timer__label {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #fff;
    font-family: 'ZCOOL QingKe HuangYou', sans-serif;
    font-size: 2.8rem;
    left: unset;
    line-height: 1.5;
}
.video_recorder_modalcls #recorded_video{
    max-width: 1280px;
}
.rec_can_explaintext {
    background: #eefdfc;
    border-radius: 5px;
    width: 100%;
    min-height: 410px;
    overflow-y: auto;
    padding: 10px;
}
.rec_can_explain_points {
    padding-left: 25px;
}
.rec_can_explain_points li {
    list-style: disc;
    font-size: 14px;
    line-height: 22px;
}
.min-width-auto {
    min-width: auto;
}

.crmContactinfodivcls,
.card_bodyinfo{
      display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}
.crmContactinfodivcls > span,
.card_bodyinfo > b,
.card_bodyinfo > a{
  width: 33.333%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
        font-weight: 400;
    font-size: 12px;
    margin-bottom: 0;
    line-height: 1.5;
    color:#4f4f4f
}

/*Bootstrap Overwrite*/

.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;

}
.form-check.form-check-sm .form-check-input{
    width: .75rem;
    height: .75rem;
}
.form-check.form-check-sm label {
    font-size: 12px !important;
    line-height: 1.9 !important;
}
/*hide scrollbar in navbars */
.nav-pills {
    --bs-nav-pills-border-radius: 0.375rem;
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #0d6efd;
    gap: var(--general-gap);
    padding: .5rem;
}
.nav-link {
    font-size: 14px;
    font-weight: 300;
}
.nav.nav-tabs::-webkit-scrollbar,
.nav.nav-pills::-webkit-scrollbar {
  display: none;
}

.nav-pills .nav-link {
    background-color: #F5FEFF;
    color: var(--text-gray-3);
    padding: 0.41rem 12px;
    box-shadow: 2px 2px 4px 0 #36786d54;
    transition: all .3s ease-in-out;
    position: relative;
    white-space: nowrap;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #fafafa;
    background-color: var(--primary-color);
    animation: navpills .4s ease-in-out ;
}
.dropdown-menu.mobileOverlayDropcls li {
    list-style: none;
    background: white;
    border-radius: 4px;

}
.dropdown-menu.mobileOverlayDropcls li .customformcheckcls, 
.dropdown-menu.mobileOverlayDropcls li.customformradiocls {
    margin-bottom: 0 !important;
}
.dropdown-menu.mobileOverlayDropcls li .dropdown-item:hover {
    background: #f3f3f3;
    background: rgba(var(--primary-color-rgb), var(--opacity-1));
}
.dropdown-menu li .dropdown-item .form-check{
    margin-bottom: 0;
}
.card {
  --bs-card-border-width: 0;
}

.card-header {
    --bs-card-spacer-y:1rem;
    --bs-card-cap-padding-x:1rem;
  padding: var(--bs-card-spacer-y) var(--bs-card-cap-padding-x);
  border-bottom-width: 0;
  border-color: #ded9d9;
  
}
.card-header.headerbg{
    background-color: #77e1c030 !important;
}
.card-header .icon-box{
    width: 2.5rem;
    height:2.5rem;
    margin-inline-end: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f3f6f8;
    border-radius: 8px;
}
.card-header .icon-box img,
.card-header .icon-box i.fi{
    max-width: 100%;
    display: block;
    line-height: 0;

}
.card.wide .card-header {
    --bs-card-spacer-y:.5rem;
    --bs-card-cap-padding-x:.5rem;
  padding: var(--bs-card-spacer-y) var(--bs-card-cap-padding-x);
  border-bottom-width: 0;
  border-color: #ded9d9;
}
.card-header > span {
  font-size: 16px;
  font-weight: 500;
}


.candidatepic_coltextcls h4 {
  font-size: 16px;
  font-weight: 600;
  color: #474747;
  margin-bottom: 4px;
}
.managejoblistpagecls .candidatepic_colcls {
  width: 2.5rem;
  height: 2.5rem;
  border: none;
}
.managejoblistpagecls .candidatepic_colcls img {
  width: 100%;
  height: 100%;
  margin: 0 !important;
}
.candidatepic_coltextcls {
  padding-left: 8px;
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
}
.candidateinnercolcls {
  margin-bottom: 0;
  height: auto !important;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.spacer {
  flex: 1 1 auto;
  background-color: transparent !important;
  background: none !important;
}
.candidatepic_coltextcls a.client {
  font-size: 12px;
  color: #5f5f5f;
  display: block;
  position: relative;
}
.candidatepic_coltextcls a.client:after {
  content: "\f17e";
  font-family: uicons-regular-rounded !important;
  position: absolute;
  right: -20px;
  font-size: 10px;
  top: 1px;
  opacity: 0;
  visibility: hidden;
}

.candidatepic_coltextcls a.client:hover:after {
  opacity: 1;
  visibility: visible;
}


.candidatebody {
    /* padding-block: 0.5rem !important;
    flex: 1 1 auto; */
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.candidatetopdetailscls {
    margin-bottom: 8px !important;
}
.candidateskillscolcls span {
    font-size: 14px;
    font-weight: 400;
    color: #575757;
    /*border: 1px solid #c7c7c7;*/
    border: none;
    border-radius: 50px;
    padding: 5px 15px;
    display: inline-block;
    margin-right: 3px;
    background-color: rgba(var(--primary-green-color-rgb), var(--opacity-3));
}
.candidateskillscolcls small {
    font-size: 12px;
    font-weight: 400;
    color: #575757;
    border: none;
    border-radius: 50px;
    padding: 4px 8px;
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 3px;
    background-color: rgba(var(--primary-green-color-rgb), var(--opacity-3));
}

.footer {
  border-top: 1px solid #c0c0c0;
  margin-top: 0.2rem;
  padding-top: 0.7rem;
  display: grid;
}
.joblistRighttwidthcls {
  width: auto;
  float: none;
}

.candidatebody .locationtagcolcls b {
  font-size: 12px;
  cursor: help;
}

.talgrid_card_row .locationtagcolcls {
  width: 100%;
  /* display: flex;
  gap: 8px;
  flex-wrap: wrap; */
}
.locationtagcolcls > b > img,
.locationtagcolcls > b > svg {
  width: 12px;
  height: 12px;
  display: inline-block;
}
.managejoblistpagecls .candidateinnercolcls .joblistRighttwidthcls {
  margin-top: 0 !important;
}
.candidatebody .candidateskillscolcls {
  display: none;
}
.job-card > div[data-status="closed"] {
  background: #e6e6e6;
  box-shadow: inset 0 0 0 2px #9a9a9a;
}
.joblistleftwidthcls {
  width: 100%;
  float: none;
}
.circlepaginationcls {
  position: relative;
}
.pagination_info {
  position: absolute;
  inset: 0;
  margin: 0 auto 0 0;
  top: 50%;
  transform: translateY(-50%);
}
.pagination_info > span {
  font-size: 12px;
  color: #4f4f4f;
}
.candidatepic_coltextcls h4 > a {
  font-size: 16px;
  font-weight: 500;
}
.candidatedraftcolcls {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
  width: 100%;
}
.candidatedraftcolcls span:not(span.spacer) {
    font-size: 12px;
    font-weight: 500;
    color: #4f4f4f !important;
    background: var(--tal-silver) !important;
    border-radius: 50px !important;
    padding: 2px 8px !important;
}
.footer .candidatedraftcolcls > a.btn-draft {
  padding: 0;
  color: var(--secondry-color);
  font-weight: 500;
  letter-spacing: 1px;
}
/* job Details */
.list-group-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
}
.list-group-grid > .list-group-item {
  border-width: 0;
}

.jobcirclstaginnercolcls {
  width: 100%;
  float: none;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.jobinnerrighttextcolcls {
  width: 100%;
  float: none;
  padding-left: 0;
  padding-top: 1px;
  text-align: center;
}
.jobcirclstaginnercolcls.list-group-item {
    padding: .5rem;
}
.jobinnerleftsvgcoliconcls {
  width: 3rem;
  height: 3rem;
  float: none;
  background: rgba(var(--tal-slate-gray-rgb), var(--opacity-6));
  border-radius: 100%;
  text-align: center;
  line-height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.jobinnerleftsvgcoliconcls > svg {
  margin-top: 0;
  width: 16px;
  stroke: #fafafa;
  transition: all .3s ease-in-out;
}
.jobcirclstaginnercolcls:hover  .jobinnerleftsvgcoliconcls > svg {

  animation: tada-keyframes 2s ease infinite;
    animation-fill-mode: both
}
.jobinnerrighttextcolcls span {
  font-weight: 500;
  color: #353535;
  font-size: 12px;
}
.jobinnerrighttextcolcls b {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #3db389;
  padding-block: 4px 1px;
}
.jd_ul li{
  list-style: disc;
}
p {
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 0;
  line-height: 1.5;
}

.recentactivity {
  padding: 0.75rem;
  border: 1px solid rgba(61, 182, 139, 0.5);
  box-shadow: 0 0 4px 0 rgba(61, 182, 139, 0.5);
  border-radius: 4px;
  margin-bottom: 8px;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  position: relative;
}
.recentactivity .recentActivity-status {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  border-radius: 5rem;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
  padding: 2px;
}
.recentactivity .recentActivity-details span {
  margin-right: 10px;
  font-size: 14px;
}
.recentActivity-details > span > i,
.recentActivity-details > span > svg,
.recentActivity-details > span > img {
  margin-right: 5px;
}
.recentactivity[data-status="incomplete"] .recentActivity-status {
  background-color: var(--text-gray-4);
}
.recentactivity[data-status="complete"] .recentActivity-status {
  background-color: var(--primary-color);
}
.recommended-slider .slick-list .slick-track {
  padding-block: 1rem;
  padding-inline: 0 10px;
}
/*-----pipeliene overview----*/
.pipeline_acc {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}
.progress {
  flex: 1 1 auto;
}

.float-title {
  padding: 1.2rem 0.5rem 0.75rem 0.5rem;
  border: 1px solid #ebebeb;
  border-radius: 5px;
  position: relative;
}
.float-title > h5 {
  position: absolute;
  top: -10px;
  left: 10px;
  background: #ffffff;
  padding-inline: 3px;
}
.float-title.icon > h5{
    position: absolute;
    top: 0;
    left: 10px;
    background: #ffffff;
    padding-inline: 3px;
    transform: translateY(-50%);
}
/*19665*/
.can_sharingPreviewInnercls {
  box-shadow: none;
  padding: 15px;
  border-radius: 6px;
  margin-top: 0;
}
@media (width < 998px) {
  .applicantname {
    font-size: 0.75rem;
    font-weight: 500;
  }
  .nav.nav-tabs .nav-link,
  .nav.nav-pills .nav-link {
    white-space: nowrap;
  }
  .list-group-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(105px, 1fr));
  }
  /* responsive VAT 703 */
  .cardrowDetailsouterdivcls {
    margin-bottom: 20px;
  }
  .mt-3-sm {
    margin-top: 1rem !important;
  }
}
/* grid */
.Talgrig_cards {
  display: grid;
  gap: 15px;
  grid-template-columns: 1fr;
}
@media (min-width: 996px) {
  .Talgrig_cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .Talgrig_cards {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1400px) {
  .Talgrig_cards {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 1664px) {
  .Talgrig_cards {
    grid-template-columns: repeat(5, 1fr);
  }
}
@keyframes blink {
  from {
    opacity: 0.1;
  }
  to {
    opacity: 1;
  }
}

#source-calendar.fc .fc-daygrid-day-top {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    height: 100%;
    border-radius: 5rem;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: whitesmoke;
    flex-wrap: wrap;
}
#source-calendar.fc .fc-daygrid-day-frame {
    min-height: 100%;
    position: relative;
    aspect-ratio: 1/1;
    padding: 4px;
}
#source-calendar .fc-day.fc-day-thu.fc-day-today .fc-daygrid-day-frame .fc-daygrid-day-top {
    background: #3d8e4e;
    color: #ffffff;
    transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}
#source-calendar .fc-day.fc-day-thu.fc-day-today .fc-daygrid-day-frame .fc-daygrid-day-top a {
    color: #ffffff;
}
#source-calendar .fc-day.fc-day-thu.fc-day-today .fc-daygrid-day-frame .fc-daygrid-day-top a:hover {
    transform: scale(1.1);
    color: #ffffff !important;
    filter: drop-shadow(0 0 2px 2px #00000017);
}

#source-calendar.fc > td,
#source-calendar.fc > th {
    border: none;
    border-width: 0;
}
#source-calendar.fc > .fc-scrollgrid {
    border-bottom-width: 0;
    border-collapse: separate;
    border-right-width: 0;
    border: none;
}
#source-calendar.fc-theme-standard td,
#source-calendar.fc.fc-theme-standard th {
    border: none;
}
#source-calendar.fc .fc-dayGridMonth-view > .fc-scrollgrid {
    border-width: 0;
}
#source-calendar.fc .fc-daygrid-day.fc-day-today {
    background-color: transparent;
}
#source-calendar.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame .fc-daygrid-day-top {
    background-color: #369c9c;
    transition: all 0.3s;
}
#source-calendar.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame .fc-daygrid-day-top a {
    color: #ffffff;
}
#source-calendar.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame .fc-daygrid-day-top a:hover {
    color: #ffd000 !important;
}
#source-calendar.fc .fc-daygrid-day.fc-day-today:hover .fc-daygrid-day-frame .fc-daygrid-day-top {
    background-image: radial-gradient(circle, #21e34b, #4bc936, #5ab024, #5f9817, #5e810f);
    cursor: default;
}
#plannerCalendar.fc th {
    border: 0;
    border-width: 0;
    padding: 3px;
}
#plannerCalendar.fc th:not(:first-child).fc-day-today div.fc-scrollgrid-sync-inner {
    border: 0;
    border-width: 0;
    background: #369c9c;
    border-radius: 4px;
    color: #ffffff;
}

#plannerCalendar.fc th:not(:first-child) div.fc-scrollgrid-sync-inner {
    border: 0;
    border-width: 0;
    background: var(--primary-color);
    border-radius: 4px;
    color: #ffffff;
}

#plannerCalendar.fc th:not(:first-child) a {
    color: #fafafa;
    transition: color 0.3s;
}
#plannerCalendar.fc th:not(:first-child) a:hover {
    color: #161616 !important;
}

#plannerCalendar.fc .fc-daygrid-body-natural .fc-daygrid-day-events {
    border: 1px solid #e6e6e6;
    min-height: 3rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    margin-inline: 2px;
    padding: 0.2rem;
}
#plannerCalendar.fc thead tr td {
    border: 0;
}
#plannerCalendar.fc tr:first-child td {
    border-width: 1px;
    border-radius: 5px;
    border-color: #e0e0e0;
}
.fc-timegrid-divider{
    background: none !important;
    border: 0 !important;
}
#plannerCalendar.fc tr.fc-scrollgrid-section-body>td{
    border: 1px solid #e0e0e0  !important;
    border-radius: 5px;
}
#plannerCalendar.fc tr:first-child td > div.fc-timegrid-axis-frame {
    align-items: start;
    padding-top: 8px;
}
.fc .fc-daygrid-day.fc-day-today,
.fc .fc-timegrid-col.fc-day-today {
    background-color: rgb(62 187 142 / 10%);
}

.fc .fc-button-primary:disabled {
    background-color: var(--text-gray-4);
    border-color: var(--fc-button-border-color), #e6e6e6;
    color: var(--fc-button-text-color), #e6e6e6;
    pointer-events: none;
}
.fc .fc-button-primary {
    background-color: var(--tal-slat-gray);
    border-color: var(--tal-slat-gray);
    color: #fafafa;
    transition: all .3s;
}
.fc .fc-button-primary:not(:disabled).fc-button-active,
.fc .fc-button-primary:not(:disabled):active {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fafafa;
}
.fc .fc-button-primary:not(:disabled).fc-button-active:focus,
.fc .fc-button-primary:not(:disabled):active:focus {
    box-shadow: none;
}
.fc .fc-button-primary:focus {
    box-shadow: none;
}
#plannerCalendar.fc .fc-toolbar.fc-header-toolbar {
    padding-inline: var(--bs-card-spacer-x);
}
.fc .fc-timegrid-slot-label-cushion {
    padding: 0 4px;
    width: 100%;
    text-align: start;
}
button.nav-link[data-state=error]:before{
  content:'\f95e';
    font-family: uicons-regular-rounded !important;
    color:#ffffff;
      --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important;
        --bs-border-opacity: 1;
    border-color: rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;
    border-radius: 50%!important;
        width: 18px;
    height: 18px;
    position: absolute;
    top: -8px;
    right: -7px;
    font-size: 10px;

}
button.nav-link[data-state=validate]:before{
  content:'\f2dc';
    font-family: uicons-regular-rounded !important;
    color:#ffffff;
    font-size: 10px;
      --bs-bg-opacity: 1;
    background-color: var(--primary-color)!important;
        --bs-border-opacity: 1;
    border-color: rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;
    border-radius: 50%!important;
        width: 18px;
    height: 18px;
    position: absolute;
    top: -8px;
    right: -7px;
}
td .dataTables_empty{
  text-align: center;
  padding-block: 3rem;
}
td .dataTables_empty lottie-player{
  width: 100px;
  height: 100px;
  margin-block:8px
}
td .dataTables_empty p{
  font-size: 14px !important;
}
.box_graybg{
      padding: 1rem 8px;
    border-radius: 5px;
    background: #f5f5f5;
}
.nav-pills[data-relate=jds] .nav-link{
  border-radius: .375rem .375rem 0 0 !important;
}
.talx-divider .avatar{
      text-align: center;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}
.skillset_box_Bodydivcls{
    background-color: #fff;
    display: flex;
    gap: 8px;
    border-radius: 6px;
    overflow: auto;
    height: 320px;
    min-height: 320px;
    flex-direction: column;
    justify-content: flex-start;
    padding: 8px;
}
.skillset_box_Bodydivcls .job_skill {
    display: flex;
    justify-content: flex-start;
    align-items: end;
    gap: 8px;
    padding: 5px 8px;
    border-radius: 6px;
    position: relative;
    padding-left: 38px;
}
.skillset_box_Bodydivcls .job_skill button{
  height: 100%;
    width: 34px;
    flex: 1 1 auto;
    position: absolute;
    inset: 0 auto 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #f5f5f5;
    border-radius: 5px 0 0 5px;
}
.skillset_box_Bodydivcls .job_skill button.removeskill{
  background: #fdfdfd;
  color: var(--secondry-color)
}
.skillset_box_Bodydivcls .job_skill button.addskill{
    background: #fdfdfd ;
    color:var(--primary-color)
}
.job_skill[data-state=saved]{
    background: #fdfdfd;
    border: 1px solid #f5f5f5;
    box-shadow: 0 0 1px 0 #0000002b;
    scroll-behavior: smooth;
}
.job_skill .irs--flat .irs-line{
    top: 30px;
    height: 4px;
}
.job_skill .irs--flat .irs-bar {
    top: 27px;
    height: 8px;
  }
.job_skill[data-state=new]{
      background: #ffffff;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.job_skill[data-state=new] .star_outerset_ratingcls {
    width: 100%;
    display: flex;
}
.job_skill[data-state=new] .star_outerset_ratingcls .star_ratingcls {
    display: flex;
    width: 100%;
    justify-content: end;
    overflow: hidden;
    flex-direction: row-reverse;
    position: relative;
}
.job_skill[data-state=new] .star_outerset_ratingcls label{
  width:100%
}
.job_skill[data-state=new] .skill_Weigh {
    width: 100%;
}
.job_skill[data-state=new] .skil_name{
  display: none;
}
.job_skill[data-state=saved] .skil_name{
  display: flex;
}
.skillset_box_Bodydivcls .job_skill[data-state=new] .twitter-typeahead{
  flex: 1 1 auto;
  display: flex;
  white-space: nowrap;    width: 100%;
}
.skillset_box_Bodydivcls .job_skill[data-state=saved] .twitter-typeahead{
  flex: 1 1 auto;
  display: none !important;
  white-space: nowrap;    width: 100%;
}
.skillset_box_Bodydivcls .job_skill .skil_info{
      display: flex;
    flex-direction: column;
    align-content: flex-start;
    flex-wrap: wrap;
    height: 100%;
    width: 50%;
}
.skillset_box_Bodydivcls .job_skill .skil_name{
      flex: 1 1 auto;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
        font-size: 14px;
    line-height: 1.5;
}
.skillset_box_Bodydivcls .job_skill .ratingsmallvisiblecls{
  flex: 1 1 auto;
      display: flex;
    gap: 5px;    width: 100%;
        flex-direction: row;
}
.skillset_box_Bodydivcls .job_skill .ratingsmallvisiblecls i {
    color: var(--high);
    font-size: 16px;
}
.skillset_box_Bodydivcls .job_skill input[type=range]{
  flex: 1 1 auto;
      display: flex;
          max-width: 194px;
}
.skill_Weigh{
  width: 50%;
}
.skill_Weigh .irs-bar--single{
  background-color: var(--primary-green-color) !important;
}
.skill_Weigh .irs-handle > i:first-child{
      background-color: var(--primary-color) !important;
    border-radius: 6px;
    width:10px;
    cursor:grabbing
}
.skill_Weigh .irs-handle:hover > i:first-child{
  background-color: #3a5944 !important
}
.skill_Weigh.irs--flat .irs-min, .skill_Weigh.irs--flat .irs-max {
    font-size: 13px;
    background-color: #ffffff;
}
.skill_Weigh.irs--flat .irs-single {
    color: white;
    font-size: 14px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background-color: var(--primary-green-color);
    border-radius: 4px;
    color: #fafafa;
}
.add_skillSet_formdivcls {
    margin-top: 16px;
}
.main-window{
  overflow: hidden;
  padding: 10px 10px 10px 10px;
}

.btn.report_link{
    background: #f5f5f5;
}
.jdsteps{
      width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: start;
    gap: 8px;
    align-items: center;
        padding: 5px;
    border: 0;
    border-radius: 5px;
    position: relative;
}
.jdsteps .jdsteps-indicator{
    padding: 6px 6px;
    background: #f5f5f5;
    border-radius: 5px;
    color:#4f4f4f;
    transition: all .3s ease-in-out;
    font-size: 12px;
}
.jdsteps .jdsteps-indicator.active{
    background: var(--tal-slat-gray);
    border-radius: 5px;
    color:#fafafa
}
.jdsteps .jdsteps-indicator.active img{
    filter: brightness(10) invert(0);
}
/* Candidate */
.talx-bg-light{
  background-color: #d7d7d7;
}

.talx-bg-delete{
  background-color: var(--secondry-color);
}
.only_icon_btncls{
  padding:5px;
  border-radius: 50%;
}

.cardIcon_rightPosition {
    position: absolute;
    inset: 5px 10px auto auto;
}

.resumeContent{
  height: 420px;
    display: grid;
    justify-content: center;
    padding-block: 2rem;
}

/*
report */
#desktop_links{
  opacity: 1;
  transition: width .3s , opacity .3s .3s;

}
#desktop_links.hidepanel{
  width: 2%;
  left: -2%;
  opacity: 0;
  position: relative;
  transition: width .3s .2s, opacity .1s;
}
#desktop_links ~ .col-xxl-10{
  transition: width .3s ;
}
#desktop_links.hidepanel ~ .col-xxl-10{
  width: 98%;
  transition: width .3s .2s;
}
#closepanelreport{
        position: absolute;
    top: 168px;
    left: 0;
    width: 34px;
    background: cadetblue;
    height: 36px;
    border-radius: 0 5px 5px 0;
    color: #ffffff;
    text-align: end;
    padding: 6px 10px 0 0;
    z-index: 100;
}

/* candidate */
.talx-dropdown{
    padding: 8px;
}
.talx-dropdown li > a{
  margin-block: 3px;
  border-radius: 5px;
}
.talx-dropdown li > a:hover{

  background: #505050;
}


.talgrid_card_box_body .locationtagcolcls{
  width:100%
}
.skill-ratings{
      display: grid;
      justify-content: stretch;
      align-items: start;
    width: 100%;
    gap: 12px;
       max-height: 173px;
    padding-block: 6px;
    margin-block: 6px;
    padding-inline-end: 8px;
}
.skill-ratings .kill-rating{
  width: 100%;
      display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 8px;
    padding: 8px;
    background: #f5f5f5;
    border-radius: 5px;
    font-weight: 500;
}
.placeholder {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: currentcolor;
    opacity: .5;
    border-radius: 4px;
}

/* job detail */
.jobdetail_box > h3{
    font-size: 20px;
    margin-block: 15px;
}
.jobdetail_box > h4{
  font-size:18px;
      margin-block: 15px;
    padding: 5px;
    border-bottom: 1px solid #f5f5f5;
}
.jobdetail_box > p {
  padding-left: 16px;
}
.jobdetail_box ul{
    padding-left: 32px;
}
.jobdetail_box ul li{
  list-style: disc;
  margin-bottom: 10px;
    padding-block: 5px;
}
.jd_ul.disk{
  list-style: disc;
  padding-left: 32px;
}
.jd_ul.check{
  list-style:symbols(cyclic "\1F347");
  padding-left: 32px;
}
.jd_ul > li{
  padding-block: 5px;
  margin-bottom: 10px;
  line-height: 1.5;
}
.jd_ul > li:before{
  content: '';
}
.topRecommendedCan .recommended-slider .candidateCard {
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.11);
}
.topRecommendedCan .recommended-slider .talgrid_card_box {
    min-width: 100%;
}

/* create Job */
#JD-form .jd-part:not(:first-of-type) {
  display: none;
}
.inner_wizard_actions{
  padding: 16px;
    display: flex;
    gap: 8px;
    justify-content: space-between;
}
/* interview */
.quesVideoThumbnailTabcls .interviewQuesCardBoxcls::after {
    content: none;
}
.Skill-ratesInline{
      display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 8px;
}
.Skill-ratesInline .skill-rating{
  display: inline-flex;
    background: #f5f5f5;
    border-radius: 10rem;
    padding: 5px 10px;
    align-content: center;
    flex-wrap: wrap;
}
.Skill-ratesInline .skill-rating .skill-name{
  margin-right:8px
}
.Skill-ratesInline .skill-rating .skill-stars i.fa-star{
  color:rgb(218, 218, 16)
}
.navtabjourneysvgiconcls .nav-link.navtabjourneyactive{
    color: #ffffff;
    background-color:rgba(var(--primary-color-rgb),var(--opacity-4));
    border-color: #f1f4fb #f1f4fb #f1f4fb;
}

.navtabjourneysvgiconcls .nav-link.navtabjourneyactive.active{
      color: #ffffff;
    background-color: var(--tal-space);
    border-color: #f1f4fb #f1f4fb #f1f4fb;
}
.navtabjourneysvgiconcls .nav-link.navtabjourneyactive.active b {
    color: #ffffff;
}
.navtabjourneysvgiconcls .nav-link.navtabjourneyactive b {
    color: #4f4f4f;
}
.navtabjourneycls{
  display:flex;
  flex-wrap: nowrap;
  gap:8px
}

.modal-header > button.close{
      border: none;
    background: none;
    width: 22px;
    height: 22px;
}
.modal-header > button.close span{
      font-size: 24px;
    line-height: 24px;
}
.select2-dropdown{
  z-index: 10000;
}
/* Vivek */
.recommended-slider {
  max-height: 330px;
  overflow-y: auto;
  padding:10px;
      display: grid;
    gap: 7px;
}
.newcandidate {
    background: #5f9ea01a;
    padding: 1rem;
    border-radius: 8px;
    display: flex;
    gap: 12px;
    flex-direction: column;
    align-items: center;
}
.newcandidate .candidateInfo_list{
  text-align: center;
}
.added-Caninfo{
  min-width: 90px;
}
.resume_attached {
    display: inline-block;
    background: #ffffff;
    padding: 5px 24px;
    border-radius: 5px;
    width: auto;
    color: #464646;
}
/* old parsin gropress */
.parsing_progress{
  position: relative;
}
.lds-ring {
  display: inline-block;
  position: relative;
  width: 60px;
  height: 60px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 44px;
  height: 44px;
  margin: 6px;
  border: 6px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
.lds-ring ~ span{
  position: absolute;
    top: 50%;
    left: 48%;
    transform: translate(-50%, -50%);
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.boolean_search{
  position: relative;
  display: flex !important;
}
.boolean_search>div:nth-child(1){
    flex: 1 0 0;
}
.boolean_search .form-control {
    height: 35px;
}
.boolean_search .input-group .form-control:last-of-type {
    border-radius: 4px !important;
    border-right: none !important;
}
/* search result */
.talx-search-result{
  display: grid;
  grid-template-columns: max-content 1fr;
}
@media (max-width:992px){
  .talx-search-result{
    display: grid;
    grid-template-columns: 1fr;
  }
  .filter{
    margin-bottom:1rem
  }
  .adv_mainfilter_sec_inner {
    display: flex;
    flex-wrap: wrap;
  }
}
.search-result-container{
  container-type: inline-size;
  container-name: searchresult ;
}
.talx-search-result-inner {
  display:grid;
  grid-template-columns: 1fr;
  gap: 15px;

}
@container (min-width: 768px) {
  .talx-search-result-inner {
    grid-template-columns: repeat(2, 1fr);
  }

}
@container (min-width: 1024px) {
  .talx-search-result-inner {
    grid-template-columns: repeat(4, 1fr);
  }
}
.search-result-container .filterbar{
      display: flex;
    justify-content: space-between;
    align-items: center;
}

.progress.parsing{
  width: 99px;

}


.interviewbox .card-maininfo{
  display: flex;
  justify-content: start;
  align-items: flex-start !important;
  gap:5px
}
.ellipsis{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card_title{
  font-size: 16px;
  font-weight: 600;
  color:#4f4f4f
}

.itw-candidateInfo{
      display: grid;
    gap: 5px;
    justify-content: start;
    align-items: start;
    grid-template-columns: max-content 1fr;
}

.itw-footer{
  gap:5px;
}
.itw-footer > div{
  width: 50%;
}
.itw-footer > div.itw-candidates {
    width: 100%;
}
.itw-footer > div.itw-invites{
      display: flex;
    justify-content: end;
    align-items: center;
}
.itw-footer > div .avatar-xl{
        height: 2.5rem;
    width: 2.5rem;
}
.itw-candidateInfo .candidate-info span{
    font-size: 1.5ch;
}




.modal.left .modal-dialog,
	.modal.right .modal-dialog {
		position: fixed;
		margin: auto;
		width: 520px;
		height: 100%;
		-webkit-transform: translate3d(0%, 0, 0);
		    -ms-transform: translate3d(0%, 0, 0);
		     -o-transform: translate3d(0%, 0, 0);
		        transform: translate3d(0%, 0, 0);
	}
  @media (max-width:678px){
    .modal.left .modal-dialog,
	.modal.right .modal-dialog {
		position: fixed;
		margin: auto;
		width: 100%
  }

}

	.modal.left .modal-content,
	.modal.right .modal-content {
		height: 100%;
		overflow-y: auto;
	}

	.modal.left .modal-body,
	.modal.right .modal-body {
		padding: 15px 15px 80px;
	}

/*Left*/
	.modal.left.fade .modal-dialog{
		left: -520px;
		-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, left 0.3s ease-out;
		        transition: opacity 0.3s linear, left 0.3s ease-out;

	}

	.modal.left.fade.show .modal-dialog{
		left: 0;
	}
  .modal.left.fade .modal-dialog .modal-content{
    border-radius: 0 .5rem .5rem 0;
  }
/*Right*/
	.modal.right.fade .modal-dialog {
		right: -520px;
		-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, right 0.3s ease-out;
		        transition: opacity 0.3s linear, right 0.3s ease-out;

	}

	.modal.right.fade.show .modal-dialog {
		right: 0;
	}
  .modal.right.fade .modal-dialog .modal-content{
    border-radius:  0.5rem 0 0 0.5rem;
  }

@media (min-width:1024px){
    .modal.invoicetemplate .modal-dialog{
        max-width: max-content;
    }
}

.headtagcolcls{
    width:100%;
    /* display: flex; */
    margin-top:5px;
    display: inline-table;
}

.headtagcolcls b,
.headtagcolcls a{
    width: 48%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 0;
    line-height: 1.5;
    color: #4f4f4f;
    margin-right: 0;
}
.card-footer{
    background-color: transparent;
}
.smallswitchtogglebtn{
    background: var(--tal-offwhite);
    padding:.56rem 0.5rem !important;
    border-radius: 5px;
    display: flex;
    align-items: center;
}

.svglocationbtag img, .svgexperiencebtag img, .svglpabtag img {
    position: relative;
    top: -1px;
    margin-right: 2px;
    width: 14px;
    height: 14px;
}
.smallswitchtogglebtn b {
    font-size: 14px;
    font-weight: 500;
    color: #4f4f4f;
    display: inline-block;
    margin-top: 0;
    float: none;
}
.smallswitchtogglebtn .switchtogglebtn {
    top: 0;
}

.short_top_subText {
    font-size: 12px;
    font-weight: 500;
    color: var(--text-color);
}
.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-border-width: 1px;
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: .75rem;
    --bs-card-box-shadow: ;
    --bs-card-inner-border-radius: calc(.75rem - 1px);
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: #fff;
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: #fff;
    --bs-card-img-overlay-padding: 1rem;
    --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[theme=dark]{
    --bs-card-bg: #1D586A;
    --bs-card-cap-bg: #1D586A;
}
.card[theme=dark] .card-title{
    color:#fafafa
}
.bg-card {
    background-size: contain;
    background-position: right;
    border-top-right-radius: var(--bs-card-border-radius);
    border-bottom-right-radius: var(--bs-card-border-radius)
}
.bg-holder {
    position: absolute;
    width: 100%;
    min-height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: left;
    overflow: hidden;
    will-change: transform, opacity, filter;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-repeat: no-repeat;
    z-index: 0;
    border-radius:var(--bs-card-border-radius);
}
.modal {
    --bs-modal-border-radius: 0.75rem;
}
.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: visible;
}

.btn-close:focus {
    outline: 0;
    box-shadow: 0 0 14px .25rem rgb(39 102 70 / 25%);
    opacity: 1;
}

.card.emptyA{
    border: 2px dashed #cecece;
}
.pipeline_Summary .jobcirclstaginnercolcls {
    width: 100%;
    border-radius: 5px;
    border: 1px solid #f5f5f5;
}
.pipeline_Summary .jobcirclstaginnercolcls .jobinnerleftsvgcoliconcls {
    width: 100%;
    height: 2rem;
    float: none;
    background: #3db389;
    border-radius: 5px 5px 0 0;
    padding: 0;
}
.dropdown-menu li {
    white-space: nowrap;
}
.dropdown_fntS_14 li, .dropdown_fntS_14 li a {
    font-size: 14px;
}
.dropdown_fntS_14 li img {
    width: 14px;
    margin-right: 5px;
}

.daterangepicker .drp-buttons .btn {
    margin-left: 8px;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 8px;
    line-height: 1;
}

.filter-badge{
    display:none;

}
.filter-btn .filter-badge{
    position: absolute !important;
    top: -8px !important;
    left: 1px;
    border-radius: 5px;
    background: var(--secondary-color) !important;
    width: 18px;
    padding: 0;
    height: 18px;
    line-height: 1.7;
}
.calendarToolbar .fc-header-toolbar .fc-toolbar-chunk:nth-of-type(2) {
    margin-right: inherit !important;
    margin-left: 0;
}
.calendarToolbar .fc-header-toolbar .fc-toolbar-chunk:nth-of-type(3) {
    margin-right: 0;
}
.calendarToolbar .fc-header-toolbar .fc-toolbar-chunk:first-child .fc-button-group .fc-button {
    background: #49505b;
    border-color: #49505b;
    border-radius: 4px !important;
    padding: 2px;
    font-size: 14px;
    margin-right: 8px;
}
.calendarToolbar .fc-prev-button.fc-button-primary span.fc-icon, .calendarToolbar .fc-next-button.fc-button-primary span.fc-icon {
    color: #fff;
}
.calendarToolbar .fc-header-toolbar .fc-toolbar-chunk:first-child .fc-button-group .fc-today-button {
    background-color: #c4c4c4;
    color: #000;
    border-color: #c4c4c4;
    font-size: 14px;
    padding: 2px 8px;
}
.calendarToolbar .fc h2.fc-toolbar-title {
    font-size: 18px;
    font-weight: 600;
}
.calendarToolbar .fc-header-toolbar .fc-toolbar-chunk:last-child .fc-button-group .fc-button-primary {
    background-color: #c4c4c4;
    color: #000;
    border-color: #c4c4c4;
    font-size: 14px;
    padding: 2px 12px;
    margin-left: 8px;
    border-radius: 5px;
    text-transform: capitalize;
}
.calendarToolbar .fc-header-toolbar .fc-toolbar-chunk:last-child .fc-button-group .fc-button-primary.fc-button-active {
    background-color: #495059;
    color: #fff;
}
.calendarToolbar th div.fc-scrollgrid-sync-inner, .calendarToolbar th:not(:first-child) div.fc-scrollgrid-sync-inner {
    background: #f1f1f1 !important;
    color: #4c4c4c !important;
}
.calendarToolbar th:not(:first-child) a {
    color: #4c4c4c !important;
}
.calendarToolbar .fc .fc-col-header-cell-cushion {
    font-weight: 600;
}
.dropdown-company .nav-pills .nav-link {
    /*background-color: #fff;*/
}
.hide_datatable_length .dataTables_length {
    display: none;
}
.candidateTabledatarowcls td .fullcolslickslidecls .slick-list {
    padding: 0 !important;
}
.managejoblistpagecls .talgrid_card_box .candidatedraftcolcls {
    min-height: auto;
}
.managejoblistpagecls .talgrid_card_box {
    padding: 0;
}
.managejoblistpagecls .talgrid_card_box.job-card > div {
    border-radius: 4px;
    padding: 0.5rem;
    height: 100% !important;
}
.common_tableList {
    display: none;
}
.common_tableList table thead th {
    color: #4f4f4f;
    background: #ffffff;
    font-size: 16px;
    padding: 12px 15px;
}
.common_tableList>tbody>tr:nth-of-type(odd)>td {
    background-color: rgb(0 0 0 / 5%);
    background: rgb(0 0 0 / 5%);
}
.card{
    border: none;
    box-shadow: 0 3px 10px 0 #295a552e;
}
.iw_card_withHeading .talgrid_card_box .interview-box {
    border-radius: 5px;
    padding: 0.5rem;
}
.JobDetail-nav .nav-pills .nav-link.active, .JobDetail-nav .nav-pills .show > .nav-link {
    color: #3db389;
}
.doc_withCheckbox .mediaBoxIconcls > label {
    cursor: pointer;
}

/* sales dashboard */
.w-auto{
  width: auto;
}
.talx-table{
        width: 100% !important;
    }
table.talx-table tbody td {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
}
table.talx-table tbody tr:first-child td {
    border-top: none;
}
.talx-table thead{
  background: rgba(237, 242, 249);
  border-radius: 5px 5px 0 0;
}
.talx-table tfoot{
  background: rgba(237, 242, 249);
  border-radius: 0 0 5px 5px ;
}
.talx-table tfoot tr th{
    padding: 16px 10px 16px 10px;
}
.talx-table.white thead{
    background: #ffffff;
  border-radius: 5px 5px 0 0;
}
.talx-table thead th,
.talx-table.white thead th, .talx-table.white thead td {
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    font-size: 14px;
    white-space: nowrap;
    font-weight: 500;
}
table.talx-table tbody td, table.talx-table tbody td * {
    white-space: nowrap;
    /* font-size: 12px; */
    font-weight: 400;
}
table.talx-table tbody td .talx-btn{
    padding: .25rem .5rem !important;
    font-size: 12px;
}
table.talx-table tbody td .talx-btn.talx-button-icon{
    padding: 0 !important;
    width: 22px;
    height: 22px;
    font-size: 12px;

    margin-inline: .25rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
table.talx-table tbody td .talx-btn.talx-button-icon i[class]{
    font-size: 14px !important
}

.talx-table thead th{
  color:#4f4f4f;
  border-right:1px solid #fafafa
}
.talx-table.thead-dark thead{
    background: var(--primary-color);
}
.talx-table.thead-dark thead th{
    background-color: transparent;
}
.talx-table.thead-dark thead *{
    color:#fafafa
}
.talx-table tbody tr{
  height: auto;
}
.talx-table.slim tbody tr {
    height: auto;
}
.talx-table.slim thead th {
    padding: 5px 5px;
}
.talx-table.slim thead th,
.talx-table.slim thead th *{
    font-size: 12px;
}
table.talx-table.slim tbody td,
table.talx-table.slim tbody td * {
    font-size: 10px;
}

.talx-button-icon i{
  line-height: 0;
  display: block;
}
table.dataTable.stripe>tbody>tr.selected>*,
table.dataTable.display>tbody>tr.selected>*{
  background-color: #495158;
  background: #495158;
  box-shadow: none !important;
}
table.dataTable.no-footer{
    border-bottom: none;
}
table.dataTable tbody tr.selected a:not(.dropdown-item ) {

    color: var(--tal-gray-100);
}
table.dataTable tbody tr.selected .talx-btn,
table.dataTable tbody tr.selected .btn{
    background: #fafafa;
}
table.dataTable thead>tr>th.sorting_asc:before,
table.dataTable thead>tr>th.sorting_desc:after,
table.dataTable thead>tr>td.sorting_asc:before,
table.dataTable thead>tr>td.sorting_desc:after {
  opacity: .8;
  color: #1a1b1c !important;
}
table.dataTable.stripe>tbody>tr.selected:hover>*,
table.dataTable.display>tbody>tr.selected:hover>*{
  background-color: #424c55;
  background: #424c55;
  box-shadow: none !important;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr:not(.selected)>td{
  background-color: transparent;
  border-bottom: 1px solid var(--tal-lavendar);
  box-shadow: none;
  color: #4f4f4f;
}
.talx-table tbody tr.selected td{
    background: var(--tal-violet);
}

table.dataTable thead th, table.dataTable thead td {
  padding: 8px 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  font-size:16px;
  white-space: nowrap;
}
table.dataTable.display>tbody>tr.odd>.sorting_1, table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_1 {
  box-shadow: none;
}
.talx-table tbody tr:hover {
  background-color: #8c919616;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.2em 0.2em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    color: inherit !important;
    border: 1px solid transparent;
    background: transparent;
    min-width: 24px;
    height: 24px;
    border-radius: 5px;
    line-height: 1.2;
    border: none;
    font-size: 12px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current
{
    background: var(--tal-violet);
    color: #fafafa !important;
    border: none;
    cursor: default;
    pointer-events: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    background: #49515956;
    color: var(--tal-violet) !important;
    border: none;
    cursor: default;
    pointer-events: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #49515956;
    color: var(--tal-violet) !important;
    border: none;
}
.dataTables_info,
.dataTables_paginate{
    display: flex;
    gap: 5px;
    margin: .5rem;
}


.dataTables_scrollBody::-webkit-scrollbar {
    width: 8px;
    position: absolute;
    inset: 0 0 auto auto;
    height: 6px;
}

div.dt-button-collection {
    width: calc(100% - 30px);
}

div.dt-button-collection{
  position: absolute;
    top: 0;
    left: 15px !important;
    border:none;
    margin-top: 3px;
    margin-bottom: 3px;
    padding: 0;
    background-color: transparent;
    overflow: hidden;
    z-index: 2002;
    border-radius: 5px;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);;
    box-sizing: border-box;
}
div.dt-buttons span.dt-button-down-arrow{
  display:none
}
div.dt-button-collection > div[role=menu]{
      display: flex;
    flex-wrap: wrap;
        padding: 1rem;
        gap:10px;
            background: #ffffff
}
div.dt-button-collection .dt-button{
  transition: all .3s linear;
}
div.dt-button-collection .dt-button.dt-button-active:after {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 1em;
    display: inline-block;
    content: "\f2dc";
    color: inherit;
        font-family: uicons-regular-rounded !important;
    font-style: normal;
    opacity:1
}

div.dt-button-collection .dt-button:after{
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 1em;
    display: inline-block;
    content: "\f2dc";
    color: inherit;
        font-family: uicons-regular-rounded !important;
    font-style: normal;
    opacity:.5
}

div.dt-button-collection button.dt-button {
    display: inline-block;
    width: auto;
    background: var(--tal-offwhite) !important;
    border-radius: 5px !important;
    font-size: 12px;
    padding-inline: 10px 32px;
}
div.dt-button-collection button.buttons-colvis {
    display: inline-block;
    width: 49%;
}
div.dt-button-collection h3 {
        margin-top: 5px;
    margin-bottom: 5px;
    font-weight: 100;
    border-bottom: none;
    font-size: 1em;
    font-weight: 600;
    color: #4f4f4f;
    width: 100%;
    padding: 0.24rem 0.75rem;
    background: var(--tal-lavendar);
    border-radius: 5px;
}
div.dt-button-collection h3.not-top-heading {
    margin-top: 10px;
}
div.dt-button-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: none;
    background: none;
    z-index: 2001;
}

#salesActivities_filter,
#leads_filter,
#salesPipeline_filter,
#salesPermanentPlacement_filter{
  display: none;
}
div.dt-buttons {
    float: none;
    width: 100%;
    padding: 1rem;

    display: flex;
    justify-content: end;
    align-items: center;
    gap: 10px;
}
div.dt-buttons>.dt-button, div.dt-buttons>div.dt-button-split .dt-button{
        border-radius: 5px;
    padding: 0;
    line-height: 48px;
    min-width: 0;
        height: 36px;
    width: 36px;
    background-color: transparent !important;
    background: none !important;
    border: none !important;
    box-shadow: 0 0 3px #0000005c;
}
table.dataTable thead>tr>th.sorting,
table.dataTable thead>tr>th.sorting_asc,
table.dataTable thead>tr>th.sorting_desc,
table.dataTable thead>tr>th.sorting_asc_disabled,
table.dataTable thead>tr>th.sorting_desc_disabled,
table.dataTable thead>tr>td.sorting,
table.dataTable thead>tr>td.sorting_asc,
table.dataTable thead>tr>td.sorting_desc,
table.dataTable thead>tr>td.sorting_asc_disabled,
table.dataTable thead>tr>td.sorting_desc_disabled {
    cursor: pointer;
    position: relative;
    padding-right: 16px;
}
table.dataTable thead>tr>th.sorting:before,
table.dataTable thead>tr>th.sorting:after,
table.dataTable thead>tr>th.sorting_asc:before,
table.dataTable thead>tr>th.sorting_asc:after,
table.dataTable thead>tr>th.sorting_desc:before,
table.dataTable thead>tr>th.sorting_desc:after,
table.dataTable thead>tr>th.sorting_asc_disabled:before,
table.dataTable thead>tr>th.sorting_asc_disabled:after,
table.dataTable thead>tr>th.sorting_desc_disabled:before,
table.dataTable thead>tr>th.sorting_desc_disabled:after,
table.dataTable thead>tr>td.sorting:before,
table.dataTable thead>tr>td.sorting:after,
table.dataTable thead>tr>td.sorting_asc:before,
table.dataTable thead>tr>td.sorting_asc:after,
table.dataTable thead>tr>td.sorting_desc:before,
table.dataTable thead>tr>td.sorting_desc:after,
table.dataTable thead>tr>td.sorting_asc_disabled:before,
table.dataTable thead>tr>td.sorting_asc_disabled:after,
table.dataTable thead>tr>td.sorting_desc_disabled:before,
table.dataTable thead>tr>td.sorting_desc_disabled:after {
    position: absolute;
    display: block;
    opacity: .125;
        right: 4px;
    line-height: 9px;
    font-size: .8em;
    font-family: uicons-regular-rounded !important;
    font-style: normal;
    width: 10px;
    background: none;
}
table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:after {
    top: 50%;
    content: "\f171";
}
table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:before {
    bottom: 50%;
    content: "\f174";
}
table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_desc:after {
    opacity: .8;
    color: #fafafa;
}

.reportname{
  position: absolute;
    top: 1rem;
    left: 1rem;
    font-size: 16px;
    font-weight: 500;
    color: var(--tal-black);
}

.talx-table-shadow{
  box-shadow: 0 7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);
}

.talx-btn-shadow{
      box-shadow: 0 0 3px #0000005c;
}

.icon-item {
    border-radius: .375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--tal-gray-700);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    height: 2.5rem;
    width: 2.5rem;
    border: 0;
    font-size: .875rem;
    background: rgba(var(--primary-color-rgb), var(--opacity-2));
    flex-shrink: 0;
}
.icon-item.squarize{
    border-radius: .375rem;
}
.icon-item.icon-item-xs {
    height: 1.5rem;
    width: 1.5rem;
}
.icon-item.icon-item-sm {
    height: 1.875rem;
    width: 1.875rem;
}
.icon-item.icon-item-md {
    height: 2.25rem;
    width: 2.25rem;
}
.icon-item.icon-item-lg {
    height: 3rem;
    width: 3rem;
}
.icon-item.icon-item-xl {
    height: 4.25rem;
    width: 4.25rem;
}
.icon-item.icon-item-sm img{
    width: 22px;
}
.icon-item.icon-item-md img{
    width: 20px;
}
.icon-item.icon-item-lg img{
    width: 30px;
}
.icon-item.icon-item-xl img{
    width: 42px;
}
.icon-item.icon-item-md i.fi,
.icon-item.icon-item-md i.ti{
    font-size:18px !important;
}
.icon-item.icon-item-lg i.fi,
.icon-item.icon-item-lg i.ti{
    font-size:22px !important;
}
.icon-item.icon-item-xl i.fi,
.icon-item.icon-item-xl i.ti{
    font-size:26px !important;
}
.icon-item.blue{
    background-color: #EDF4FF !important;
}
.icon-item.green{
    background-color: #E4FEF0 !important;
}
.icon-item.darkgreen{
    background-color: #84BDB8 !important;
}
.icon-item.orange{
    background-color: #faf9e2 !important;
}
.icon-item.pink{
    background-color: #ff00f50a !important;
}
.icon-item.dark{
    background-color: var(--tal-violet);
}
.icon-item.black{
    background-color: #1C274C !important;
}
.icon-item.greenpale{
    background-color: #A3B785 !important;
}
.icon-item.lightgreen{
    background-color: #C2FFF4 !important;
}
.icon-item.lightblue{
    background-color: rgba(0, 118, 255, 0.08) !important;
}

.text-nowrap {
    white-space: nowrap !important;
}
.lh-1 {
    line-height: 1 !important;
}
.icon-item.icon-item-sm svg{
  width: 1rem;
}
.icon-item.icon-item-sm i{
  line-height: 0;
}
.section-divider{
      background: #ffffff;
    padding: 1rem;
    border-radius: 5px;
    margin-block: 1rem;
    box-shadow: 0 7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);
}

.card-body {
    padding: 1rem;
}
.card.wide .card-body {
    padding: .5rem;
}
.reporttabs .nav-item .nav-link{
  border: none;
  border-radius: 0;
  position: relative;
  transition: all .3s;
  padding: 1rem 0.75rem;
    min-width: 110px;
    border: 1px solid #e6e6e6;
    transition: all .3s;
}
.reporttabs .nav-item .nav-link.active{
  border-bottom: none;
}
.reporttabs .nav-item .nav-link{
  border-radius: 5px 5px 0 0  ;
}

.reporttabs{
    padding-bottom: 10px;
}
.reporttabs .nav-item .nav-link.active:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    bottom: -6px;
    left: 45%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background: var(--primary-color);
    border-radius: 0.125rem;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #ded9d9;
}
.analyticHint{
    font-size: 10px;
    color: var(--tal-chestnut);
    font-weight: 400;
}
.talxform-link{
        font-size: 12px;
    color: var(--tal-blue);
    font-weight: 500;
}
.talx-link.hover-effect{
    padding: 0 16px;
    transition: all .3s ease-in-out;
    position: relative;
    color: var(--primary-color);
    cursor: pointer;
  }
  .talx-link.hover-effect:hover{
    color: var(--tal-blue);
    padding: 0 16px;
  }
  .talx-link.hover-effect:after{
    content:'\f136';
    font-family: uicons-regular-rounded !important;
    font-size: 14px;

    position: absolute;
    right: 0;
    top: 2px;
    transition: all .3s ease-in-out;
  }
  .talx-link.hover-effect:hover:after{
    right: -2px;
    top: 2px;
  }

  .has_report{
    position: relative;
    width: fit-content;
  }
  .has_report:after{
    content: "\f455";
    font-family: uicons-regular-rounded !important;
    font-style: normal;
    color:var(--secondary-color);
    font-size: 10px;
    position: absolute;
    inset: -2px -12px auto auto;
  }
  .btn-group > .talx-btn:not(:first-of-type),
.btn-group > .talx-btn:not(:last-of-type){
  border-radius: 0 !important;
}
.btn-group .talx-btn:first-of-type{
  border-radius: 5px 0 0 5px !important;
}
.btn-group .talx-btn:last-of-type{
  border-radius: 0 5px 5px 0 !important;
}

.btn-group .btn-check:checked + label{
  background: var(--primary-green-color);
    color: #ffffff;
}
.btn-check:checked+.btn,
.btn-check+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active,
.btn-check:hover+.btn {
    border-color: var(--primary-green-color);
}
.btn-check:checked+.btn{
    color: #fafafa;
    background-color: rgb(var(--primary-color-rgb));
    border-color: rgb(var(--primary-color-rgb));
}
.btn-check+.btn{
    color:#003864;
}
#HIPOopportinities_filter,
#MIDPOopportinities_filter,
#LOPOopportinities_filter,
#SalesTeamActivities_filter,
#TableCandidates_filter{
  display:none
}
.mx-w-180{
  max-width: 180px;
}
.w-40 {
    width: 40%!important;
}
[data-bs-toggle=modal]{
  cursor: pointer;
}

.salespersondetails{
  border:1px solid var(--tal-gray-300);
  border-top: 0;
  margin-bottom: 1rem;
  border-radius: 0 0 5px 5px;
  width:calc(100% - 16px);
  margin-inline: auto;
  box-shadow: 0 10px 6px -4px #00000014;
}
.reporttabs .nav-item .nav-link{
  background: #ffffff;
  color:var(--tal-gray-900)
}
.reporttabs .nav-item .nav-link.active{
  background: var(--primary-color);
  color:var(--tal-gray-100);
  font-weight: 400;
}
.reporttabs .nav-item:not(:first-child){
    margin-left: 5px;
}
.ratCardIndTabBtn.active + .deleteRateCard {
    color: #fafafa;
}
.upload_library_filelist {
    display: grid;
    grid-template-columns: repeat( auto-fill , minmax(120px, 1fr) );
    gap: 10px;
}
.upload_library_filelist li > .library_file_radio {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}
.upload_library_filelist li .library_file_label {
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.upload_library_filelist li img {
    width: 100%;
    height: 100px;
    object-fit: fill;
}
.library_file_radio:checked ~ label.library_file_label {
    box-shadow: 0 0 1px 3px var(--primary-color);
    border-radius: 10px;
}
.uploaded_file_container img.img-fluid {
    object-fit: cover;
    height: 150px;
    width: 100%;
    border-radius: 5px;
}
.client_description {
    display: grid;
    grid-template-columns: repeat( auto-fill , minmax(300px, 1fr) );
}
.ScheduleColumnTime .ColumnTimeBox {
    width: 100%;
    padding: 5px 10px;
}
/* start client preview */
.resume_appenddivcls p {
    margin: 0;
    margin-bottom: 10pt;
}
.resume_appenddivcls ul {
    padding-left: 30px;
    margin-top: 5px;
}
.resume_appenddivcls ul li {
    margin-bottom: 10pt;
}
.resume_appenddivcls table {
    border-collapse: collapse;
}
.resumeTabledatacls th {
    border: 1px solid #000;
    padding: 10pt 5pt;
    text-align: center;
}
.resumeTabledatacls td {
    border: 1px solid #000;
    padding: 10pt 5pt;
    text-align: center;
}
.resumeTemplatetable3 td {
    padding: 3pt 0;
}
.resume_appenddivcls {
    padding: 20px 0;
    max-height: 700px;
    overflow-y: auto;
}
.resume_appenddivcls::-webkit-scrollbar {
    width: 5px;
    height: 4px;
    background-color: #d2d2d2;
    border-radius: 20px;
    cursor: pointer;
}
.resume_appenddivcls::-webkit-scrollbar-thumb {
    background: #979797;
    border-radius: 20px;
    cursor: pointer;
}
/* end client preview */
.email_user_Litag ol {
    display: flex;
    flex-wrap: wrap;
    padding: 0.375rem;
    list-style: none;
}
.email_user_Litag li {
    list-style: none;
    margin-bottom: 10px;
}
@media (min-width: 992px){
  .pb-lg-0 {
      padding-bottom: 0 !important;
  }
  .border-lg-0 {
      border: 0 !important;
  }
  .border-lg-end {
    border-right: 1px solid var(--tal-gray-500) !important;
}

}
/* Video Recorder */

.videobg_bgs{
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, 1fr);
}
.videobg_bgs li > .videobg_radio{
    position: absolute;
    opacity: 0;
    visibility: hidden;
}
.videobg_{
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.videobg_radio:checked ~ label.videobg_{
    box-shadow: 0 0 1px 3px var(--primary-color);
    border-radius: 10px;
}
label.videobg_ .selectBgImgcls {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    object-fit:fill;
    border-radius: 5px;
}

#video_recorder .modal-body{
    justify-content: center;
    align-items: center;
    display: flex;
}


.answerTimerStartcls {
    text-align: center;
    height: 135px;
    padding-top: 0;
    background: rgba(0,0,0,0.5);
    padding: 10px;
    border-radius: 8px;
    position: absolute;
    inset: 5px 5px auto auto;
    z-index: 100;
    width: auto;
    width: 135px;
}
.recordingVideoflipdivcls .timerCountdownSvgcls {
    float: none;
    display: inline-block;
}
.timerCountdownSvgcls {
    float: none;
}
.answerTimerStartcls .timerCountdownSvgcls .timedisplaydiv {
    position: relative;

}
.answerTimerStartcls .timerCountdownSvgcls .timedisplaydiv .base-timer {
        position: relative;
    width: 115px;
    height: 115px;
    margin-inline: auto;
}
.answerTimerStartcls .timerCountdownSvgcls .timedisplaydiv .base-timer__label {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #fff;
    font-family: 'ZCOOL QingKe HuangYou', sans-serif;
    font-size: 2.8rem;
    left: unset;
    line-height: 1.5;
}
#recorded_video{
    max-width: 1280px;
}

.vidoe_container{
    position: relative;
}
.VrecorderTag{
    width: 100%;
    aspect-ratio: 16/9;
    background: #2b2b2b;
    border-radius: 8px;
}
.VrecorderCanvas{
    position: absolute;
    width: 100%;
    aspect-ratio: 16/9;
    background: #2b2b2b;
    border-radius: 8px;
    inset: 0 0 ;
        z-index: -1;
}
.starter_actions{
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
        padding: 8px 10px;
    width: 100%;
    gap: 34px;
    background-color: rgba(0,0,0,0.4);
    border-radius:0 0 8px 8px;
}
.starter_actions .talx-btn{
    width: 58px;
    height: 58px;
    border:1px solid #ffffff;
    color: #ffffff;
        background: rgba(255,255,255,0.2);
    backdrop-filter: blur(1px);
    font-size: 34px;
    line-height: 34px;
}
.starter_actions .talx-btn > i{
    line-height: 2;
    color: currentColor;
}

.selectvideoBg {
    background: #eefdfc;
    border-radius: 5px;
    width: 100%;
    height: 300px;
    overflow-y: auto;
    padding: 10px;
}
.fileinputlabel {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background:#e4e4e4;
    color: #4f4f4f;
}
.backgrounds{
    display: none
}
.candidate-tips{
    margin-top: 5px;
    padding-left: 20px;
}
.candidate-tips li{
    list-style: decimal;
    margin-block: 10px;
}
#recording_frame{
    display: none;
}
.for-submit{
    border-radius: 8px;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap:5px
}
.accordion-button {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5;
    color: #333333;
    padding-top: var(--bs-accordion-btn-padding-y);
    padding-bottom: var(--bs-accordion-btn-padding-y);
    transition: all .3s ease-in-out;
}
.accordion-button[aria-expanded=true]{
    color: var(--primary-color) !important;
    background: rgba(var(--primary-green-color-rgb) , var(--opacity-2)) !important;
    border-radius: 0.375rem 0.375rem 0 0 !important;
}
.accordion-button:focus {
    z-index: 3;
    border-color: var(--bs-accordion-btn-focus-border-color);
    outline: 0;
    box-shadow: none;
}
.accordion-button:not(.collapsed) {
    background-color: #ffffff;
    color: var(--primary-color);
    box-shadow: none;
}
.recording_frame_inner{
        display: grid;
    grid-template-columns: max-content 1fr;
    gap: 15px;
}
.recording_frame_inner.record_active{
    grid-template-columns: 1fr;
}
.recorder_setting{
        max-width: 100%;
    width: 430px;
}
#recording_frame{
    max-width: 1320px;
}
.min-h-300{
    min-height: 300px;
}
.nav-tabs.nav-justified > .candidate-btn {
    flex: 1 1 auto;
    text-align: center;
}
.Repleaderboards{
        display: flex;
      flex-wrap: wrap;
      gap: 30px;
    }
    .repleaderbord {
      max-width: 100%;
      display: flex;
      flex-direction: column;
      width: 240px !important;
    }
    .leaderboard-head{
      position: relative;
      cursor: pointer;
    }
    .leaderboard-head .badge {
      position: absolute;
      inset: 5px 5px auto auto;
    }

@media (max-width:768px){
    .repleaderbord {
        width: 100%;
      }
    .recording_frame_inner {
        grid-template-columns: 1fr;
    }
    .recorder_setting {
        max-width: 100%;
        width: 100%
    }
    #recording_frame {
        max-width: 100%;
    }
    .doc_withCheckbox {
        grid-template-columns: repeat( auto-fill , minmax(330px, 1fr) );
        gap: 20px;
    }
    .doc_withCheckbox .mediaBoxIconcls > label {
        cursor: pointer;
    }
    .btn-group-sm-vertical{
        flex-direction: column;
        width: 100%;
    }
    .btn-group-sm-vertical .talx-btn{
        width: 100%;
        max-width: 100%;
    }
    .btn-group-sm-vertical .talx-btn:first-of-type{
        border-radius: 5px 5px 0 0 !important;
    }
    .btn-group-sm-vertical .talx-btn:last-of-type{
        border-radius: 0 0 5px 5px  !important;
    }
    .section-divider {
        flex-direction: column;
        gap: 10px;
    }
}
.modal-xxl {
    --bs-modal-with: 1278px;
}

@media (min-width: 1200px){
    .modal-xxl {
        --bs-modal-width: 1278px;
    }
}
.talx-swiper-prev,
.talx-swiper-next{
    width: 22px;
    height: 22px;
    background: #ffffff;
    border-radius: 5rem;
    margin-inline:5px;
    border:1px solid var(--tal-silver);
    text-align: center;
}
.talx-swiper-prev i.fi,
.talx-swiper-next i.fi{
    line-height: 1.6;
}

.talx-swiper-next.swiper-button-disabled,
.talx-swiper-prev.swiper-button-disabled{
    background: #f4f4f4;
    color:#3f3f3f
}

.talx-box-animate{
    position: relative;
}
.talx-box-animate:after{
    content: "\f136";
    font-family: uicons-regular-rounded !important;
    font-style: normal;
    position: absolute;
    width: 22px;
    height: 22px;
    inset:auto .5rem auto auto;
    background-color: var(--tal-silver);
    border-radius: 5px;
    transition: all .3s;
    color: var(--tal-violet);
    display: flex;
    justify-content: center;
    align-items: center;
}
.talx-box-animate:hover:after{
    background-color: var(--tal-violet);
    color:var(--tal-offwhite)
}

.uinote{
    font-size: 12px;
    color:red;
}
.bgredFui{
    background: #0000000f;
}

.dataTables_scrollBody{
    min-height: 300px;
}
.dataTables_scrollBody:has(table.auto-height) {
    min-height: 0;
}
[contenteditable=true]{
    background: var(--tal-gray-300) !important;
    border-radius: 3px !important;
}

#cardTabContent .tab-pane{
    min-height: 300px;
}
.dataTables_filter{
    display: none;
}

.form-control.datefield{
    position: relative;
    padding-right: 22px !important;
    isolation: isolate;
}
.form-control.datefield:after{
    content: '\f27c';
    font-family: uicons-regular-rounded !important;
    font-style: normal;
    position: absolute;
    inset: auto 2px auto auto;
    font-size: 14px;
    width: 16px;
    height: 16px;
}

.gray-box{
    background: var(--tal-offwhite);
    padding: 0.5rem 0.5rem !important;
    border-radius: 5px;
}
.addrepeat-dropdown {
    max-width: 400px;
}
.td_input_divcls .customselect2stylecls .select2-container--default .select2-selection--single {
    height: 26px;
}
.td_input_divcls .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 26px;
    padding-left: 0;
}
.td_input_divcls .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 14px;
    opacity: 0;
}
.td_input_divcls .customselect2stylecls .select2-container--default .select2-selection--single {
    border-color: transparent;
}
.td_input_divcls .customselect2stylecls .select2-container {
    pointer-events: none;
}
.td_input_editmodediv .customselect2stylecls .select2-container--default .select2-selection--single {
    border-color: #ced4da;
}
.td_input_editmodediv .select2-container--default .select2-selection--single .select2-selection__arrow {
    opacity: 1;
}
.td_input_editmodediv .customselect2stylecls .select2-container {
    pointer-events: inherit;
}
.td_input_editmodediv .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 15px;
}
.can_assessment_list .assignCanCheckboxListcls {
    margin-bottom: 15px;
}
.can_duration_text > span {
    font-size: 14px;
    margin-right: 10px;
}
.addKpi_rowdivcls > .row > .col {
    margin-bottom: 10px;
}

/* Misc Pages */
.misc-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    text-align: center;
    background-color: #ffffff;
}
.misc-container h2{
    color: var(--tal-gray-700);
}
.misc-bg-container {
    position: relative
}
.misc-bg-container img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: -1
}
@media(max-width: 1499.98px) {
    .misc-bg-container img {
        height:250px
    }

    .misc-under-maintenance-bg-container img {
        height: 270px !important
    }
}
.selectjobCompanyListcls .talx-form-group .talx-input-group.checkbox .talx-card {
    height: auto;
}
label {
    font-size: 14px;
    font-weight: 300;
    color: var(--talx-label-color);
    margin-bottom: 0.2rem;
}
label:is(.btn),
label:is(.talx-btn){
    margin-bottom: 0;
}
.form-check label{
    padding-bottom: 0;
    cursor: pointer;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.7;
}

.bookmark-btns .btn.btn-add {
    width: auto;
}
.doc_type_table .dataTables_length {
    display: block;
    position: absolute;
    right: 15px;
    top: -40px;
    z-index: 1;
}
.doc_type_table .dataTables_length label {
    font-size: 14px;
}
.doc_type_table .dataTables_length select {
    width: 60px;
    margin: 0 5px;
    -webkit-appearance: revert;
    -moz-appearance: revert;
    appearance: revert;
}
.doc_type_table .dataTables_filter {
    display: block;
    position: absolute;
    left: 5px;
    top: -40px;
    z-index: 1;
    background: #fff;
}
.doc_type_table .dataTables_filter input {
    font-size: 14px;
    height: 32px;
}

 /* Talx Rating V3 */
.talx_rating{
      width: 100%;
    display: flex;
    flex-direction: row;
    padding: 1rem 0.5rem;
}
.talx_rating .star-widget {
    display: inline-block;
    border: 0;
    width: auto !important;
}
.talx_rating .star-widget input[type=radio]{
    position: absolute;
    display: none;
}
.talx_rating .star-widget label{
    transition:all .3s ease-in-out;
    float: right;
}
.talx_rating .star-widget label.rating__label.half:before{
    content: "\f089"; /* half star no outline */
    position: absolute;
    padding-right: 0;
    font-family: FontAwesome;
}

.talx_rating .star-widget label.rating__label:before {
    display: inline-block;
    font-size: 1.5rem;
    padding: .3rem .2rem;
    margin: 0;
    cursor: pointer;
    font-family: FontAwesome;
    content: "\f005"; /* full star */
}
.talx_rating .star-widget input ~ label{
    color: rgb(218, 218, 218);
}
.talx_rating .star-widget input:checked ~ label,
.talx_rating .star-widget label:hover,
.talx_rating label:hover ~ label { color: #ebd300;  }

/* Hover highlights */
.talx_rating > .star-widget > input:checked + label:hover,
.talx_rating > .star-widget > input:checked ~ label:hover ~ label,
.talx_rating > .star-widget > label:hover ~ input:checked ~ label  { color: #ffe600;  }


.select2-container .select2-selection--single .select2-selection__clear {
    color: #db0000 !important;
    font-family: roboto;
    z-index: 1000;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    z-index: 900;
    position: relative;
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 100%;
    width: 21px;
    margin-right: 0;
    padding-right: 0;
}

/* start index css merge */
.talx-button-icon > img,
.talx-button-icon > svg{
    width: 100%;
    height: 100%;
    fill: currentColor;
}
.side-menu.active .has_child:hover ~ .subSidemenudivcls {
    display: block;
}
.dropdown-menu.notification-menu,
.dropdown-menu.app-Menu,
.dropdown-menu.profile-menu{
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 0 13px 4px #00000014;
}
.dropdown-menu.app-Menu{
    right: 0 !important;
    left: auto !important;
    padding: .5rem;
    width: 280px;
}
.dropdown-menu.app-Menu > .inner{
    display: grid;
    list-style: none;
    gap: .75rem;
    grid-template-columns: repeat(3, 1fr);
    max-height: 280px;
    overflow-y: auto;
    padding: .25rem;
}
.dropdown-menu.app-Menu > .inner::-webkit-scrollbar{
    display: none;
}
.dropdown-menu.app-Menu > .inner .app-item{
    text-align: center;
    border-radius: 18px;
    background-color: #fafafa;
    display: block;
    padding: .5rem;
    transition: all .3s ease-in-out;
    width: 100%;
}
.dropdown-menu.app-Menu > .inner .app-item:hover{
    background: var(--tal-gray-300);
}
.dropdown-menu.app-Menu > .inner .app-logo{
    max-width: 100%;
    display: block;
    height: auto;
    width: 65px;
    margin: 0 auto;
    margin-bottom: .5rem;
}
.dropdown-menu.app-Menu > .inner .app-logo + span{
    font-size: 14px;
    font-weight: 500;
    color: rgb(var(--primary-color-rgb));
}

.navnotificationcls .dropdown-toggle span.badge{
    top: -7px;
    right: -21px;
}
.floatButtondivcls .documentIcon{
    display: none !important;
}

.navbar-toggle span {
	width: 25px;
	height: 2px;
	margin-bottom: 3px;
	background-color: var(--menu-color);
	display: block;
  border-radius: 5px;
  position: relative;
  transition: all .3s linear;
}
.navbar-toggle span:before,
.navbar-toggle span:after{
    content: '';
    width: 20px;
    height: 2px ;
    background-color: var(--menu-color);
    position: absolute;
    left: 0;
    border-radius: 5px;
    -ms-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.navbar-toggle span:before{
    top: 7px;
    transform: none;
}
.navbar-toggle span:after{
    bottom: 7px;
    transform: none;
}
.navbar-toggle.slider-btn-active span {
    width: 2px;
    background-color: transparent;
}
.navbar-toggle.slider-btn-active span:after{
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform-origin:  2px 5px;
    -webkit-transform-origin:  2px 5px;
    -moz-transform-origin:  2px 5px;
    -o-transform-origin:  2px 5px;
        transform-origin: 2px 5px;
    width: 24px;
}
.navbar-toggle.slider-btn-active span:before{
    -ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-ms-transform-origin: 5px -2px;
	-webkit-transform-origin: 5px -2px;
	transform-origin: 5px -2px;
    width: 24px;
}
.shake-icon:hover > i{
    animation: tada-keyframes 3s ease infinite;
    animation-fill-mode: both;
}


/* end index css merge */

/* start assessment tab in create job */
.select2-container .select2-selection--single .select2-selection__clear {
    color: blue;
    font-family: roboto;
}
.assessment_stage>.card-body{
    min-height: 120px;
    max-height: 120px;
    overflow-y: auto;
    scrollbar-gutter: stable;
}

.assessments_holder{
    flex: 1;
    display: grid;
    width: 100%;
    height: 100%;
    padding: 2px;
    column-gap: 4px;
    position: relative;
}
.assessments_holder {
    grid-template-columns: 1fr;
    grid-auto-rows: 1fr;
    place-items: center;
}
.assessments_holder:has(> :last-child:nth-child(n + 1)) { 
    grid-template-columns: 1fr;
    align-items: center;
    grid-auto-rows: 1fr;
}
.assessments_holder:has(> :last-child:nth-child(n + 2)) { 
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    grid-auto-rows: 1fr;
}
.assessments_holder:has(> :last-child:nth-child(n + 3)) { 
    grid-template-columns: repeat(2, 1fr);
    align-items: start;
    grid-auto-rows: 1fr;
}
.assessments_holder .card{
    box-shadow: none;
}
.active_bg .card{
    background: var(--tal-moonstone);
    cursor: grabbing !important;
}
.card.bgv,
.card.assessment{
    cursor: grab;
    user-select: none;
}
.card.bgv .form-check,
.card.assessment .form-check{
    display: none;
}
.added_bgv .card,
.added_assessment .card{
    background: rgba(var(--primary-green-color-rgb) , var(--opacity-1));
    border:1px solid rgba(var(--primary-green-color-rgb) , var(--opacity-1)) ;
}
.added_assessment .card {
    max-width: 100%;
    .card-body>div:first-child{
        padding: 0 !important;
    }
}
.added_assessment .card .hstack {
    display: none;
}
.assessment-repo{
    background: #3ab18712;
    padding: .5rem;
    border-radius: 8px;
}
.added_bgv .card,
.added_assessment .card-body{

    padding-right: 30px !important;
}
.added_bgv .card .form-check,
.added_assessment .card .form-check{
    display: block;
}
.added_bgv .card button,
.added_assessment .card button{
    position: absolute;
    right: 0; top: 2px;
}
.empty-msg{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.bgv_stage:has(.assessment )  .empty-msg,
.assessment_stage:has(.assessment)  .empty-msg{
    display: none;
}
.bgv_stage .bgv .card-body .remove_bgv,
.assessment_stage .assessment .card-body .remove_assessment{
    display: block !important;
}
.min-max-h-400{
    height: 400px;
    max-height: 400px;
}
/* end assessment tab in create job */
.ui_rounded_icon .listedCandidateBox label.talx-card:before {
    font-family: "uicons-regular-rounded" !important;
    content: "\f2dc";
    font-size: 18px;
    opacity: 0.45;
}
.viewsiwtch{
    position: relative;
}
.viewsiwtch input{
    position: absolute;
    opacity: 0;
    visibility: hidden;
}
.viewsiwtch input ~ label{
    width: 72px ;
    height: 36px;
    border-radius: 5px;
    border: 0 solid #dddddd;
    cursor: pointer;
}
.viewsiwtch input ~ label i.fi{
    z-index: 1000;
    font-size: 22px;
}
.viewsiwtch input ~ label i.fi:first-of-type{
    position: absolute;
    left: 7px;
    top: 6px;
}
.viewsiwtch input ~ label i.fi:nth-child(2){
    position: absolute;
    right: 7px;
    top: 6px;
}
.viewsiwtch label:hover{
    color:unset !important
}
.viewsiwtch input:checked ~ label:after{
    content: '';
    position: absolute;
    width: 32px;
    height: 32px;
    left: 2px;
    top: 2px;
    background: rgb(31, 182, 172);
    border-radius: 4px;
    transition:all .3s  cubic-bezier(0.075, 0.82, 0.165, 1);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: -1;
    box-shadow: 0 0 8px 0 rgb(31, 182, 172, .6);;
}
.viewsiwtch input ~ label:after{
    content: "";
    position: absolute;
    width: 32px;
    height: 32px;
    left: calc(70px - 32px);
    top: 2px;
    background: rgb(31, 182, 172);
    border-radius: 4px;
}
.text-mute{
    color: #979797;
}

.divider {
    display: block;
    text-align: center;
    margin: 1rem 0;
    overflow: hidden;
    white-space: nowrap;
}
.divider .divider-text {
    position: relative;
    display: inline-block;
    font-size: .8rem;
    padding: 0rem 1rem;
}
.divider .divider-text:before {
    right: 100%;
}
.divider .divider-text:after {
    left: 100%;
}
.divider .divider-text:before, .divider .divider-text:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 100vw;
    border-top: 1px solid rgba(75,70,92,.2);
}
.cursor-pointer{
    cursor: pointer;
}
.cursor-help{
    cursor:help
}
div.card-datatable {
    padding-block: .25rem;
    border-radius: var(--bs-card-inner-border-radius);
    min-height: 270px;
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.narrowTable thead tr td{
    padding:12px 10px
}
.narrowTable tbody tr td{
    padding:5px 10px;
    font-size: 14px;
}
.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
    --bs-offcanvas-width: 600px !important;
}
.offcanvas.offcanvas-start{border-radius: 0 8px 8px 0;}
.offcanvas.offcanvas-end{border-radius: 8px 0 0 8px;}
.offcanvas.offcanvas-top{border-radius: 0 0 8px 8px;}
.offcanvas.offcanvas-bottom{ border-radius: 8px 8px 0 0;}
.offcanvas.offcanvas-bottom.filtercanvas{
    height: 50vh;
}

.shade-shadow{
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.0.08);
}

/* start candidateV2 style */
.candidatesAi_searchRes {
    height: 100%;
    min-height: 50vh;
}
.candidatesAi_searchRes[data-result=empty]{
    display: flex;
    justify-content: center;
    align-items: center;
}
.noresult{
    display:none
}
.candidatesAi_searchRes[data-result=empty] .noresult{
    display: block;
}
.candidatesAi_searchRes[data-result=empty] .candidate_Obj{
    display: none;
}
.candidatesAi_searchRes[data-result=result] .candidate_Obj{
    display: block;
}
.candidatesAi_searchRes[data-result=result] .noresult{
    display: none;
}

.talgrid_card_row.cols-3{
        grid-template-columns: repeat(3, 1fr);
}
.ai_filter_option{
    justify-content: space-between;
    align-items: center;
}
.ai_filter_option label{
    padding-bottom: 0 !important;
}
.AI_filter-body {
    max-height: 150px;
    overflow-y: auto;

}
.candidate_Obj{
    padding: .5rem;
    position: relative;
    margin-bottom: 12px;
    border: 1px solid #f4f4f4;
    border-radius: .375rem;
    box-shadow: 0 7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);
}
.candidate_Obj .candidate_obj_box .candidate_obj_head{
    padding-left: 42px;
}
.candidate_Obj .candidate_obj_box .candidate_obj_full{
    padding-block: .5rem;
    border-top: 1px solid #f4f4f4;
}
.candidate_Obj .form-check{
    position: absolute;
    top: 16px;
    left: 8px;
}
.candidate_obj_full .candidate_searcheD{
    border-radius: .375rem;
    border: 1px solid #f4f4f4;
    background: #ffffff;
    height: 100%;
}
.candidate_searcheD .card-header{
    background: #ced4da;
    border-radius: .375rem .375rem 0 0 ;
}
.candidate_obj_full .AI_result{
    border-radius: .375rem;
    border: 1px solid #f4f4f4;
}
.candidate-obj-filters{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
        flex: 1 1;
    margin-inline: 24px;
}
.candidate-obj-filters [class^="candidate_info-"]{
    width:100%;
    padding: 8px;
    border-radius: 4px;
}
.candidate_obj_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
.candidate_info{
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 8px;
}
.candidate_report{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    align-content: flex-start;
    gap: 8px;
    padding: 10px 0;
    margin-top: 16px;
}
.card-category{
    background: #ced4da;
    border-radius: 5px;
        flex: 1 1 auto;
        min-height: 200px;
        max-height: 200px;
}
.card-category .card-category-head{
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
}
.jobtitle_box{
    display:grid;
    gap: 5px;
}
.select_allcandidate{
    cursor: pointer;
}
.category_jobtitle{
    font-size: 14px;
    width: 100%;
    padding: 5px;
    background:#f5f5f5;
    border-radius: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.category-badg{
        background-color: #3274438a !important;
    color: #ffffff !important;
        --bs-badge-padding-x: 0.65em;
    --bs-badge-padding-y: 0.2em;
    --bs-badge-font-size: 0.7rem;
    --bs-badge-font-weight: 300;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: 0.375rem;
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--bs-badge-border-radius);
}
.candidate_obj_actions{
    display: flex;
    align-items: center;
    gap: inherit;
}
button.more-card-details{
    background: none;
    border: none;
    width: auto;
    text-align: left;
    margin-top: 10px;
    font-weight: 700;
    margin-left: 10px;
}
span.more-card-details{
    background: none;
    border: none;
    width: auto;
    text-align: left;
    margin-top: 10px;
    font-weight: 700;
    margin-left: 10px;
}
button.filter[aria-expanded=true] i.fi  {
    transform: rotate(0deg) !important;
    border-bottom:none
}
button:not([data-bs-toggle=dropdown])[aria-expanded=true] i.fi {
    transform: rotate(180deg);
    border-bottom:none
}
 button:not([data-bs-toggle=dropdown])[aria-expanded=false]  i.fi{
    transform: rotate(0);
    border-bottom-color:var(--primary-color);
    transition: all .3s;
}
ul.canListToggleUlcls  li  h4{
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}
/* end candidateV2 style */
.navnotificationcls button span.badge {
    top: -8px;
    right: -8px;
}
.QuestionSetSection .nav-pills .nav-link.active,
.QuestionSetSection .nav-pills .show > .nav-link {
    color: #fff;
    background-color: rgb(var(--primary-color-rgb));
}
input.search{
    padding-right:30px !important;
    background:url(../images/icons/search.svg) no-repeat;
    background-size: 18px;
    background-position: 98% 7px;
}
@keyframes refresh {
    0% {
        transform: rotate(0deg);
        transform-origin: 50% 50%;
    }
    50% {
        transform:rotate(360deg);
    }
    100% {
        transform:rotate(-360deg);
    }
}
.refreshing{
    animation: refresh 4s ease 0s 1 normal forwards;
    animation-iteration-count: infinite;
}
.bullet{
    position: relative;
    padding-left: 14px;
}
.bullet:before{
    content:"";
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 1rem;
    left: 0;
}
.bullet.blue:before{
    background-color: var(--tal-blue);
}
.bullet.gray:before{
    background-color: var(--tal-gray-600);
}
.bullet.primary:before{
    background-color: var(--primary-color);
}
.bullet.secondary:before{
    background-color: var(--secondary-color);
}

.modal .btn-close{
    background-color: #ffffff;
    opacity:1;
    box-shadow: -4px 4px 7px -1px rgba(0, 0, 0, 0.5);
    box-shadow: -4px 4px 7px -1px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: -4px 4px 7px -1px rgba(0, 0, 0, 0.5);
    transition: all .3s;
}
.btn-close:hover{
    box-shadow: 0 0 7px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 7px -1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 7px -1px rgba(0, 0, 0, 0.2);
    opacity: 1;
    transform: scale(1.05);
}

/* Select2 */
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #1D586A;
    color: var(--tal-offwhite);
}
.select2-container--default .select2-results__option--highlighted * {

    color: var(--tal-offwhite) !important;
}
.select2-container--default .select2-results__option--selected {
    background-color: #1D586A;
    color: var(--tal-offwhite);
}
.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto;
    padding: 5px;
}
.select2-results__option {
    padding: 8px 12px;
    font-size: 12px;
    border-radius: 5px;
    margin-bottom:2px
}
.badge.fs-l{
    font-size: 14px !important;
}
.search_visibleDataTable .dataTables_filter {
    display: block !important;
}
ul.pagination .page-link.page-arrow.disabled {
    background-color: transparent !important;
}

.no-wrap{
    white-space: nowrap;
}
.overflowX-auto{
    overflow-x: auto;
    scrollbar-width: auto;
    scrollbar-color: #24002e #ffffff;
}

/* Chrome, Edge, and Safari */
.overflowX-auto::-webkit-scrollbar {
width: 8px;
height: 4px;
padding-top: 10px;
}

.overflowX-auto::-webkit-scrollbar-track {
background: #ffffff;
}

.overflowX-auto::-webkit-scrollbar-thumb {
background-color: #24002e;
border-radius: 10px;
border: 0 solid #9c9c9c;
}
.chart-body{
    overflow: auto;
}

.border-md-bottom{
        border-bottom: 0;
}
.border-lg-bottom{
        border-bottom: 0;
}
.border-lg-end{
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;
}
.form-control:disabled.paymentDate , .form-control[readonly].paymentDate {
    cursor: url('../images/icons/calendar-solid.svg'), auto;
}
.date_rangeStylecls> span{
    margin-top: 0;
}
.date_rangeStylecls .start{
    margin-left: 0;
}
.date_rangeStylecls .range-Divider{
    background: var(--primary-color);

    margin-block: 0;
    border-radius: 5px;
    margin-inline: 4px;
    height: 100%;
    color: #fafafa;
}
/* Footer */
.footer-container {
    background-color: #fff !important;
    color: #6f6b7d;
}
.content-footer .footer-container {
    padding-inline: 1.5rem;
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
    box-shadow: 0 0.25rem 1rem rgba(165,163,174,.45);
    font-size: 12px;
}
.content-footer .footer-container {
    block-size: 32px;
}
.content-footer {
    z-index: 99;
    border-top: 0;
    margin-top: 0;
    padding-top:0;
    display:block
}

.content-footer {
    left: 0;
    position: fixed;
    bottom: 0;
    right: 0;
    transition: left .3s ease-in-out;
}
@media (min-width: 1024px){
    .content-footer .footer-container {
        block-size: 32px;
    }
    .side-menu ~ .main-window .content-footer {
        left: 15rem;

    }
    .side-menu.active ~ .main-window .content-footer {
        left: 85px;
        }
}
.content-footer {
    flex: 0 0 auto;
}

table.rtl tr td{
    text-align: end;
}
/* Advance Timeline */
.timeline {
    position: relative;
    height: 100%;
    width: 100%;
    padding: 0;
    list-style: none;
}
.border-left-dashed {
    border-left-style: dashed !important;
}
.timeline .timeline-item-date {
    position: relative;
    padding-left: 6.3rem;
}
.timeline-item:not(:last-of-type){
    border-left: 1px dashed var(--tal-gray-500);
}
.timeline .timeline-item-date .timeline-indicator-advanced {
    background-color: #fff;
    top: -0.1rem;
}

.timeline .timeline-item-date .timeline-indicator, .timeline .timeline-item-date .timeline-indicator-date {
    position: absolute;
    left: -0.75rem;
    top: 0;
    z-index: 2;
    height: 1.5rem;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 5px
}

.timeline .timeline-item-date .timeline-event {
    position: relative;
    top: -1rem;
    width: 100%;
    top: -0.2rem;
    background-color: #fff;
    border-radius: 0.375rem;
        padding: 0.5rem 1rem;
    z-index: 10;
    font-size: 14px;
}
.timeline .timeline-item-primary .timeline-event {
    background-color: rgba(115,103,240,.1);
}
.timeline .timeline-item-success .timeline-event {
    background-color: rgba(56, 160, 129, 0.1);
}
.timeline .timeline-item-danger .timeline-event {
    background-color: rgba(160, 56, 56, 0.1);
}
.timeline .timeline-item-info .timeline-event {
    background-color: rgba(56, 70, 160, 0.1);
}
.timeline .timeline-item-warning .timeline-event {
    background-color: rgba(160, 136, 56, 0.1);
}

.timeline .timeline-item-primary .timeline-event:before {
    border-left-color: rgba(115,103,240,.1) !important;
    border-right-color: rgba(115,103,240,.1) !important;
}
.timeline .timeline-item-success .timeline-event:before {
    border-left-color: rgba(56, 160, 129, 0.1) !important;
    border-right-color: rgba(56, 160, 129, 0.1) !important;
}
.timeline .timeline-item-danger .timeline-event:before {
    border-left-color: rgba(160, 56, 56, 0.1) !important;
    border-right-color: rgba(160, 56, 56, 0.1) !important;
}
.timeline .timeline-item-info .timeline-event:before {
    border-left-color: rgba(56, 70, 160, 0.1) !important;
    border-right-color: rgba(56, 70, 160, 0.1) !important;
}
.timeline .timeline-item-warning .timeline-event:before {
    border-left-color: rgba(160, 136, 56, 0.1) !important;
    border-right-color: rgba(160, 136, 56, 0.1) !important;
}
.timeline .timeline-indicator-primary i {
    color: rgba(115,103,240, 1) !important;
}
.timeline .timeline-indicator-success i {
    color: rgba(56, 160, 129, 1) !important;
}
.timeline .timeline-indicator-danger i {
    color: rgba(160, 56, 56, 1) !important;
}
.timeline .timeline-indicator-info i {
    color: rgba(56, 70, 160, 1) !important;
}
.timeline .timeline-indicator-warning i {
    color: rgba(160, 136, 56, 1) !important;
}
.timeline .timeline-item-date .timeline-event:before {
        position: absolute;
    top: 50%;
    left: 44px;
    right: 100%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 0.3rem solid rgba(0,0,0,0);
    border-right: 0.3rem solid;
    border-left: 0 solid;
    border-bottom: 0.3rem solid rgba(0,0,0,0);
    border-left-color: #fff;
    border-right-color: #fff;
    margin-left: -3rem;
    content: "";
}
.timeline .timeline-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    font-size: 12px;
}
.list-group {
    --bs-list-group-color: #6f6b7d;
    --bs-list-group-bg: transparent;
}
.card .timeline .timeline-item-date .timeline-indicator ,
.card .timeline .timeline-item-date .timeline-indicator-date  {
    background-color: #e2e8ff;
    padding: 8px;
}
.card .timeline .timeline-item-date .timeline-indicator i,
.card .timeline .timeline-item-date .timeline-indicator-date  i{
    font-size: 12px;
    line-height: 1;
}
.img_logo_width {
    width: auto;
    height: 52px;
}

.ckeditorDisabled{
    background-color: var(--tal-gray-100);
    max-height: 320px;
    overflow-y: auto;
}
.disabled {
    opacity: .4;
    pointer-events: none;
}

/*contract formula ui*/

#addFormula{
    display: none;
}
.tempComponents{
    list-style: none;
    display: flex;
    flex-wrap:wrap;
    align-items: start;
    padding: 5px;
    gap: 5px;
}
.tempComponents .tempComponent{
    padding: 5px 8px;
    border-radius: 5px;
    background: rgba(var(--primary-color-rgb), var(--opacity-3));
    cursor: pointer;
    font-size:16px
}
.operators{
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
}
.operator{
    aspect-ratio: 1/1;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border:none;
    background: var(--tal-space);
    color:#fafafa;
    border-radius: 5px;
}
.operator.clear{
    grid-column-end: span 2;
    height: 100%;
    background: var(--secondary-color);
    color:#4f4f4f;
    aspect-ratio:unset
}
.operator:active{
    background: rgba(var(--space-rgb), var(--opacity-7));
}
.talx-textarea.formula{
    transition: all .3s;
}
.talx-textarea.formula.focused{
    background:rgba(var(--space-rgb), var(--opacity-1)) ;
}
.show_entries_position_right .dataTables_length {
    display: block;
    position: absolute;
    right: 15px;
    top: -44px;
    z-index: 1;
}
.show_entries_position_right .dataTables_length label, .show_entries_GapPosition_right .dataTables_length label {
    font-size: 14px;
}
.show_entries_position_right .dataTables_length select, .show_entries_GapPosition_right .dataTables_length select {
    width: 60px;
    margin: 0 5px;
    -webkit-appearance: revert;
    -moz-appearance: revert;
    appearance: revert;
}
.show_entries_GapPosition_right .dataTables_length {
    display: block;
    position: absolute;
    right: 80px;
    top: -44px;
    z-index: 1;
}
.popover.clockpicker-popover {
    position: absolute;
}
.CT-inline{
    container-type: inline-size;
    font-size: 8vw;
}
.txt-13cq{
    text-wrap: nowrap;
    font-size: 13cqw;
}

sup.currency{
    font-size: 18px;
    color: var(--tal-violet);
}
sup.currency-sm{
    font-size: 12px;
    top: -.75rem;
    color: var(--tal-dark-blue);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    height: 100%;
}

.rating-group .rating__label {
    padding-bottom: 0;
}
.todoLists {
    flex-direction: column;
    flex: auto;
    align-self: stretch;
    display: flex;
    gap: .5rem;
}
.todoList{
    flex-direction: row;
    flex: auto;
    align-self: stretch;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px;
    border-radius: .375rem;
    border:1px solid #f2f2f2;
    cursor: pointer;
}
.todoList .todoListIcon{
    text-align: center;
    vertical-align: middle;
    width: 36px;
    height: 36px;
    border-radius: 0.375rem;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    background-color:rgba(var(--primary-color-rgb), var(--opacity-3));
    flex: 1 0 auto;
    box-shadow: 0 0 2px 0 rgba(var(--primary-color-rgb), var(--opacity-3));
}
.todoList .todoListIcon img{
    max-width: 100%;
    width: 18px;
}
.todoList .todoListIcon svg{
            width: 18px;
    height: 18px;
    fill: var(--tal-space);
}
.todoList .todoListinfo{
    flex: 0 1 100%;
    display: flex;
    flex-direction: column;
}
.todoList .todoListlink{
    padding: 8px;
    border-radius: .375rem;
    background-color: transparent;
    font-size: 12px;
    transition: background-color .3s;
    display: inline-flex;
    flex-shrink:0 ;
}

.todoList:hover .todoListlink{
    background-color: var(--tal-gray-100);
}
.account-PaymentCard[data-status=default] {
    --x-gradient: var(--tal-blue),var(--tal-moonstone),var(--tal-onyx);
    background-image: linear-gradient(to bottom right,var(--x-gradient))!important;
}

.account-PaymentCard {
    --x-gradient: var(--tal-chestnut),var(--tal-onyx),var(--tal-blue);
    background-image: linear-gradient(to bottom right,var(--x-gradient))!important;
}

.account-PaymentCard[data-status=default] .setDefault,
.account-PaymentCard[data-status=default] .removecard{
    display: none;
}
.account-PaymentCard[data-status=default] .defaultcard{
    display: inline-block;
}
.account-PaymentCard:not([data-status=default]) .removecard,
.account-PaymentCard:not([data-status=default]) .setDefault{
    display: inline-block;
}
.account-PaymentCard:not([data-status=default]) .defaultcard{
    display: none;
}
.account-PaymentCard[data-status=expired] .setDefault,
.account-PaymentCard[data-status=expired] .defaultcard{
    display: none;
}

.expiredcard{
    position: absolute;
    inset: 0 0 0 0;
    width: 100%;
    height: 100%;
        background-color: rgb(74 0 0 / 59%);
    display: none;
    padding: 1rem;
    border-radius: .375rem;
}
.account-PaymentCard[data-status=expired] .expiredcard{
    display: flex;
    justify-content: space-between;
    align-items: end;
    flex-direction: row;
}
.card.account-PaymentCard-empty{
    background: none;
    outline: 3px dashed #a1a1a1;
    box-shadow: none;
}
.card.account-PaymentCard-empty:hover{
    outline: 3px dashed #a1a1a1 !important;
}

.dropdown-item {
  padding-left: 10px !important;
  padding-right: 10px !important;
  transition: all .3s;
  border-radius: .375rem;
  margin-block:2px
}
.dropdown-item:hover {
    background: #3ab18730;
    background-color: #3ab18730;
}
.dropdown-item:has(.form-check-input:checked){
    color: #fafafa;
    background-color: #3db3896b;
}



ul.dropdown-menu li .dropdown-item.text-bg-danger:hover,
.dropdown-item.text-bg-danger:hover {
    color:#fafafa !important;
    background-color: rgba(223, 88, 88, 1) !important;
  }

.dropdown-item.active, .dropdown-item:active {
    color: var(--tal-space);
    background-color: rgba(var(--primary-color-rgb), var(--opacity-2));
}
.bg-primary2{
    background-color: rgba(var(--primary-color-rgb), var(--opacity-2));
}
.starLabel svg {
    width: 20px;
    height: 20px;
}
.starLabel:not(:last-child) {
    margin-left: 5px;
}
.blue_anchor_text {
    color: var(--bs-link-color);
    text-decoration: underline;
}
.chart-Container{
    overflow: hidden;
}

.customselect2fieldcls .select2-selection--single {
    height: 34px;
}
.talex-input-group.form-password-toggle input.form-control {
    border-radius: 4px 0 0 4px !important;
    border: 1px solid #ced4da;
    border-right: none;
}

.talex-input-group.form-password-toggle .input-group-text {
    background-color: transparent;
    border: 1px solid #ced4da;
    border-left: 0;
    line-height: 1;
}

.full-phone input.form-control {
    border-radius: 0 4px 4px 0 !important;
    border: 1px solid #ced4da;
    border-left: none;
}

.full-phone .select2-selection {
    border-radius: 4px 0 0 4px !important;
    border: 1px solid #ced4da;

}

input[type=datetime]{
    background: url(data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9Im5vbmUiICBzdHJva2U9ImN1cnJlbnRDb2xvciIgIHN0cm9rZS13aWR0aD0iMSIgIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgIHN0cm9rZS1saW5lam9pbj0icm91bmQiICBjbGFzcz0iaWNvbiBpY29uLXRhYmxlciBpY29ucy10YWJsZXItb3V0bGluZSBpY29uLXRhYmxlci1jYWxlbmRhci10aW1lIj48cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMTEuNzk1IDIxaC02Ljc5NWEyIDIgMCAwIDEgLTIgLTJ2LTEyYTIgMiAwIDAgMSAyIC0yaDEyYTIgMiAwIDAgMSAyIDJ2NCIgLz48cGF0aCBkPSJNMTggMThtLTQgMGE0IDQgMCAxIDAgOCAwYTQgNCAwIDEgMCAtOCAwIiAvPjxwYXRoIGQ9Ik0xNSAzdjQiIC8+PHBhdGggZD0iTTcgM3Y0IiAvPjxwYXRoIGQ9Ik0zIDExaDE2IiAvPjxwYXRoIGQ9Ik0xOCAxNi40OTZ2MS41MDRsMSAxIiAvPjwvc3ZnPg==);
    background-position: 94% 50%;
    background-clip: content-box;
    background-repeat: no-repeat;
    cursor: pointer;
}
.talx-customcheckbox input[type=radio] {
position: absolute;
opacity: 0;
visibility: hidden;
}

.talx-customcheckbox input[type=radio]~label {
padding: .75rem;
border: 1px solid #dbdade;
border-radius: 0.375rem;
transition: all .3s ease-in-out;
cursor: pointer;
}

.talx-customcheckbox input[type=radio]:checked~label {
background-color: rgba(var(--blue-rgb), var(--opacity-2));
border: 1px solid rgba(var(--blue-rgb), var(--opacity-2));
box-shadow: 0 0 14px 0 rgba(var(--blue-rgb), var(--opacity-2))
}

.talx-customcheckbox label img {
max-width: 100%;
display: block;
width: 28px;
margin-bottom: 1rem
}
/*Billing UI */
.PaymentCards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.myCardPayment {
    padding: .12rem .5rem;
}

@media (max-width:768px) {
    .PaymentCards {
    display: flex;
    }

    .PaymentCards {
    padding-block: 1rem;
    }
}

.platformBox {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
    text-align: center;
    box-shadow: 0 0 1px 1px var(--tal-moonstone);
    border-radius: .375rem;
    padding: 1rem;
    height: 100%;
    transition: all .3s ease-in-out;
}

.platformBox h5 {
    padding-left: 0;
}

.platformBox:hover {
    box-shadow: 0 0 5px 1px var(--tal-moonstone);
}

.platformBox>img {
    margin-bottom: 12px;
    transition: all .3s;
}

.platformBox:hover img {
    transform: scale(1.1) translateY(-5px);
}
.avatar.avatar-customers {
    width: 7rem;
    height: 7rem;
    display: flex;
    flex-shrink: 0;
}

.account-top-section {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    gap: 16px
}

.navbar_container {
    background: #ffffff;
    padding: 1rem 1rem 0 1rem;
    margin-bottom: 1rem;
    border-radius: 8px;
    box-shadow: 0 7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);
}

.info_sort li {
    display: flex
}

.pocUserName {
    font-weight: 600;
    color: var(--tal-gray-700);
}


@media (max-width:768px) {
    .account-top-section {
    flex-direction: column;
    justify-content: start;
    align-items: center;
    }
}
/* SPR pipeline  color */
.opportunity_pipeline div:first-of-type .progress .progress-bar {
    background-color: rgb(var(--primary-color-rgb));
}

.opportunity_pipeline div:last-of-type .progress .progress-bar {
    background-color: rgba(var(--secondary-color-rgb), var(--opacity-9));
}

.opportunity_pipeline div:nth-child(1) .progress-bar {
    background-color: rgba(var(--primary-color-rgb), var(--opacity-9));
}

.opportunity_pipeline div:nth-child(2) .progress-bar {
    background-color: rgba(var(--primary-color-rgb), var(--opacity-8));
}

.opportunity_pipeline div:nth-child(3) .progress-bar {
    background-color: rgba(var(--primary-color-rgb), var(--opacity-7));
}

.opportunity_pipeline div:nth-child(4) .progress-bar {
    background-color: rgba(var(--primary-color-rgb), var(--opacity-6));
}

.opportunity_pipeline div:nth-child(5) .progress-bar {
    background-color: rgba(var(--primary-color-rgb), var(--opacity-5));
}

.opportunity_pipeline div:nth-child(6) .progress-bar {
    background-color: rgba(var(--primary-color-rgb), var(--opacity-4));
}

.opportunity_pipeline div:nth-child(7) .progress-bar {
    background-color: rgba(var(--primary-color-rgb), var(--opacity-3));
}

.opportunity_pipeline div:nth-child(8) .progress-bar {
    background-color: rgba(var(--primary-color-rgb), var(--opacity-2));
}

.opportunity_pipeline div:nth-child(9) .progress-bar {
    background-color: rgba(var(--secondary-color-rgb), var(--opacity-8));
}

.card[data-status=new]{
    animation-name: shadowblink;
animation-iteration-count: infinite;
animation-duration: .4s;
-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
animation-direction: alternate;
}
[data-status=new]{
    animation-name: shadowblink;
animation-iteration-count: infinite;
animation-duration: .4s;
-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
animation-direction: alternate;
}

.small, small {
    font-size: .75rem;
}

.accordion-button::after {
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
}
.accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform);
}
.copylink .talx-btn.coppied{
    background-color: rgba(var(--primary-color-rgb),var(--opacity-3));
}

/* Dividers */
.divider {
    display: block;
    text-align: center;
    margin: 1rem 0;
    overflow: hidden;
    white-space: nowrap
}
.divider .divider-text {
    position: relative;
    display: inline-block;
    font-size: 1rem;
    padding: 0rem 1rem;
    font-weight:400 ;
}
.divider .divider-text i {
    font-size: 1rem
}
.divider .divider-text:before,.divider .divider-text:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 100vw;
    border-top: 1px solid rgba(75,70,92,.2)
}
.divider .divider-text:before {
    right: 100%
}
.divider .divider-text:after {
    left: 100%
}
.divider.text-start .divider-text {
    padding-left: 0
}
.divider.text-end .divider-text {
    padding-right: 0
}
.divider.text-start-center .divider-text {
    left: -25%
}
.divider.text-end-center .divider-text {
    right: -25%
}
.divider.text-start .divider-text:before{
    content:none
}
.divider.text-end .divider-text:after {
    content: none
}
.divider.divider-dotted .divider-text:before,.divider.divider-dotted .divider-text:after,.divider.divider-dotted:before,.divider.divider-dotted:after {
    border-style: dotted;
    border-width: 0 1px 1px;
    border-color: rgba(75,70,92,.2)
}
.divider.divider-dashed .divider-text:before,.divider.divider-dashed .divider-text:after,.divider.divider-dashed:before,.divider.divider-dashed:after {
    border-style: dashed;
    border-width: 0 1px 1px;
    border-color: rgba(75,70,92,.2)
}
.divider.divider-vertical {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin: unset
}
.divider.divider-vertical:before,.divider.divider-vertical:after {
    content: "";
    position: absolute;
    left: 50%;
    border-left: 1px solid rgba(75,70,92,.2)
}
.divider.divider-vertical:before {
    bottom: 50%;
    top: 0
}
.divider.divider-vertical:after {
    top: 50%;
    bottom: 0
}
.divider.divider-vertical.divider-dashed:before,.divider.divider-vertical.divider-dashed:after {
    border-width: 1px 1px 1px 0
}
.divider.divider-vertical.divider-dotted:before,.divider.divider-vertical.divider-dotted:after {
    border-width: 1px 1px 1px 0
}
.divider.divider-vertical .divider-text {
    background-color: #fff;
    z-index: 1;
    padding: .5rem
}
.divider.divider-vertical .divider-text:before,.divider.divider-vertical .divider-text:after {
    content: unset
}
.divider.divider-vertical .divider-text .badge-divider-bg {
    padding: .375rem .29rem;
    border-radius: 50%;
    font-weight: 500;
    font-size: .6875rem
}
.accordion:not(.accordion-bordered)>.card.accordion-item {
    box-shadow: 0 0.125rem  0.25rem rgba(var(--onyx-rgb), var(--opacity-2));
}
.accordion:not(.accordion-bordered)>.card:not(:last-of-type) {
    border-radius: 0.375rem !important;
    margin-bottom: 0.5rem;
}
.accordion-item ul{
    padding-left: 1.5rem;
}
.accordion-item ul li{
    font-size: 14px;
}
.toggle_arrow_animation {
    transition: all 0.3s ease;
}
.toggle_arrow_animation[aria-expanded="true"] {
    transform: rotate(180deg);
}
.btn.filter-btn.dropdown-toggle:active, .btn.filter-btn.dropdown-toggle.show {
    border-color: #e0e0e0 !important;
}
.advancedFilter{
    width: 99%;
    float: none;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-inline: auto;
    border-radius: 0 0 5px 5px !important;
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.01);
    -moz-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.01);
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.01);
}
.reciept_file{
    position: relative;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 5px;
    border-radius: .375rem;
    background-color: rgba(var(--primary-color-rgb), var(--opacity-1));
}

/* new card design */
    .talx-grid{
      display: grid;
      gap: 20px;
      grid-template-columns: repeat(1, 1fr);
    }
    @media(min-width:768px){
      .talx-grid{
        grid-template-columns: repeat(2, 1fr);
      }
    }
    @media(min-width:1200px){
      .talx-grid{
        grid-template-columns: repeat(3, 1fr);
      }
    }
    @media(min-width:1440px){
      .talx-grid{
        grid-template-columns: repeat(4, 1fr);
      }
    }
    @media(min-width:1644px){
      .talx-grid{
        grid-template-columns: repeat(5, 1fr);
      }
    }
    .badge{
      font-weight: 400;
      width: min-content;
    }
    .badge i{
        font-size: 10px !important;
        margin-right:3px
    }
    .badge.style1{
      background: rgba(5, 0, 255, 0.08);
      color: var(--tal-blue);
    }
    .badge.style2{
      background: rgba(255, 15, 0, 0.08);
      color: var(--tal-chestnut);
    }
    .badge.style3{
      background: rgba(0, 217, 231, 0.08);
      color: var(--tal-blue);
    }
    .badge.style4{
      background: rgba(var(--space-rgb), var(--opacity-1));
      color: var(--tal-space);
    }
    .badge.style5{
        background: rgba(0, 206, 169, 0.15);
        color: #0C6D4B;
    }
    .badge.style6{
      background: rgba(61, 163, 179, 0.15);
      color: #3DA3B3;
    }
    .badge.style7{
      background: rgba(255, 168, 0, 0.15);
      color: #FFA800;
    }
    .badge.style8{
      background: rgba(var(--violet-rgb), var(--opacity-8));
      color: #fafafa;
    }
    .badge.style9{
      background: rgba(61, 179, 137, 0.41);
      color: #0C1543;
    }
    .badge.style10{
      background: rgba(255, 179, 2, 0.58);
      color: #0C1543;
    }
    .badge.style11{
      background: var(--tal-meduim-green);
      color: #fff;
    }
    .badge.style12{
      background: var(--tal-pewter);
      color: #fff;
    }
    .badge.moonstone{
      background: rgba(61, 163, 179, 1);
      color: #fff;
    }
    .badge.w60{
        min-width: 62px;
    }

    .inline-group{
      display: flex;
      column-gap: 14px;
      margin-block: 5px;
      flex-wrap: wrap;
    }
    .stack-group{
      display: flex;
      flex-direction: column;
      margin-top: 7px;
      gap: 5px;
      justify-content: center;
    }

    .card-title{
      font-size: 16px;
      margin-bottom: 5px;
      line-height: 1;
      font-weight: 500;
    }
    .inline-group small{
      position: relative;
      font-size: 12px;
      color: #4f4f4f;
      font-weight: 400;
    }
    .stack-group small{
      font-size: 12px;
      color: #4f4f4f;
      font-weight: 400;

    }
    .stack-group-divider {
        gap: 14px;
        margin-block: 5px;
    }
    .stack-group-divider small {
        position: relative;
    }
    .inline-group small:not(:last-of-type):after, .stack-group-divider small:not(:last-of-type):after {
      content: '';
      display: block;
      position: absolute;
      inset: 3px -7px auto auto;
      width: 2px;
      height: 10px;
      border-radius: 1rem;
      background-color: orange;
    }
    .card .card-body{
      position: relative;
    }
    .card .card-body.seperator:before{
      content: '';
      display: block;
      width: calc(100% - 12px);
      height: 1px;
      background-color: #ededed;
      position: absolute;
      top: 3px;
    }
/* End */

/* CRM Modue Info Page */
.module-info .detail-header{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
}
.module-info .detail-header .detail-title{
    font-size: 22px;
    color:#4f4f4f;
        width: auto;
    text-align: center;
    max-width: 90%;
    margin-inline: auto;
}
.module-info .detail-header .badge i.fi{
    margin-right: 5px;
}
.module-info .detail-header .detail-summary{
    font-size: 14px;
    text-align: center;
}

.detail-body .list-group-item i.fi,
.detail-body .list-group-item i.ti,
.detail-body .list-group-item img,
.detail-body .list-group-item svg{
    margin-right: 8px;
    color: var(--tal-dark-green);
}

.detail-body .list-group-flush>.list-group-item {
    border-width: 0 0 0 0;
}
.module-info a{
    color: var(--text-color) !important;
    text-decoration: none !important;
    position: relative;
}
.module-info a:not(.dropdown-item):after{
    content:'';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 0;
    background-color: rgb(var(--primary-color-rgb));
    transition:width .1s ease-in-out;
}
.module-info a:hover:after{
    width: 100%;
}
/* Module Tag List */
.tagslist {
    display: flex;
    flex-direction: row;
    gap: 8px;
    flex-wrap: wrap;
}
.tagslist .tag{
        width: auto;
    padding: 0 7px;
    border-radius: 1rem;
    box-shadow: 0 0 1px 1px #c5c5c5;
}
.tagslist .tag span{
    font-size: 12px;
    line-height: 1.5;
    font-weight: 300;
}
.tagslist .tag .tagremovecls{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 12px;
    height: 12px;
    background-color: transparent;
    border: none;
    font-size: 10px;
}
.card[data-entity=candidate] .card-body .avatar,
.card[data-entity=job] .card-body .avatar{
    margin-bottom: 6px !important;
}
.card[data-entity=candidate] .card-header ,
.card[data-entity=job] .card-header {
    align-items: center;
}
.card[data-entity=candidate] .card-footer .talx-btn,
.card[data-entity=job] .card-footer .talx-btn{
    padding: 4px 8px;
    font-size: 12px;
    height: 28px;
}
.card[data-entity=candidate] .card-footer .talx-btn svg{
    filter: invert(1);
    margin-right: 5px;
}
.card[data-entity=candidate] .skilltagslist .skilltag:not(.dropdown),
.card[data-entity=job] .skilltagslist .skilltag:not(.dropdown) {
    max-width: 22%;
    overflow: hidden;
}
.card[data-entity=candidate] .skilltagslist .skilltag span,
.card[data-entity=job] .skilltagslist .skilltag span {
    font-size: 12px;
    line-height: 1.5;
    font-weight: 300;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
}
.card[data-entity=applicant-pipeline] h4{
    font-size: 14px;
    font-weight: 500;
    color: var(--primary-color);
}

.card[data-entity=applicant-pipeline] .card-body >div:first-child div{
    min-width: 0;

}
.dropdown-menu .skilltagslist .skilltag{
    max-width: max-content !important;
}
.dropdown-menu .skilltagslist .skilltag span{
    white-space: wrap;
    text-overflow:unset
}
/* Module Skill Tag List */
.skilltagslist {
    display: flex;
    flex-direction: row;
    gap: 8px;
    flex-wrap: wrap;
}
.dropdown-menu .skilltagslist {
    max-width: 220px;
}
.skilltagslist .skilltag{
        width: auto;
    padding: 0 7px;
    border-radius: 1rem;
    box-shadow: 0 0 1px 1px #c5c5c5;
}
.skilltagslist .skilltag span{
    font-size: 12px;
    line-height: 1.5;
    font-weight: 300;
}
.skilltagslist .skilltag .skilltagremovecls{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 12px;
    height: 12px;
    background-color: transparent;
    border: none;
    font-size: 10px;
}
.dropdown.skilltag {
    background-color: var(--tal-moonstone);
    color: #E4E4E4;
}
.dropdown.skilltag .dropdown-menu > .skilltagslist {
    max-height: 220px;
    overflow-y: auto;
}
/* Module Skill Tag List */
.dropdown.cardstatusdrpdwncls small:after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.badge.dropdown-toggle::after {
    background: none;
    width: auto;
    height: auto;
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    color: #1a1b1c;
}
hr.slim{
    margin: .25rem 0;
    border:1px solid rgb(var(--tal-gray-100)) !important
}
.card-media {
    --bs-card-spacer-y: .5rem;
    --bs-card-cap-padding-x: .5rem;
    padding: var(--bs-card-spacer-y) var(--bs-card-cap-padding-x);
}
.card-media-slide, .single-media {
    width: 100%;
    height: auto;
    position: relative;
    aspect-ratio: 16/9;
}
.card-media-slide video, .single-media video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-size: cover;
    border-radius: 5px;
}
.iw-overlay-text {
    background: rgb(147 147 147 / 53%);
    font-size: 12px;
    border-radius: 3px;
    padding: 0.15rem;
    color: #fafafa;
    backdrop-filter: blur(1px);
    box-shadow: 0 0 0 1px #ffffff;
}
.iw-slide-btn {
    background: rgba(255, 255, 255, 0.53);
    backdrop-filter: blur(1px);
    box-shadow: 0 0 0 1px #ffffff;
    width: 22px;
    height: 22px;
    border-radius: 3px;
}
.iw-slide-btn .ti {
    font-size: 1.2rem;
    color: var(--tal-black);
}
.iw-slide-btn.slick-prev {
    bottom: 6px;
    top: auto;
    right: 38px;
    left: auto;
}
.iw-slide-btn.slick-next {
    bottom: 6px;
    top: auto;
    right: 6px;
}
.video-play-btn {
    background: rgba(255, 255, 255, 0.72);
}
.empty-media {
    background: rgba(208, 204, 220, 0.33);
    border-radius: 5px;
    width: 100%;
    height: auto;
    position: relative;
    aspect-ratio: 16/9;
}
.empty-media .badge{
    position: absolute;
    inset: auto 5px 5px auto;
}
.add_skillset_btncls, .add_skillset_btncls:hover, .add_skillset_btncls:first-child:active {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.skillset_boxdivcls .add_skillSet_formdivcls {
    display: flex;
}
.talx-div-shadow {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}
.talx-custom-checkbox {
    position: relative;
    cursor: pointer;
}
.talx-custom-checkbox input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.talx-checkbox-indicator {
    height: 20px;
    width: 20px;
    border-radius: 100%;
    position: absolute;
    right: 5px;
}
.talx-checkbox-indicator:after {
    content: "\ea5e";
    font-family: "tabler-icons" !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    left: 2px;
    top: 2px;
}
.talx-rec-activity.close .talx-checkbox-indicator{background-color: var(--primary-color); color:#ECF7F3}
.talx-rec-activity.open .talx-checkbox-indicator{background-color: var(--tal--primary-green-color);}
.talx-rec-activity.inprogress .talx-checkbox-indicator{background-color: var(--secondary-color);}
.talx-rec-activity.onhold .talx-checkbox-indicator{background-color: var(--tal-chestnut); color: #fafafa;}
.talx-rec-activity .talx-checkbox-indicator{
    border: 0 !important;
    box-shadow: 0 0 3px 0 rgb(var(--primary-color-rgb));
}
.talx-custom-checkbox input:checked ~ .talx-checkbox-indicator {
    background: #3DB68B;
    border-color: #3DB68B;
}
.talx-custom-checkbox input:checked ~ .talx-checkbox-indicator:after {
    color: #fff;
}
.talx-custom-checkbox input:checked .title-checkbox-text {
    color: #3DB68B;
}
.title-checkbox-active {
    color: #238B66;
}
.talx-documents-grid {
    display: grid;
    grid-template-columns: repeat( auto-fill , minmax(330px, 1fr) );
    gap: 15px;
}
.custominputgroupcls .select2-container--default .select2-selection--single {
    border-radius: 4px 0 0 4px;
    height: 36px;
}
.custominputgroupcls.selectoptionwithinputcls .input-group .form-control {
    border-radius: 0 4px 4px 0 !important;
    border-right: 1px solid #ced4da !important;
}
.sticky_pill{
    position: sticky;
    top: 0;
    z-index: 1021;
    backdrop-filter: blur(19px);
    background: rgb(224,226,232);
    background: linear-gradient(180deg, rgba(224,226,232,1) 59%, rgba(224,226,232,0) 100%);
    padding-bottom: 10px;
}
.positions .card.swiper-slide {
    max-width: 330px;
}
.talGrid_minmax_column3 {
    display: grid;
    grid-template-columns: repeat( auto-fill , minmax(340px, 1fr) );
    gap: 15px;
}

.detail-title {
    width: 200px;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #4f4f4f;
}
.leadDetailListdivcls .detailWrapper {
    margin-bottom: 16px;
}
.detailWrapper {
    display: flex;
}
.form-control.title-name{
    padding: 0;
    display: flex;
    overflow: hidden;
}
.form-control.title-name select{
    height: 100%;
    border: 0;
    padding-inline: .5rem;
    border-right: 1px solid #e0e0e0;
}
.form-control.title-name input.form-control{
    border: 0;
}
.form-control.title-name:has(input.form-control:focus){
    box-shadow:0 0 0.25rem 0 rgba(var(--primary-color-rgb),var(--opacity-3));
}

.form-control.title-name input.form-control:focus{
    box-shadow:none
}
.show_dataTables_filter .dataTables_filter {
    display: inline-block;
    float: none;
    text-align: left;
    padding-left: 0.6rem;
}

.talx-tabs{
    display: flex;
    align-items: center;
    gap: 5px;
}
.tabScrbtn{
    border: 0;
    background-color: var(--primary-color);
    color: #ffffff;
    width: 24px;
    height: 32px;
    border-radius: 3px;
}

/* report page range picker */
.reportRagePicker .dropdown-menu label.dropdown-item{
    padding: 5px 0.5rem;
}
.reportRagePicker .dropdown-menu{
    padding: .25rem;
    max-height: 300px;
    overflow: auto;
}
.reportRagePicker .dropdown-menu label.dropdown-item{
    border-radius: 4px;
}
.reportRagePicker .dropdown-menu label.dropdown-item:hover{
    background-color: rgba(var(--primary-color-rgb), var(--opacity-2)) !important;
}
.reportRagePicker .dropdown-menu label.dropdown-item input[type=radio]{
    margin-top: 4px !important;
        position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}
.reportRagePicker .dropdown-menu label.dropdown-item:has(input[type=radio]:checked){
    background-color: var(--primary-color);
    color:#fafafa
}
.input-group-text {
    font-size: 13px;
    background-color: rgba(var(--primary-green-color-rgb), var(--opacity-3));
}
.talx-btn:not(.talx-button-icon).btn-sm{
    padding: 4px 6px;
    font-size: 12px;
    min-width: fit-content;
    height: 24px;
}

.card-title a{
    font-size: 14px;
}
.video-js .vjs-big-play-button {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.talx-dashgrid{
    display: grid;
    grid-template-columns: 1fr;
    gap:12px
}

@media (min-width:992px){
    .talx-dashgrid{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width:1200px){
    .talx-dashgrid{
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (min-width:1400px){
    .talx-dashgrid{
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (min-width:1400px) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){
    .talx-dashgrid{
        grid-template-columns: repeat(2, 1fr);
    }
    .icon-item.icon-item-xl {
        height: 3.25rem;
        width: 3.25rem;
    }
    .icon-item.icon-item-xl img{
        width: 32px;
    }
}
.form-control.flatdate {
    padding-right: 24px;
    position: relative;
    background: url(../images/sidemenu/planner.svg) no-repeat center ;
    background-size: 16px;
    background-position: 98% 50%;
    cursor: pointer;
}
.card-tag-wrap {
    flex-wrap: wrap;
}
.card-tag-wrap > small {
    /*max-width: 100px;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

/*bs stepper*/
.step.active .bs-stepper-circle svg{
    stroke: #fafafa;
}
.bs-stepper .line, .bs-stepper-line {
    -ms-flex: 1 0 32px;
    flex: 1 0 0;
    min-width: 1px;
    min-height: 1px;
    margin: auto;
    background-color: rgba(0,0,0,.12);
}
.bs-stepper.fixed-Header .bs-stepper-header{
    position: sticky;
    top: 10px;
    width: 100%;
    z-index: 99;
    background: var(--white-color);
    border-radius: var(--general-radius);
}
.bs-stepper.fixed-Header .bs-stepper-header:before{
    content: '';
    background: rgba(255,255,255,.12);
    backdrop-filter: blur(3px);
    position: absolute;
    top: -8px;
    left: 0;
    width: 100%;
    height: 8px;
}
.bs-stepper-content form{
    height: 100%;
}

.bs-stepper.fixed-Header .bs-stepper-header ~ .bs-stepper-content{
background: var(--white-color);
}
.bs-stepper-pane.dstepper-block, .bs-stepper .content.dstepper-block {
    display: flex;
    flex-direction: column;
    height: 100%;

}
.bs-stepper-content .content .inner_content{
    flex: 1 0 0;
    height: 100%;
    overflow-y: auto;
    border-bottom: 1px solid #dcdcdc;
}

.bs-stepper[data-view=journal] .content.dstepper-block {
    height: auto;
    min-height: 50vh;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #cecece;
}
.bs-stepper[data-view=journal] .content:not(:last-of-type) .wizard_actions{
    display: none;
}
.bs-stepper[data-view=journal] .content .content-header{
    border-radius: .375rem;
    background-color: rgba(var(--silver-rgb), var(--opacity-2));
    padding: var(--extra-gap);
}
.card:has(.fixed-Header){
    box-shadow: none;
    background-color: transparent; background: none;
}
@media (max-width:768px){

    .bs-stepper-header .line{
    display: none;
    }
    .bs-stepper-header .step{
    display: none;
    }
    .bs-stepper-header .step.active{
    display: block;
    }
    .bs-stepper-content .content .wizard_actions{
    position: fixed;
    bottom: 0;
    background: #ffffff;
    padding: 1rem;
    width: 100%;
    left: 0;
    margin-bottom: 0rem;
    z-index: 100;
    }
}

.wa-link{
    background: #25D366;
}

.flex-50>div{
    flex: 1 0 50%;
    min-width: 0;
}
small.tagelipsis{
    min-width:0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
div.card[data-entity] .card-header .r_circle_p_bar ~ div,
div.card[data-entity] .card-header .avatar ~ div{
    flex:1 0 0;
    display: flex;
    flex-direction: column;
    min-width: 0;
}
div.card[data-entity] .card-header>div{
    min-width: 0;
} 
div.card[data-entity=account] .card-header>div:first-child,
div.card[data-entity=lead] .card-header>div:first-child,
div.card[data-entity=opportunity] .card-header>div:first-child,
div.card[data-entity=contact] .card-header>div:first-child{
    max-width: 90%;
    width: 90%;
} 
div.card[data-entity=lead] .card-header .card-title,
div.card[data-entity=account] .card-header .card-title,
div.card[data-entity=opportunity] .card-header .card-title,
div.card[data-entity=contact] .card-header .card-title{
    max-width: calc(100% - 25px);
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;

}
div.card[data-entity] .card-header .r_circle_p_bar ~ div .card-title ~ div small.badge,
div.card[data-entity] .card-header .avatar ~ div .card-title ~ div small.badge {
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
div.card[data-entity=job] .card-body .card-title ~ div small {
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

div.card[data-entity=candidate] .card-body .card-title ~ div.stack-group small {
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
div.card[data-entity=candidate] .card-body .card-title ~ div.stack-group ~ div small {
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

div.card[data-entity=interview] .card-body .card-title ~ div.stack-group ~ div small {
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.badge.entityID{
    width: min-content;
}
div.card[data-entity] .card-header > div:last-of-type{
    margin-left: auto;
}
.assignPeoplemorecls .dropdown-menu ul.memberListUlHeightcls {
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
}
.memberListrightDetails .client-dropdown.whiteDropdownBtndivcls .dropdown-toggle.dropdown-cardtoggle2 {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(182, 182, 182);
    min-height: 26px;
    padding: 0 22px 0 12px !important;
    border-radius: 50px;
}
.compare-content .candidate-info .card .card-body .candidateskillscolcls {
    height: 150px;
    overflow-y: auto;
}
.compare-content .candidate-info .can-summary-cellh textarea.form-control {
    height: 90px;
    overflow-y: auto;
}
.can-summary-cellh {
    height: 90px;
    align-items: flex-start;
}
.compare-content .candidate-info .vstack .hstack {
    min-height: 22px;
}
/* Task details */

.taskPriority .dropdown-item{
    position: relative;
    padding-left: 15px !important;
}
.taskPriority .dropdown-item:before{
    content: '';
    position: absolute;
    left: 2px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    border-radius: 5rem;
}
span.priority{
    display: inline-flex;
    width: 10px;
    height: 10px;
    border-radius: 5rem;
    margin-right: 3px;
}

span.priority.critical,
.taskPriority .dropdown-item[data-priority=critical]:before{
    background-color: var(--critical);
}
span.priority.high,
.taskPriority .dropdown-item[data-priority=high]:before{
    background-color: var(--high);
}
span.priority.medium,
.taskPriority .dropdown-item[data-priority=medium]:before{
    background-color: var(--medium);
}
span.priority.low,
.taskPriority .dropdown-item[data-priority=low]:before{
    background-color: var(--low);
}
.commonTaskDActionrowcls[data-related=reporter] {
    display: grid;
    position: relative;
    justify-content: unset;
}

/* Bullet Status */
.bulletstatus{
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius:10rem;
    background-color: var(--tal-gray-400);
    box-shadow: 0 0 3px 0 #000000;
    margin-inline: 3px;
}

.bulletstatus.planned{
  background-color: var(--planned);
}
.bulletstatus.active{
  background-color: var(--active);
}
.bulletstatus.completed{
  background-color: var(--completed);
}
.bulletstatus.onhold{
  background-color: var(--onhold);
}
.bulletstatus.cancelled{
  background-color: var(--cancelled);
}
.bulletstatus.nostatus{
  background-color: var(--nostatus);
}
.bulletstatus.critical{
    background-color: var(--critical);
}
.bulletstatus.high{
    background-color: var(--high);
}
.bulletstatus.medium{
    background-color: var(--medium);
}
.bulletstatus.low{
    background-color: var(--low);
}


.tooltip[data-popper-placement^=bottom]::after {
    top: -7px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 7px solid var(--tal-blue);
    border-top: none;
}
.tooltip[data-popper-placement^=right]::after {
    top: 34%;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 7px solid var(--tal-blue);
    left: -6px;
}
.tooltip[data-popper-placement^=left]::after {
    top: 34%;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 7px solid var(--tal-blue);
    right: -18px;
    left: auto;
}

.keysummary p{
    list-style: none;
    padding-left:.75rem
}
.table-fr tbody tr td {
    line-height: 1.8;
}
.jobinfo p.company-text {
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.timeslotSwiper {
    border-radius: 5px;
    border: 1px solid #e7e7e7;
}
.questionParaText > p, .questionParaText span.textQuestion {
    font-size: 24px !important;
}
.commonRecVideoActBtncls {
    padding: 0 !important;
}
.commonRecVideoActBtncls span {
    padding: 1rem;
    display: inline-table;
}
.swiper-container.timeslotSwiper {
    max-height: 350px;
    overflow-y: auto;
}
.jobinfo img.company-icons {
    width: 14px;
    height: 14px;
}
.tag-wraptext > * {
    max-width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    display: inline-block !important;
}
.circle5rem .r_circle_p_bar svg {
    width: 5rem;
    height: 5rem;
}
.circle5rem .r_circle_count {
    width: 5rem;
    height: 5rem;
    font-size: 1rem !important;
    line-height: 5rem;
    color: #488D7C;
}
.circle5rem .c_bar {
    stroke: #295A54;
    stroke-width: 5px;
}
.greencircle .c_bar {
    stroke: #1D586A;
}
.greencircle .r_circle_p_bar {
    width: 5rem;
    height: 5rem;
    margin: 0 4px 0 auto;
}
.greencircle .r_circle_count {
    color: #4F4F4F;
}
.datatable-centeralign th, .datatable-centeralign td {
    text-align: center !important;
}
.datatable-centeralign th:first-child, .datatable-centeralign td:first-child {
    text-align: left !important;
}
.datatable-centeralign td {
    font-weight: 500;
}
.leaderboard .showScoreDetails .avatar-lg {
    border-radius: 3px;
}
.dropdown-company {
    width: 380px;
}
.dropdown-company .tab-content {
    width: 100%;
    border-radius: .25rem;
}
.dropdown-company .nav.nav-pills {
    padding: .25rem;
    width: 50%;
}
.customsvgicondrpdwncls li {
    padding-left: 0;
}

.btn-check.darkgreen + label {
    background-color: #fafafa;
    box-shadow: 0 0 1px 1px #e5e5e5;
}
.btn-check.darkgreen:checked + label {
    background-color: #669887;
    color: #fff;
}
.count-elements {
    background: #669887;
    border-radius: 8px;
    padding: .2rem .6rem;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
}
.count-elements > small{
    font-size: .75rem;
    font-weight: 300;
}
.commonCkeditordivcls .django-ckeditor-widget {
    width: 100% !important;
    display: block !important;
}
.modalckeditorscroll .ck-editor__editable {
    height: calc(100dvh - 16rem);
}
/* System Floating Notifocation*/
.talxAlert{
    position: fixed;
    inset:0 0 auto 0;
    overflow: hidden;
    background-color: #fafafa;
    box-shadow: 0 10px 15px 0 #202c3a42;
    border-radius: 0 0 5px 5px;
    transition: opacity .3s ease-in-out, transform .4s cubic-bezier(0.075, 0.82, 0.165, 1);
    z-index: 1010;
    opacity: 0;
    transform: translateY(-10rem);

    .aler-inner{
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 1rem 2rem;

    .alertActions{
        margin-inline-start: auto;
    }
    }
}
.talxAlert.show{
    inset:0 0 auto 0;
    opacity: 1;
    transform: translateY(0);
}
.talxAlert[data-state="success"]{
    background-color: var(--bs-teal);
    button{
    color: #fafafa !important;
    }
}
.talxAlert[data-state="warning"]{
    background-color: var(--bs-warning);

}
.talxAlert[data-state="alert"]{
    background-color: var(--bs-danger);
    .aler-inner{
    color: #fafafa;
    }
    button{
    color: #fafafa !important;
    }
}


.dropdown-menu.global-timmer{
    min-width: 300px;
    padding: .5rem;
    right: 2rem;
    left: auto !important;
}
.dropdown-menu.global-actions{
    padding: .5rem;
    right: 2rem;
    left: auto !important;
}

.dropdown-menu.global-timmer .tasks{
    overflow-y: auto;
    max-height: 220px;
    padding: .25rem;
}
.dropdown-menu.global-timmer .task{
    padding: .25rem .5rem;
    display: flex;
    align-items: center;
    margin-bottom: .25rem;
    border: 1px solid #e0e0e0;
    position: relative;
    width: 340px;
}
.dropdown-menu.global-timmer .task[data-state=running],
.dropdown-menu.global-timmer .task[data-state=pause]{
    background-color: #1D586A;

    h6,small,.dropdown-toggle{
        color: #fafafa;
    }
}
.timmer{
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 5px;
    
}
.timers-digital{
    width: 76px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-block-start: .25rem;
}
.taskTimmer{
    border: none;
    border-radius: 15rem;
    padding: 0 .5rem 0 0 ;
    background: #B2DDE0;
    margin-inline: 0.25rem;
}
.validateDocument{
    position: relative;
    border-radius: 5px;
    background-color: #e0e0e0;
}
.validateDocument input{
    opacity: 0;
    width: 1px;
    position: absolute;
}
.validateDocument input ~ i{
    opacity: .5;
}
.validateDocument:has(input:checked){
    background-color: rgb(var(--primary-color-rgb))
}
.validateDocument input:checked ~ i,
.validateDocument input:checked ~ span{
    opacity: 1;
    color: #fafafa
}

/*reminder Feature */
.reminder-item {
    display: flex;
    align-items: start;
    padding: .5rem;
    border-radius: .5rem;
    background-color: rgba(var(--greensea-rgb), var(--opacity-1));
    margin-bottom: .25rem;
}

.reminder-item .reminderTitle {
    font-size: 14px;
    font-weight: 500;
    display: block;
}

/* document-cheklist */
.listedCandidateBox{
    position: relative;
}
.listedCandidateBox input:checked + label .talx-btn:not(:disabled){
    background-color: #fafafa !important;
    color:#4f4f4f !important
}
body .dropdown-menu.show{
    z-index: 9999;
}
.badge.status{
    background-color: #fafafa;
    color: #4f4f4f;
    border-radius: 5rem;
    padding: 6px 6px !important;
}
.badge.status i{
    margin-right: 0 !important;
}
.badge.status[data-status=valid]{
    background-color: #00ba8d;
    color: #fafafa;
}
.badge.status[data-status=invalid]{
    background-color: #c43d3d;
    color: #fafafa;
}
.badge.fileBadge{
    font-size: 14px !important;
    background-color: #00507D;
    color: #fafafa;
}
.badge.fileBadge button{
    width: 16px;
    height: 16px;
    padding: 2px;
    color:#ffffff;
    border: none;
    box-shadow: none;
    outline: transparent;
    background-color: transparent;
    background:none;
}


/*New datetime picker */
.tal-datetimepicker.xdsoft_inline{
    display: flex;
    align-items: stretch;
    border-radius: 12px !important;
    border: none;
    box-shadow: none;
}

.xdsoft_datetimepicker.tal-datetimepicker.xdsoft_inline .xdsoft_datepicker.active+.xdsoft_timepicker {
    margin-top: 8px;
    margin-bottom: 3px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.xdsoft_datetimepicker.tal-datetimepicker.xdsoft_inline .xdsoft_timepicker .xdsoft_time_box {
    height: auto;
    overflow: hidden;
    border: none;
    padding: 2px 5px;
    flex: 1 0 0;
}
.xdsoft_datetimepicker.tal-datetimepicker .xdsoft_datepicker {
    width: 268px !important;
    float: left;
    margin-left: 8px;
}

.xdsoft_datetimepicker {
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    color: #333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: .5rem;
    padding-left: .5rem;
    padding-top: .5rem;
    position: absolute;
    z-index: 9999;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    border-radius: 12px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    height: 151px;
    overflow: hidden;
    border: none;
    padding: 2px 5px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div {
    background: #ffffff;
    color: #666;
    font-size: 14px;
    text-align: center;
    border-collapse: collapse;
    cursor: pointer;
    height: 25px;
    line-height: 25px;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    margin-block: 2px;
}

.xdsoft_time {
    transition: all .3s ease-in-out;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child {
    border-top-width: 1px;
    margin-block-start: 0;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div{
    padding-block: 5px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:last-child{
    margin-block-end: 6px;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: var(--primary-green-color);
    box-shadow: none;
    color: #fafafa;
    font-weight: 700;
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    color: #fafafa !important;
    background: rgb(var(--primary-color-rgb), var(--opacity-6)) !important;
    box-shadow: none !important;
}
.xdsoft_datetimepicker .xdsoft_prev{
    background-image: url(data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9Im5vbmUiICBzdHJva2U9ImN1cnJlbnRDb2xvciIgIHN0cm9rZS13aWR0aD0iMiIgIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgIHN0cm9rZS1saW5lam9pbj0icm91bmQiICBjbGFzcz0iaWNvbiBpY29uLXRhYmxlciBpY29ucy10YWJsZXItb3V0bGluZSBpY29uLXRhYmxlci1jaGV2cm9uLWxlZnQiPjxwYXRoIHN0cm9rZT0ibm9uZSIgZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0xNSA2bC02IDZsNiA2IiAvPjwvc3ZnPg==);
        background-position: center;
}
.xdsoft_datetimepicker .xdsoft_next{
    background-image: url(data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9Im5vbmUiICBzdHJva2U9ImN1cnJlbnRDb2xvciIgIHN0cm9rZS13aWR0aD0iMiIgIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgIHN0cm9rZS1saW5lam9pbj0icm91bmQiICBjbGFzcz0iaWNvbiBpY29uLXRhYmxlciBpY29ucy10YWJsZXItb3V0bGluZSBpY29uLXRhYmxlci1jaGV2cm9uLXJpZ2h0Ij48cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNOSA2bDYgNmwtNiA2IiAvPjwvc3ZnPg==);
        background-position: center;
}
.xdsoft_datetimepicker .xdsoft_today_button {
    background-image: url(data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9Im5vbmUiICBzdHJva2U9ImN1cnJlbnRDb2xvciIgIHN0cm9rZS13aWR0aD0iMiIgIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgIHN0cm9rZS1saW5lam9pbj0icm91bmQiICBjbGFzcz0iaWNvbiBpY29uLXRhYmxlciBpY29ucy10YWJsZXItb3V0bGluZSBpY29uLXRhYmxlci1zbWFydC1ob21lIj48cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMTkgOC43MWwtNS4zMzMgLTQuMTQ4YTIuNjY2IDIuNjY2IDAgMCAwIC0zLjI3NCAwbC01LjMzNCA0LjE0OGEyLjY2NSAyLjY2NSAwIDAgMCAtMS4wMjkgMi4xMDV2Ny4yYTIgMiAwIDAgMCAyIDJoMTJhMiAyIDAgMCAwIDIgLTJ2LTcuMmMwIC0uODIzIC0uMzggLTEuNiAtMS4wMyAtMi4xMDUiIC8+PHBhdGggZD0iTTE2IDE1Yy0yLjIxIDEuMzMzIC01Ljc5MiAxLjMzMyAtOCAwIiAvPjwvc3ZnPg==);
        background-position: center;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev{
    background-image: url(data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9Im5vbmUiICBzdHJva2U9ImN1cnJlbnRDb2xvciIgIHN0cm9rZS13aWR0aD0iMiIgIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgIHN0cm9rZS1saW5lam9pbj0icm91bmQiICBjbGFzcz0iaWNvbiBpY29uLXRhYmxlciBpY29ucy10YWJsZXItb3V0bGluZSBpY29uLXRhYmxlci1jaGV2cm9uLXVwIj48cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNNiAxNWw2IC02bDYgNiIgLz48L3N2Zz4=) !important;
    background-position: center;
    margin: 0 3px 0 3px;
    width: 89%;
    border-radius: 3px;
    background-color: var(--primary-color);
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
    background-image: url(data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9Im5vbmUiICBzdHJva2U9ImN1cnJlbnRDb2xvciIgIHN0cm9rZS13aWR0aD0iMiIgIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgIHN0cm9rZS1saW5lam9pbj0icm91bmQiICBjbGFzcz0iaWNvbiBpY29uLXRhYmxlciBpY29ucy10YWJsZXItb3V0bGluZSBpY29uLXRhYmxlci1jaGV2cm9uLWRvd24iPjxwYXRoIHN0cm9rZT0ibm9uZSIgZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik02IDlsNiA2bDYgLTYiIC8+PC9zdmc+) !important;
        background-position: center;
        margin: 0 3px 0 3px;
    width: 89%;
    border-radius: 3px;
    background-color: var(--primary-color);
}
.xdsoft_datetimepicker .xdsoft_calendar table {
    border-collapse: separate;
    width: 100%;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
    background: #ffffff;
    border: none;
}
.xdsoft_datetimepicker .xdsoft_calendar tr td{
    background: #ffffff;
    border: none;
    border-radius: 5px;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today:not(.xdsoft_current) {
    color: var(--secondary-color);
}
.xdsoft_datetimepicker .blue-gradient-button {
    font-family: var(--primary-font);
    font-size: 12px;
    font-weight: 300;
    color: #fafafa;
    height: 28px;
    position: relative;
    padding: 4px 17px 4px 33px;
    border: none !important;
    background: var(--primary-color);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#f4f8fa',GradientType=0);
    border-radius: 5px;
}

.xdsoft_datetimepicker .blue-gradient-button:hover,
.xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span {
    color: #fafafa;
    background: var(--primary-color);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f8fa',endColorstr='#FFF',GradientType=0);
}
.xdsoft_datetimepicker .xdsoft_calendar td>div {
    padding: 5px;
    text-align: center;
    width: 34px;
    height: 34px;
    line-height: 24px;
}


@media (max-width: 768px) {
    .dropdown-body .xdsoft_datetimepicker.tal-datetimepicker{
        width: 100%;
        border-radius: 12px 12px 0 0 !important;
    }
    .xdsoft_datetimepicker.tal-datetimepicker.xdsoft_inline .xdsoft_datepicker {
        width: 268px !important;
        float: left;
        margin-left: 8px;
        flex: 1 0 0;
    }
    .xdsoft_datetimepicker .xdsoft_calendar td>div {
        width: auto;
    }
    .xdsoft_datetimepicker.tal-datetimepicker.xdsoft_inline .xdsoft_datepicker.active+.xdsoft_timepicker {
        width: 80px;
    }

    .dropdown-menu.mobile:is(.show){
        transform: translate3d(0, 0, 0) !important;
        width: 100%;
        height: 100%;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        bottom: 0 !important;
        right: 0 !important;
        background: rgba(0, 0, 0, .5);
        backdrop-filter: blur(1px);
    }
    .dropdown-menu.mobile:is(.show) .dropdown-body{
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: end;
        align-items: end;
    }
}
/* TAgify */
.tagify.tagify--select  {
    background: #ffffff !important;
    border-radius: 8px !important;
    border: 1px solid #e0e0e0;
    padding: 4px;
}
.tagify.tagify--select.border-0{
    border: none;
}
.tagify.tagify--select .tagify__input[contenteditable=true] {
    background: #ffffff !important;
    color: #4f4f4f00;
    width: auto;
}
.tagify.tagify--select:is(.tagify--empty) .tagify__input[contenteditable=true]{
    color: #4f4f4f;
}
.tagify--select.selectMode .tagify__tag {
    position: relative;
    top: 0;
    right: unset;
    left: 0;
    bottom: 0;
}
.tagify--select.selectMode .tagify__tag div.avatar {
        display: inline-block
}
.tagify .tagify__tag>div{
    height: 22px;
    
}
.tagify .tagify__tag>div:before{
    box-shadow:0 0 0 var(--tag-inset-shadow-size) rgb(58 177 135 / 26%) inset
}
.tagify.form-control span.tagify__tag-text {
    margin-top: -3px !important;
    font-size: 12px;
}
.tagify__dropdown.talxTag-dropdown .tagify__dropdown__item {
    font-size: 12px;
    background-color: rgb(58 177 135 / 26%);
}
.tagify__dropdown.talxTag-dropdown .tagify__dropdown__item:hover{
    background-color: rgb(var(--primary-green-color-rgb));
    color: #fafafa;
}
.rangePicker{
    padding-right:22px;
    background:url(data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9Im5vbmUiICBzdHJva2U9ImN1cnJlbnRDb2xvciIgIHN0cm9rZS13aWR0aD0iMiIgIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgIHN0cm9rZS1saW5lam9pbj0icm91bmQiICBjbGFzcz0iaWNvbiBpY29uLXRhYmxlciBpY29ucy10YWJsZXItb3V0bGluZSBpY29uLXRhYmxlci10aW1lbGluZS1ldmVudC1taW51cyI+PHBhdGggc3Ryb2tlPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTEyIDIwbS0yIDBhMiAyIDAgMSAwIDQgMGEyIDIgMCAxIDAgLTQgMCIgLz48cGF0aCBkPSJNMTAgMjBoLTYiIC8+PHBhdGggZD0iTTE0IDIwaDYiIC8+PHBhdGggZD0iTTEyIDE1bC0yIC0yaC0zYTEgMSAwIDAgMSAtMSAtMXYtOGExIDEgMCAwIDEgMSAtMWgxMGExIDEgMCAwIDEgMSAxdjhhMSAxIDAgMCAxIC0xIDFoLTNsLTIgMnoiIC8+PHBhdGggZD0iTTEwIDhoNCIgLz48L3N2Zz4=) no-repeat;
    background-size: 14px;
    background-position: 98% 50%;
}
.lh-2{
    line-height: 2;
}

table.dataTable>tbody>tr.selected>td.select-checkbox:after,
table.dataTable>tbody>tr.selected>th.select-checkbox:after {
    content: "\ea5e";
    font-family: "tabler-icons" !important;
    font-size: 12px;
        margin-top: -8px;
    margin-left: -6px;
    text-align: center;
}
table.dataTable tbody tr.selected>* {
    box-shadow: inset 0 0 0 9999px rgb(119 132 151 / 90%);
    box-shadow: inset 0 0 0 9999px rgb(119 132 151 / 90%);
    color: rgb(255, 255, 255);
    color: rgb(var(--dt-row-selected-text));
}
table.dataTable tbody tr td .form-control{
    background-color: #ffffff;
}

/* Filters Correction*/
.talx-tagOutside {
    border: 0;
    background: none;
}

.talx-tagOutside .tagify__input {
    order: -1;
    flex: 100%;
    border: none;
    margin-bottom: 1em;
    transition:all .1s;
    box-shadow: 0 0 1px 0 #e6e6e6;
    padding: 4px 8px;
    border-radius: .25rem;
    background-color: #ffffff;
}

.talx-tagOutside .tagify__input:hover {
    border-color: var(--tags-hover-border-color);
}

.talx-tagOutside.tagify--focus .tagify__input {
    transition: 0s;
    border-color: var(--tags-focus-border-color);
}
.tagsContainer {
    height: 200px;
    max-width: 100%;
    width: 226px;
    background: #f4f4f4;
    border-radius: .25rem;
    overflow-y:auto ;
}


.dropdown-item .fomt-check{
    margin-bottom:0
}
.dropdown-item .form-check .form-check-label{
    margin-bottom:0;
    width: 100%;
}

/* 13532*/
.dropdown-menu.dropdown-company > .nav.nav-pills {
    padding: .25rem;
}
.advFilterScrollDrpcls ul {
    max-height: 260px;
    min-height: auto;
    overflow-y: auto;
    padding-right: 4px;
}
.dropdown .MainDropdownFilter ul li{
    padding:0
}

.filtertagContainer{
    animation: fadeIn .3s ease-in-out;
}
.filter-pill{
    animation: fadeIn .3s ease-in-out
}
.filterNothingfound{
    height: 150px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.filterNothingfound img{
    width: 70px;
    max-width: 100%;
    display: block;
}
@media (max-width:768px){
    .tagsContainer{
        width: 100%;
    }
}
#job_board_publish{
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: auto;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: none;
    border-radius: .75rem;
}
.watchBtn{
        background: var(--primary-color);
    color: #ffb300;
    padding: 4px 8px;
    border-radius: 6px;
}
/* inner page filter */
.inner_searchInput{
    min-width: 320px;
}
.allcandidateadvfilterinnercls .form-check.customformcheckcls{
    padding: .5rem .5rem;
    border-radius: 6px;
    padding-left: 2rem;
    line-height: 1.2;
}
.allcandidateadvfilterinnercls .form-check.customformcheckcls:hover{
    background: #f3f3f3;
    background: rgba(var(--primary-color-rgb), var(--opacity-1))
}
.allcandidateadvfilterinnercls .form-check.customformcheckcls:has(input[type=checkbox]:checked){
    color: #fafafa;
    background-color: #3db3896b;
}
.allcandidateadvfilterinnercls .form-check.customformcheckcls label{
    width: 100%;
    line-height: 1.2;
    padding-left: 0;
}
.phoneGroup{
    border-radius: .375rem;
    display: flex;
    border: 1px solid #e1e1e1;
    gap: 4px;
}
.phoneGroup select{
    width: fit-content;    
}
.phoneGroup .form-control{
    border-radius: 0 0 !important;
    border: 0;
    &:focus{
        box-shadow: none;
    }
}
.dataTables_wrapper .dataTables_filter input {
    border: 1px solid #e1e1e1;
    border-radius: .375rem;
    padding: 5px;
    background-color: transparent;
    margin-left: 3px;
}
.dataTables_wrapper .dataTables_length select {
    border: 1px solid #e1e1e1;
    border-radius: .375rem;
    padding: 5px;
    background-color: transparent;
}
.showIn{
    padding: .5rem;
    border-radius: .375rem;
    transition: .5s ease-in-out;
    animation: showIn 1s ease-in-out both;
}
.nav-pills.as-btncheck .nav-link{
        white-space: nowrap;
    padding: 4px 6px;
    font-size: 12px;
    min-width: fit-content;
    height: 24px;
    box-shadow: none;
    background-color: #fafafa;
    color:#4f4f4f;
        box-shadow: 0 0 1px 1px #e5e5e5;
}
.nav-pills.as-btncheck .nav-link.active{
        background-color: #669887;
    color: #fff;
}
.saveStage,
.editStage{
    flex-shrink:0
}

.jobsalary{
    display: flex;
    gap: 4px;
    border: 1px solid #e1e1e1;
    border-radius: 6px;
    padding: 3px;
}
.jobsalary .customselect2stylecls .select2-container--default .select2-selection--single{
    height: 26px;
        background-color: #c4e8db;
}
.jobsalary .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 26px;
}
.jobsalary .form-control{
    border: none !important;
    box-shadow: none !important;
    height: 26px;
}

.bs-stepper .bs-stepper-header .step.crossed .bs-stepper-circle{
    background-color: var(--primary-green-color);
    color:#fafafa
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left],
div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right]{
    display: none;
}
div:where(.swal2-icon).swal2-success .swal2-success-ring {
    background: #ffffff;
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip],
div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long]{
    z-index: 3;
}
div:where(.swal2-icon).swal2-success .swal2-success-fix {
    position: absolute;
    z-index: 1;
    top: 1.5em;
    left: 1.625em;
    width: 0.4375em;
    height: 3.625em;
    transform: rotate(-45deg);
}
.inlineUploader span#fileNameDisplay{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.rating_groupouterdivcls .rating__icon--star {
    color: #ffcf26;
}
.rating__icon{
transition: all .3s ease-in-out;
}
/* Star color classes */
.poor .rating__icon {
color: rgba(223, 88, 88, 1) !important;
}
.average .rating__icon {
color: rgba(255, 128, 0, 0.749) !important; /* Average rating */
}
.good .rating__icon {
color: rgb(230, 230, 1) !important; /* Good rating */
}
.excellent .rating__icon {
color: rgb(81 195 154) !important; /* Excellent rating */
}
.rating-group label.Poor .rating__icon--star {
color: rgba(223, 88, 88, 1);
}
.rating-group label.Average .rating__icon--star {
color: rgba(255, 128, 0, 0.749);
}
.rating-group label.Good .rating__icon--star {
color: rgb(230, 230, 1);
}
.rating-group label.Excellent .rating__icon--star {
color: rgb(81 195 154);
}


.dropdown-menu::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
}

[data-popper-placement="top-end"].dropdown-menu::before {
    border-width: 4px 4px 0 4px;
    border-color: #ffffff transparent transparent transparent;
    bottom: -4px;
    right: 10px;
}

[data-popper-placement="bottom-end"].dropdown-menu::before {
    border-width: 0 4px 4px 4px;
    border-color:  transparent transparent #fff transparent;
    top: -4px;
    right: 10px;
}
.dropdown-menu-end:before,
[data-popper-placement="bottom-end"].dropdown-menu.notification-menu::before,
[data-popper-placement="bottom-end"].dropdown-menu.profile-menu::before {
    border-width: 0 4px 4px 4px;
    border-color:  transparent transparent #fff transparent;
    top: -4px;
    right: 25px;
}

[data-popper-placement="bottom-start"].dropdown-menu::before {
    border-width: 0 4px 4px 4px;
    border-color:  transparent transparent #fff transparent;
    top: -4px;
    left: 10px;
}

[data-popper-placement="top-start"].dropdown-menu::before {
    border-width: 4px 4px 0 4px;
    border-color: #ffffff transparent transparent transparent;
    bottom: -4px; 
    left: 10px; 
}
[data-popper-placement="left-start"].dropdown-menu::before {
    border-width: 4px 0 4px 4px; /* Left-facing arrow */
    border-color: transparent transparent transparent #fff; /* Left-facing arrow color */
    top: 10px; /* Position the arrow vertically */
    right: -4px; /* Position the arrow to the right of the dropdown */
}
.iti {
    width: 100%;
    display: block;
}
.talx-documents > div {
    align-items: start;
    >img {
        margin-right: .5rem;
    }
}

.main-container:has(.tx-chatbot-container) .main-window  .flotingbar {
    top: 7rem;
    z-index: 101;
}
.tx-chatbot-container{
    z-index: 99;
}

.user-note{
    background-color: var(--bs-body-bg);
    border-radius: 12px;
    padding: .5rem;
    margin-bottom: .5rem;
    position: relative;
    transition: all .3s ease;
    cursor: pointer;
    .markdown-placeholder{
        overflow-x: hidden;
        font-size: 14px;
        background-color: #fafafa;
        padding: .25rem;
        border-radius: 10px;
        margin-top: .5rem;
        &.main{
            height: 250px;
            overflow-y: auto;
        }      
        .markdown{

            p{
            margin-bottom: 0.5rem;
            }
            ul{
            padding-left: 1.5rem;
            }

        }
    }
}