/* start for mobiles */
@media (min-width:996px){
    .talgrid_card_row{
        grid-template-columns: repeat(2, 1fr);
    }
    .talgrid_card_row.grid4{
        grid-template-columns: repeat(2, 1fr);
    } 
}
@media (min-width:1200px){
    .talgrid_card_row{
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (min-width:1400px){
    .talgrid_card_row{
        grid-template-columns: repeat(4, 1fr);
    } 
    .talgrid_card_row.grid4{
        grid-template-columns: repeat(3, 1fr);
    } 
}
@media (min-width:1664px){
    .talgrid_card_row{
        grid-template-columns: repeat(5, 1fr);
    } 
    .talgrid_card_row.grid4{
        grid-template-columns: repeat(4, 1fr);
    } 
}
@media (min-width: 1664px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
    .talgrid_card_row {
        grid-template-columns: repeat(4, 1fr);
    }
    
}

@media (max-width: 1400px){
    .membersUserTableDataOutercls {
        overflow-x: auto;
    }
    .membersUserTableDatacls {
        width: 1400px;
    }
    .addKpi_rowdivcls > .row > .col {
        flex: 1 0 33.33333%;
    }
    .icon-item.icon-item-xl {
        height: 3.25rem;
        width: 3.25rem;
    }
    .icon-item.icon-item-xl img{
        width: 32px;
    }
}

@media (max-width: 1199px){
    .canedu_row_listing {
        display: block;
    }
    .canedu_resumeAttach_listing {
        padding-left: 0 !important;
    }
    .border-lg-bottom{
            border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;
    }
}

@media (max-width: 1024px){
    .nav.nav-tabs, .nav.nav-pills {
        overflow: auto;
        flex-wrap: nowrap;
    }
    .dropdown-menu.show{
        animation:dropdownslideinM .3s ease-in-out;
    }
    .commoncandidatedetailscls {
        width: 100%;
        padding-right: 0;
    }
    .commoncandidatetabdetailscls {
        width: 100%;
        padding-left: 0;
    }
    .greenBarAccordioncls .submitRatingBox textarea {
        height: auto !important;
    }
    .feedbackVideoQuesWisecls, .quesVideoThumbnailcls, .ansQuesVideoModalbodycls, .fullscreenmodalcls .modal-content {
        height: auto;
    }
    .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;
    }
    .candidate-choice .btn.candidate-btn.active {
        background: var(--primary-color);
        color: #fafafa;
    }
    .sq_upload_card_row {
        display: grid;
        grid-template-columns: 1fr;
        gap: 5px;
    }
    .sq_upload_card_box {
        margin: 0;
        margin-bottom: 20px;
    }
    .sq_upload_card_box label {
        min-width: 100%;
        aspect-ratio: unset;
            display: flex;
    flex-direction: row;
    }
    .sq_upload_card_box.asr16 label {
    aspect-ratio: 16;
    width: 320px;
    }
    .createJobForm .bs-stepper-content{
        height: calc(100% - 6rem) !important;
        max-height: calc(100% - 6rem) !important;
    }
    .addnew_skill_setdiv .input-group-text span.twitter-typeahead input.form-control {
        border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .default_scWidth_modal {
        max-width: 96%;
    }
    .candidate-choice .nav.nav-tabs {
        display: flex !important;
        align-items: center !important;
        overflow-x: auto;
        flex-wrap: nowrap;
        margin-bottom: -10px;
        padding-block: 16px;
    }
}

@media (max-width: 991px){
    .card_pipeline_rowdiv .row>* {
        flex: 0 0 auto;
        width: 25%;
    }
    .addKpi_rowdivcls > .row > .col {
        flex: 1 0 100%;
        margin-bottom: 10px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
    .sm_cardHeading {
        margin-top: 10px;
    }
    .can_tab_detailRight_col .candidate-choice .nav.nav-tabs, .talrow_col_card_header .nav.nav-pills {
        display: flex !important;
        align-items: center !important;
        overflow-x: auto;
        flex-wrap: nowrap;
        margin-bottom: -10px;
        padding-block: 16px;
    }
    .can_tab_detailRight_col .candidate-choice .nav.nav-tabs .candidate-btn, .talrow_col_card_header .nav-pills .nav-link {
        white-space: nowrap;
    }
    .jobdetailspagecls .cardrowDetailsdivcls {
        display: block;
    }
    .jobdetailspagecls .cardrowDetailsLeftdivcls {
        margin-right: 10px;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .can_tab_detailRight_col section.candidate-choice {
        margin-top: 15px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .pipeline_Summary {
        margin-top: 10px;
    }
    .jobexperiencecirclstagcls {
        display: grid;
        grid-template-columns: repeat( auto-fill , minmax(250px, 1fr) );
        gap: 20px;
    }
    .jobcirclstaginnercolcls {
        width: 100%;
    }
    .allcandidateadvfilterinnercls {
        margin-bottom: 10px;
    }
    .analyticsLeftdivcls {
        width: 100%;
        margin-bottom: 30px;
    }
    .analyticsRightdivcls {
        width: 100%;
        padding-left: 0;
    }
    .tabCards {
        padding-bottom: 20px;
    }
    .blankLabelformcls {
        display: none !important;
    }
    .card_pipeline_rowdiv .form-group .blankLabelformcls {
        display: block !important;
    }
}
@media (max-width: 1024px){
    .mb-lg-2{
        margin-bottom: .5rem !important;
    }
    .mx-lg-auto{
        margin-inline: auto !important;
    }
    .datefieldicon {
        display: none;
    }
    .form-control.datefield:after {
        content: '';
    }
    .jobdetailspagecls .cardrowDetailsdivcls {
        display: block;
    }
    .jobdetailspagecls .cardrowDetailsLeftdivcls {
        margin-right: 10px;
    }
    .pipeline_Summary {
        margin-top: 10px;
    }
    .sm_cardHeading {
        margin-top: 10px;
    }
    .screening_info_Qrow > div {
        width: 100%;
    }
    .question_screen_record {
        margin-bottom: 5px;
    }
    .screening_info_Qrow {
        display: block;
    }
    .right_gap_spacer .slick-list {
        padding: 5px !important;
        padding-right: 0px !important;
    }
    .talrow_col_card_header {
        display: block;
    }
    .experience_right_addbtn {
        display: flex;
        justify-content: flex-end;
        margin-top: 10px;
    }
    .requisition_top_actionBtn {
        justify-content: right;
        margin-top: 10px;
    }
    .date_rangeStylecls {
        min-width: 100%;
    }
    .pipeline_Summary {
        display: grid;
        justify-content: end;
        align-items: center;
        gap: 10px;
        grid-template-columns: repeat(2,1fr);
    }
    .sm-text-end {
        text-align: right;
    }
    .card_pipeline_rowdiv .row>* {
        flex: 0 0 auto;
        width: 50%;
    }
    .loginleftimgcls {
        display: none;
    }
    .loginRightPannelcls {
        background: url("/static/images/logintextureimg.png") no-repeat center center;
        width: 100%;
        padding: 0 20px;
        background-size: 120%;
    }
    .loginboxoutercls {
        width: 100%;
    }
    .forgotpasswordboxoutercls, .signupboxoutercls {
        width: 100%;
    }
    .search-box {
        display: none !important;
    }
    .navlastActivitiescls {
        display: none !important;
    }
    .navneedHelpcls {
        display: none !important;
    }
    .side-menu.active {
        display: block;
        width: 1px;
        opacity: 0;
        visibility: hidden;
        left: -100%;
    }
    .sidemenu-options {
        padding: 0 12px !important;
    }
    .side-menu.active ~ .main-window {
        width: calc(100% - 52px);
        left: 52px;
    }
    .logo-2 {
        width: 32px;
    }
    .logo-1 {
        width: 80px;
        padding-top: 10px;
    }
    .sidemenu-option .S-text-2 {
        font-size: 12px;
    }
    .sidemenu-iconbox {
        width: 28px;
        height: 28px;
    }
    .sidemenu-iconbox img.sidemenu-icon {
        width: 18px;
    }
    .side-menu {
        position: fixed;
        width: 96%;
        height: 90%;
        z-index: 1000;
        top: 8%;
        left: 2%;
        border-radius: 5px;
    }
    .main-window {
        width: calc(100% - 162px);
        left: 162px;
    }
    .main-navbar {
        height: 60px;
    }
    .brand-logo-box {
        height: 60px;
    }
    .breadcrumb-container {
        margin-top: 10px;
        padding: 4px 8px !important;
        height: auto;
        flex-direction: row;
        align-items: center;
        gap: 8px;
    }
    .breadcrumb_btnRightcls {
        display: flex !important;
        text-align: right;
        justify-content: flex-end;
        gap: 8px;
    }
    .breadcrumb-container .breadcrumb{
        flex-wrap: nowrap;
        .breadcrumb-item {
            font-style: normal;
            font-weight: 500;
            font-size: 12px;
            line-height: 16px;
            color: var(--primary-color) !important;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            max-width: 53px;
        }
    }
    .breadcrumb_btnRightcls .btn-next, .breadcrumb_btnRightcls .btn-previous {
        width: auto;
        padding: 4px;
        margin-right: 0px;
        flex-grow: 1;
    }
    .main-container main {
        margin-bottom: 25px !important;
        padding-bottom: 0rem;
        padding-top: 0;
    }
    .main-container main:has(.wizard_actions ){
        padding-bottom: 3rem;
    }
    main.px-4 {
        padding: 0 12px !important;
    }
    main.is_f {
        padding: 0 0 !important;
        margin-bottom: 0 !important;
    }
    .whitetileouterscls {
        margin-top: 12px;
        padding-bottom: 25px;
    }
    .account-nav {
        display: flex !important;
        text-align: right;
    }
    .navnotificationcls, .navuserProfilecls {
        display: inline-block;
        vertical-align: top;
    }
    .account-nav-icon {
        width: 20px;
    }
    .accountbox-text-2 {
        font-size: 14px;
    }
    .accountbox-text-3 {
        font-size: 12px;
    }
    .account-icon-box:not(:last-child) {
        margin-right: 12px;
    }
    .main-navbar .container-fluid {
        display: flex;
    }

    .dropdown-menu.profile-menu{
        top: 38px;
        right: -12px;
    }
    .dropdown-menu.notification-menu {
        top: 38px;
        width: 340px;
        left: auto !important;
        padding: 0;
        right: -80px;
        min-width: unset;
        max-width: unset;
    }
    .sidemenu-option p {
        line-height: 2.2;
        font-size: 16px !important;
    }

    .avatar-img {
        width: 34px;
        height: 34px;
    }
    .slider-btn {
        /*top: 16px;*/
        top: unset;
    }
    .countcolSlickslider {
        padding: 0 12px;
    }
    .countcolSlickslider .slick-arrow {
        border: none;
        background: none;
        position: absolute;
        z-index: 1;
        cursor: pointer;
        padding: 0;
        bottom: -35px;
        width: auto;
    }
    .countcolSlickslider .slick-prev {
        left: 42%;
    }
    .countcolSlickslider .slick-next {
        right: 42%;
    }
    .greenheadersetioncls {
        height: 60px;
    }
    .collapseimglogocls {
        width: 32px;
    }
    .whitedashboardlogocls {
        height: 60px;
    }
    .whitedashboardmenucls {
        width: 52px;
    }
    .whitedashboardmenucls li {
        padding: 0 0px;
    }
    .whitedashboardSvgIconcls img {
        width: 18px !important;
    }
    .whitedashboardSvgIconcls {
        width: 28px;
        height: 28px;
    }
    .searchTopcategorydivcls {
        display: none;
    }
    .toprightnavdivcls li:first-child, .toprightnavdivcls li:nth-child(3) {
        display: none;
    }
    .greenheadersetioncls .row .col-md-5 {
        display: inline-block;
        width: auto;
        vertical-align: top;
    }
    .greenheadersetioncls .row .col-md-7 {
        width: auto;
        padding: 0;
        vertical-align: top;
        float: right;
        padding-right: 5px;
        transition: all 0.3s ease-in-out;
    }
    .greenheadersetioncls.sliderightopencls .row .col-md-7 {
        margin-right: -28px;
    }
    .whitedashboardmenucls.dashboardopen_cls .dashboardmenuoptTextcls {
        padding: 8px 23px;
    }
    .toprightnavdivcls li {
        margin-left: 5px;
    }
    .greenheadersetioncls {
        padding-left: 52px;
    }
    .greenheadersetioncls .row {
        display: block;
    }
    .mainwarrapercls {
        padding-left: 52px;
    }
    .innerwarrapercls {
        padding: 12px;
    }
    .expandimglogocls {
        width: 80px;
    }
    .dashboardopen_cls {
        width: 162px;
    }
    .whitedashboardmenucls.dashboardopen_cls li {
        padding: 0 10px 0 10px;
    }
    .whitedashbmenutitlecls {
        font-size: 12px;
    }
    .greenheadersetioncls.sliderightopencls, .mainwarrapercls.sliderightopencls {
        padding-left: 162px;
    }
    .hamburgerdivbtncls {
        padding-top: 0;
        padding-right: 0;
    }
    .hamburgeranchorbtn {
        margin-left: 12px;
    }
    .useradmindropdowncls {
        right: -10px;
        top: 43px !important;
    }
    .greenheadersetioninnercls {
        padding-top: 15px;
    }
    .navUserTextspaniconcls {
        font-size: 14px;
    }
    .navUserTextspaniconcls b {
        font-size: 12px;
    }
    .navUserImagespaniconcls img {
        width: 34px;
        height: 34px;
    }
    .pagetitledivcls {
        border-bottom: none;
        top: 60px;
        padding-left: 64px;
    }
    .allcandidateadvfilterinnercls {
        margin-left: 0;
        display: block;
        width: 100%;
        margin-bottom: 12px;
    }
    .allcandidateadvfilterinnercls .input-group {
        width: 100%;
    }
    .allcandidateadvfilterinnercls .dropdown-toggle {
        width: 100%;
    }
    .candidatepagecls {
        padding-top: 27px;
    }
    .nav-tabs.customflat_tabcls .nav-link {
        font-size: 12px;
        margin-right: 10px;
        margin-bottom: 12px;
    }
    .allcandidateoutertabcls {
        padding: 0;
    }
    .uploadmultiplebtndrpdwncls .dropdown-toggle {
        width: 120px;
    }
    .addCandidateTopbtndivcls a.btn.orangebtncls.pull-right {
        width: auto;
        padding: 6px 10px;
    }
    .arrowsortUpcls {
        margin-left: 5px;
    }
    .candidateinnercolcls {
        height: auto;
        width: 100%;
        float: left;
    }
    .candidatedraftcolcls {
        margin-top: 10px;
        padding-top: 15px;
    }
    .candidatedraftcolcls span {
        font-size: 11px;
        padding: 6px 15px;
    }
    .candidatedraftcolcls strong {
        font-size: 12px;
        margin-top: 6px;
    }
    .candidatepic_coltextcls h4 {
        font-size: 14px;
        margin-bottom: 2px;
    }
    .candidatepic_coltextcls span {
        font-size: 12px;
    }
    .nav-tabs.customstepformtabcls .nav-link::before {
        display: none;
    }
    .nav-tabs.customstepformtabcls li {
        padding-right: 0;
        width: calc(100% / 6);
        text-align: center;
    }
    .nav-tabs.customstepformtabcls .nav-link {
        background: none;
        width: auto;
        padding: 0;
        height: auto;
        position: relative;
    }
    .nav-tabs.customstepformtabcls .nav-link::after {
        position: absolute;
        left: 0;
        top: 8px;
        width: 100%;
        height: 2px;
        background: #c6d2f0;
        content: "";
        border: none;
    }
    .nav-tabs.customstepformtabcls .nav-link span {
        display: none;
    }
    .nav-tabs.customstepformtabcls .nav-link b {
        top: 0;
        left: 0;
        position: relative;
        z-index: 1;
    }
    .nav-tabs.customstepformtabcls li:last-child .nav-link::after {
        display: inline-block;
    }
    .nav-tabs.customstepformtabcls .nav-link.active, .nav-tabs.customstepformtabcls .nav-link.stepformactivecls {
        color: #fff;
        background: none;
    }
    .nav-tabs.customstepformtabcls .nav-link.stepformactivecls::after {
        background: #31ab82;
    }
    .nav-tabs.customstepformtabcls .nav-link.stepformactivecls b {
        background: #31ab82;
        color: #fff;
    }
    .addMorebtncolcls {
        padding: 5px 8px 4px 6px;
        font-size: 12px;
    }
    .stepcontentHeadingcls {
        padding: 15px;
    }
    .stepcontentHeadingcls h4 {
        font-size: 15px;
    }
    .stepcontentHeadingcls .row {
        display: block;
    }
    .stepcontentHeadingcls .row .col-md-8 {
        display: inline-block;
        width: auto;
    }
    .stepcontentHeadingcls .row .col-md-4 {
        width: auto;
        float: right;
    }
    .additionalinfouploaddoc_cls .candidateMediaexpBoxcls {
        margin-right: 0;
        height: auto;
        width: 100%;
        margin-bottom: 20px;
    }
    .additionalinfouploaddoc_cls .customfileuploadsquarecls {
        width: 100%;
    }
    .whiteboxshadowbgcls {
        padding: 20px;
    }
    .datedurationtotextcls::after {
        right: 50%;
        top: 76px;
    }
    .addcandidatepagecls .candidateMediaexpBoxcls, .modalmediafiledivcls .candidateMediaexpBoxcls {
        height: auto;
        width: 100%;
    }
    .visibleskillinputstarcls .addskillsinputtextcls {
        margin-left: 0;
        margin-bottom: 10px;
    }
    .candidatedetailspgcls {
        padding-top: 0 !important;
        margin-top: -15px;
    }
    .commoncandidatedetailscls {
        width: 100%;
        padding-right: 0;
    }
    .commoncandidatetabdetailscls {
        width: 100%;
        padding-left: 0;
    }
    .candidateResumetabledivcls {
        width: 100%;
        overflow-x: auto;
    }
    .outer_resumetablecls {
        width: 700px;
    }
    .candidateMediaexpBoxcls {
        margin-left: 0;
        width: 100%;
        height: auto;
        margin-bottom: 15px;
    }
    .similarCandidatesec_cls .candidateinnercolcls {
        height: auto;
    }
    .candidateskillscolcls span {
        margin-bottom: 10px;
        margin-bottom: 5px;
    }
    .successanimationtickcls {
        margin-top: 20px;
    }
    .successfullycontentcls p {
        padding: 0 15px;
    }
    .success_stepsli_listcls {
        border-left: none;
        padding-left: 0;
        margin-left: 0;
        border-top: 1px solid #e2e2e2;
        margin-top: 22px;
    }
    .success_stepsli_listcls p {
        padding-right: 0;
    }
    .successlistcolbtncls .btn {
        width: 135px;
    }
    .svg-success {
        height: 46px;
        width: 46px;
    }
    .tabrightsideSortingcls .allcandidateadvfilterinnercls {
        width: 45%;
    }
    #notScheduledToday.modal {
        z-index: 1999;
    }
    .advancefilterselectedtxtcls span {
        margin-bottom: 8px;
    }
    .candidateResumesec_cls .candidateaddcommonbtncls, .candidateResumesec_cls .resumeselecttmpltecolcls {
        display: block;
        float: none !important;
        margin-top: 10px;
        width: 100%;
        text-align: left;
    }
    .feedbackstarRatingdivcls {
        width: 100%;
    }
    .feedbackCircleRatingdivcls {
        width: 100%;
        margin-top: 15px;
    }
    .circleroundprogress {
        margin-bottom: 20px;
        width: 90px;
    }
    .activitiesinnerrowLeftdivcls {
        width: 100px;
    }
    .activitiesinnerrowRightdivcls {
        width: calc(100% - 100px);
    }
    .activitiesText_colcls h5 {
        font-size: 12px;
    }
    .activitiesText_colcls strong {
        font-size: 11px;
    }
    .circleroundprogress svg {
        height: 50px;
        width: 50px;
    }
    .circleroundprogress .circleprogressCountcls {
        top: 18px;
        left: 40%;
    }
    .notesactivitydatedivcls span {
        margin-right: 10px;
        font-size: 12px;
    }
    .notesactivitydatedivcls svg {
        width: 14px;
        top: 5px;
    }

    /* start job */
    .customtabdrpdwncls {
        width: 100% !important;
    }
    .customtabdrpdwnLeftcls {
        width: 120px;
    }
    .customtabdrpdwnRightcls {
        width: calc(100% - 120px);
    }
    .interviewoutertabtablecls, .candidateTabledatadivcls {
        overflow-x: auto;
    }
    .interviewoutertabtablecls .table-talbotiq, .candidateTabledatarowcls {
        width: 1000px;
    }
    .createjobpagecls {
        padding-top: 30px;
    }
    .enterjobrowdivcls .btn {
        width: 100%;
    }
    .trendingjobsdivcls {
        padding-top: 30px;
    }
    .trendingjobstitlecls {
        display: block;
        margin-bottom: 14px;
    }
    .trendingjobstitlecls svg {
        margin-top: -3px;
    }
    .enterjobrowdivcls .select2-container {
        width: 150px !important;
    }
    .trendingjobsdivcls span {
        margin-bottom: 5px;
        font-size: 12px;
        padding: 4px 14px 4px;
    }
    .similarjobcardcolcls {
        height: auto;
        margin-bottom: 15px;
    }
    .navtabjourneycls .nav-link span {
        width: 24px;
        height: 24px;
        top: 0px;
        left: 0%;
    }
    .navtabjourneycls .nav-link > b{
        display:none
    }
    .navtabjourneycls .nav-link span small {
        width: 18px;
        height: 18px;
    }
    .navtabjourneysvgiconcls .nav-link span svg {
        height: 12px;
        margin-top: 0px;
    }
    .navtabjourneycls .nav-link b {
        padding-top: 0;
        font-size: 10px;
    }
    .createjobformouterdivcls .navtabjourneycls {
        overflow: auto;
    }
    .jdt_actions{
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .jdsteps .jdsteps-indicator {
        padding: 3px 5px;
        background: #f5f5f5;
        border-radius: 5px;
        color: #4f4f4f;
        font-size: 12px;
        text-align: center;
        width: 100%;
    }
    .jdsteps .jdsteps-indicator > span{
        display:none
    }
    .navtabjourneysvgiconcls .nav-item:last-child span svg {
        margin-left: -1px;
    }
    .ctcperannumjobdivcls .datedurationtotextcls::after {
        right: auto;
        top: 7px;
        position: relative;
        left: 25%;
    }
    .ctcperannumjobdivcls .col-md-2 {
        width: 30%;
        margin-bottom: 15px;
    }
    .ctcperannumjobdivcls .col-md-4 {
        width: 70%;
        margin-bottom: 15px;
    }
    .tabcontentPreviewLeftcls {
        width: 100%;
    }
    .tabcontentPreviewRightcls {
        width: 100%;
        padding-left: 0;
    }
    .jobcirclstaginnercolcls {
        width: 100%;
        margin-bottom: 20px;
    }
    .managejoblistpagecls {
        padding-top: 27px;
    }
    .managejoblistpagecls .candidateinnercolcls {
        height: auto;
        width: 100%;
        float: left;
    }
    .jobdetailspagecls .candidateinnercolcls {
        height: auto;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .cardadded_daysstatuscls {
        padding-top: 10px;
    }
    .analyticsLeftdivcls {
        width: 100%;
        border-bottom: 1px solid #d0d0d0;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .analyticsRightdivcls {
        width: 100%;
        padding-left: 0;
    }
    .cardrowDetailsouterdivcls {
        margin-bottom: 10px;
    }
    .analyticsLeftdivcls .customselect2stylecls, .analyticsRightdivcls .customselect2stylecls {
        width: 100%;
        margin-left: 0;
    }
    .analyticsLeftdivcls h3, .analyticsRightdivcls h3 {
        margin-bottom: 20px;
    }
    .svglocationbtag, .svgexperiencebtag, .svglpabtag {
        margin-bottom: 5px;
    }

    .skillset_box_Bodydivcls .job_skill {
        display: grid;
        justify-content: flex-start;
        align-items: stretch;
    }
    .skillset_box_Bodydivcls .job_skill .skil_info,
    .skillset_box_Bodydivcls .job_skill .skill_Weigh{
        width: 100%;
            gap: 10px;
    }
    /* end job */

    /* start client */
    .advfiltertopsectioncls {
        padding-left: 13px !important;
        padding-right: 13px !important;
        margin-bottom: 20px;
        padding-bottom: 15px;
        display: none !important;
    }
    .advfiltertopinnersectioncls, .advfiltertopLeftsectioncls, .advfiltertopLeftsectioncls .filter {
        display: block !important;
    }
    .advfiltertopLeftsectioncls .filter-search {
        margin-right: 0px !important;
        margin-bottom: 12px;
    }
    .advfiltertopLeftsectioncls .filter .dropdown {
        margin-bottom: 10px;
        margin-right: 0;
        display: block !important;
    }
    .advfiltertopLeftsectioncls .filter .filter-btn {
        width: 100%;
        text-align: left;
    }
    .advfiltertopLeftsectioncls .filter .filter-btn img {
        float: right;
    }
    .advfiltertopsectioncls .sortingouterdivcls {
        display: block !important;
        text-align: right;
    }
    .candidate-choice, .nav.nav-tabs {
        display: block !important;
    }
    .candidate-choice{
        background: transparent;
        padding: .25rem;
        width: 104% !important;
        margin-left: -2%;
        position: sticky;
        top: 0;
        z-index: 1;
    }
    .candidate-choice:before{
        /* content: ''; */
        width: 100%;
        height: 3px;
        top: -3px;
        position: absolute;
        display: block;
        background: #e1e4e9;
    }
    .nav.nav-tabs.reporttabs{
        display: flex !important;
        padding-bottom: 11px;
        overflow: auto;
    }
    .candidate-choice .nav.nav-tabs {
        margin-bottom: 20px;
    }
    ul.pagination {
        margin-top: 20px;
        justify-content: center;
    }
    .pocemailContactdivcls {
        display: block !important;
    }
    .breadcrumbInnercls .bookmark-btns {
        display: inline-block;
    }
    .JobDetail-nav .nav-link {
        font-size: 14px;
        margin-bottom: 10px;
        background: #f3f1f2 !important;
        padding: 5px 10px !important;
        line-height: 1.3;
        border: 1px solid #d5d5d5;
    }
    .JobDetail-nav .nav-pills .nav-link.active, .JobDetail-nav .nav-pills .show > .nav-link {
        color: #ffffff;
    }
    .JobDetail-nav .nav-link.active {
        color: #fff;
        border-radius: var(--bs-nav-pills-border-radius);
        border-bottom: 2px solid #3db389;
        background: #3db389 !important;
    }
    #job-detailHeader h3 {
        font-size: 18px;
        line-height: 22px;
    }
    .headingBtmsubTextcls {
        font-size: 14px;
    }
    .jobdetailHeaderinnerdivcls {
        display: block !important;
    }
    #job-detailHeader .client-dropdown {
        margin-top: 15px;
    }
    #job-detailHeader .client-dropdown .btn.dropdown-cardtoggle2 {
        display: block;
        width: 100%;
        text-align: left;
    }
    #job-detailHeader .client-dropdown .btn.dropdown-cardtoggle2::after {
        float: right;
    }

    .JobDetail-nav .nav-item:not(:last-child) {
        margin-right: 0 !important;
    }

    .detail-title {
        width: 50%;
        font-size: 12px;
    }
    .detail-data {
        font-size: 12px;
        width: 50%;
    }
    .createNewBtn {
        height: 34px;
        width: auto;
        padding-top: 0;
        padding-bottom: 0;
    }
    .createNewBtn .text-style-1 {
        font-size: 12px;
    }
    .createNewBtn img {
        width: 16px;
    }
    .activityLog {
        padding-left: 0;
    }
    .logBox {
        margin-left: 25px;
        padding: 10px;
    }
    .log-line {
        left: 65px;
    }
    .log-dot {
        left: 65px;
    }
    .activityIcon {
        width: 25px;
        height: 25px;
    }
    .logBox p {
        font-size: 12px;
    }
    .poc-tabCard {
        height: auto;
        padding-top: 12px;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    header.basic-box h4 {
        font-size: 16px;
    }
    .draft-dialog {
        width: 100%;
        margin: 0;
    }
    .draft-content {
        margin: 0 20px;
    }
    .modal-footer .removeAllInvite {
        width: 47%;
        font-size: 12px;
    }
    .modal-footer .inviteBtn {
        width: 47%;
        font-size: 12px;
    }
    .inviteBtn2 {
        font-size: 14px;
    }
    .inviteBtn2 img {
        width: 14px;
        margin-top: -2px;
    }
    .company-text, .company-text.job {
        font-size: 12px;
    }
    .pocUserDetailsdivcls {
        display: block !important;
    }
    .poc-tabCard .text-style-1 {
        font-size: 12px;
    }
    .newContractAddtion .col-6 {
        width: 100%;
        position: relative;
    }
    .contract-card {
        height: auto;
        display: block;
    }
    .contract-card img {
        margin-bottom: 10px;
    }
    .contract-card .ms-3 {
        margin-left: 0 !important;
    }
    .newContractAddtion .col-6 .dropdown {
        position: absolute;
        right: 15px;
        top: 10px;
    }
    .mobilewidthBreadRcls {
        width: 45%;
    }
    .breadcrumb_btnRightcls .btn-next, .breadcrumb_btnRightcls .btn-previous {
        width: 70px;
        padding: 4px;
        margin-right: 0px;
    }
    .form-basic h4 {
        font-size: 16px;
    }
    .form-basic > .py-4 {
        padding: 18px !important;
    }
    .alertmsgContainercls {
        width: 100%;
    }
    .shorterroralertcls, .shortsuccessalertcls {
        min-width: 100%;
        width: 100%;
    }
    .followFlow-text {
        text-align: center;
        font-size: 12px;
        line-height: 16px;
        bottom: -5px;
    }
    .formstepIcon {
        width: 32px;
        height: 32px;
    }
    .success-box {
        min-height: auto;
        display: block !important;
    }
    .success-left {
        width: 100%;
        margin-bottom: 20px;
        padding: 10px !important;
        margin-top: 0px !important;
    }
    .success-right {
        width: 100%;
        padding: 20px !important;
    }
    .success-right .TalbotiqBtn-1, .success-right .TalbotiqBtn-2 {
        width: 140px;
    }
    .btn.btn-grid, .btn.btn-list {
        padding: 5px;
    }
    img.Sorting-padding {
        padding-left: 4px;
        padding-right: 0;
    }

    p.totalClient {
        text-align: center !important;
        display: block;
        width: 100%;
    }
    h4.tabHeading {
        font-size: 16px;
    }
    .EditBtn2 p {
        font-size: 12px;
    }
    .EditBtn2 svg {
        width: 14px;
    }
    /* end client */

    /* start interview */
    .interviewcompnyDcls {
        flex-wrap: wrap;
        margin-top: .75rem;
    }
    .interviewBtmActiondivcls {
        padding-top: 18px;
        padding-bottom: 10px;
    }
    .linkBox {
        height: auto;
    }
    .linkBox p {
        word-break: break-all;
    }
    .openlinkBtmDetailsdivcls {
        display: block !important;
    }
    .openlinkBtmDetailsdivcls .jobinfo {
        margin-bottom: 8px;
    }
    .interview-info .interview-detail {
        display: flex !important;
    }
    .interviewBtmStatusdivcls{
            flex-direction: column;
    align-items: flex-start !important;
    gap: 0.5rem;
    }
    .openLinkevalutebtnlistcls {
        padding-top: 15px;
        padding-bottom: 5px;
    }
    .passFailWrapper {
        float: none !important;
        margin-bottom: 15px;
    }
    .passFailWrapper .btn {
        width: 50%;
    }
    .ratingBtnIcon {
        width: 14px;
        height: 14px;
    }
    .ratingBtn {
        width: auto;
        margin-right: 4px !important;
        padding-right: 10px;
        height: 28px;
    }
    .ratingBtn .ratingBtnText {
        font-size: 12px;
        padding-left: 8px;
    }
    .SatisfactionSection .col-6 {
        width: 100%;
    }
    .mobileWidth100percls {
        width: 100% !important;
    }
    .feedbackRatingBox {
        display: block;
        height: auto;
    }
    .feedbackRatingWrapper {
        display: block;
    }
    .ratinglines {
        margin-left: 18px !important;
    }
    .feedrating-text {
        margin-left: 15px;
    }
    #feedboxLeft {
        margin-left: 0;
        padding-left: 20px;
        padding-right: 20px;
    }
    .CircularBox:not(:last-child) {
        margin-right: 10px;
    }
    .CircularBox p.text-style-1 {
        font-size: 12px;
    }
    .feedcomplete-bar {
        width: 110px;
    }
    .ratedCircularBox:not(:last-child) {
        margin-right: 10px;
    }
    .ratedCircularBox .text-style-1 {
        font-size: 12px;
    }
    .ratedCircularBox .pie_progress__content {
        font-size: 12px;
    }
    .userReply p.reply-text {
        font-size: 12px;
    }
    .ratedReply p.ratedText {
        font-size: 12px;
    }
    #feedboxLeft .rating-circles {
        padding-top: 30px;
        padding-bottom: 12px;
    }
    #feedboxLeft .CircularBox {
        width: 30%;
        text-align: center;
    }
    .videotagplayercls {
        width: 100%;
        margin-bottom: 0;
    }
    .subtitleBox {
        margin-top: 20px !important;
    }
    .videoSwiper-button-next, .videoSwiper-button-prev {
        width: 50px;
        height: 50px;
    }
    .videoSwiper-pagination {
        left: 45%;
    }
    .videoSwiper-button-next, .swiper-rtl .videoSwiper-button-prev {
        right: 0%;
        left: auto;
        top: 18%;
    }
    .videoSwiper-button-prev, .swiper-rtl .videoSwiper-button-next {
        left: 0%;
        right: auto;
        top: 18%;
    }
    .sharelinkCopy p.text-style-1 {
        word-break: break-all;
    }
    .VideoBoxHeading {
        font-size: 15px;
    }
    .submitRatingBox .ratingSubmit {
        width: 100%;
    }
    .openlinkbox {
        height: auto;
    }
    .openlinkbox p {
        word-break: break-all;
    }
    .success-filters {
        display: block !important;
    }
    .success-dropdown .btn {
        width: 100%;
        text-align: left;
    }
    .success-dropdown:not(:last-child) {
        margin-right: 0;
    }
    .success-dropdown .btn img {
        float: right;
    }
    .selfLiveinterviewoutercls {
        display: block !important;
        padding-bottom: 15px;
    }
    .selfLiveinterviewoutercls .interviewText-1 {
        font-size: 13px;
        line-height: 20px;
        margin: 0;
    }
    .selfInterviewBox {
        display: block;
        width: 100%;
        text-align: center;
        height: auto;
    }
    .interviewHeadingoutercls {
        display: block !important;
        margin-bottom: 10px;
    }
    .interviewHeadingoutercls .interviewHeading {
        display: inline-block;
    }
    .liveInterviewBox {
        width: 100%;
    }
    .orline {
        border-left: none;
        height: 80px;
    }
    .selectjobCompanyListcls .row .col-4 {
        width: 100%;
    }
    .addquestionLeftdivcls, .addquestionRightdivcls, .interviewColLeftdivcls, .interviewColRightdivcls {
        width: 100%;
    }
    .assesmentouterdivcls .assesmentCLeftdivcls {
        width: 100%;
    }
    .assesmentouterdivcls .assesmentCRightdivcls {
        width: 100%;
        padding-top: 10px;
    }
    .Q-option:not(:last-child) {
        margin-right: 8px;
    }
    .addedQuestion {
        position: relative;
    }
    .questionNumber {
        font-size: 12px;
        width: 18px;
        height: 18px;
        position: absolute;
        left: -7px;
        top: -5px;
    }
    .Q-alloptions > div .dropdown.Q-option {
        display: inline-block;
    }
    .PreviewHeading {
        font-size: 14px;
        line-height: 16px;
    }
    .addedPreviewBox .botThumbnail {
        width: 55px;
    }
    .form-steps.formStepsdivTextcls {
        height: 85px;
    }
    .form-steps.formStepsdivTextcls .followFlow-text {
        bottom: -25px;
        position: relative;
        left: 0;
        transform: none;
        white-space: break-spaces;
    }
    .row.i_cards {
        width: 100%;
        --bs-gutter-x: 0;
    }
    p.totalCandidate {
        text-align: center !important;
    }
    .rateGroup {
        display: block;
    }
    .rateGroup div:not(:last-child) {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .rateGroupinputformdivcls {
        display: block !important;
    }
    .sharePreviewFields {
        width: 100%;
    }
    .rateGroupinputformdivcls > div {
        margin: 0 0 15px 0 !important;
    }
    .postnameBtmdetailscls {
        display: block !important;
    }
    .PreviewHeader img {
        width: 100px;
    }
    .overallFeedbackListcls ul {
        margin-bottom: 20px;
    }
    .overallFeedbackListcls ul li{
        flex-direction: column;
        align-items: baseline;
        justify-content: center;
    }
    .overallStardivcls {
        float: none;
        margin-top: 6px;
    }
    /* end interview */

    /* start task */
    .calenderOuterdivcls {
        width: 100%;
        overflow-x: auto;
    }
    .calenderOuterdivcls::-webkit-scrollbar {
        width: 5px;
        height: 8px;
        background-color: #d2d2d2;
        border-radius: 20px;
        cursor: pointer;
    }
    .calenderOuterdivcls::-webkit-scrollbar-thumb {
        background: #979797;
        border-radius: 20px;
        cursor: pointer;
    }
    #calendar {
        width: 800px;
    }
    .fc .fc-col-header-cell-cushion {
        font-size: 16px;
    }
    .connectCalenderdivcls {
        margin-bottom: 12px;
    }
    /* end task */

    /* start library */
    .uploadvideoOuterdivcls {
        display: block !important;
    }
    .uploadvideocoldivcls {
        width: 100% !important;
        margin-bottom: 20px;
    }
    .recordvideocoldivcls {
        margin-left: 0;
        width: 100% !important;
    }
    #QuestionTextArea {
        font-size: 14px;
        line-height: 20px;
    }
    .library .row > div {
        width: 100%;
    }
    .library-filter-section > div, .library-filter-section > div > div {
        display: block !important;
    }
    .library-filter-section .library-filter-btn {
        width: 100%;
        text-align: left;
    }
    .library-filter-section .library-filter-btn img.Sorting-padding {
        padding-left: 0;
        float: right;
    }
    .library-filter-section .filter-search {
        margin-bottom: 10px;
        margin-right: 0 !important;
    }
    .library-filter-section .filter {
        margin-bottom: 10px;
    }
    .library-filter-section .filter .dropdown.Candidate-dropdown {
        width: 100%;
    }
    .library-filter-section .filter .library-filter-btn {
        width: 100%;
    }
    .library-filter-section .filter .library-filter-btn img {
        float: right;
    }
    .videoTypeBtn {
        min-width: 30%;
        border: 1px dashed #cecece;
        border-radius: 4px;
        height: 80px !important;
    }
    .addedPreviewBox {
        display: block;
    }
    .addedPreviewBox .deleteQuestionBtn {
        width: auto;
    }
    /* end library */

    /* start interview scheduler candidate */
    .SchedulerBox {
        width: 100%;
    }
    .InformationFooter {
        height: auto;
        display: block;
        padding: 10px 0;
        margin-top: 10px;
    }
    .InformationFooter nav {
        text-align: center;
        display: block;
    }
    .InformationFooter li {
        display: inline-block;
        font-size: 12px;
    }
    .submitFooter .logoFooter {
        padding-top: 10px;
    }
    .submitFooter .logoFooter img {
        width: 100px;
    }
    .ScheduleSuccessBox {
        width: 100%;
        margin: 0 20px;
    }
    .ScheduleSuccessBox h3 {
        font-size: 20px;
    }
    .ScheduleSuccessBox .cont-btn {
        height: 42px;
        font-size: 14px;
        margin-top: 25px !important;
    }
    /* end interview scheduler candidate */

    /* start One-Way Interview Candidate */
    #videoBox {
        width: 100%;
    }
    #IntroSection {
        padding: 0 20px;
    }
    #IntroSection > h3 {
        font-size: 20px;
    }
    .WelcomeSection {
        margin-top: 20px !important;
    }
    .WelcomeImg, .PermissionImg {
        width: 200px;
    }
    .WelcomeSection h3, .PermissionSection h3, .CameraSection h3 {
        font-size: 20px;
    }
    .WelcomeSection p.text-style-2, .PermissionSection p.text-style-2 {
        font-size: 14px;
        padding: 0 30px;
        text-align: center;
    }
    .WelcomeSection .cont-btn {
        height: 40px;
        font-size: 14px;
    }
    .backContinueSection {
        width: 100%;
        text-align: center;
    }
    .backContinueSection .back-Btn, .backContinueSection .cont-btn {
        width: 35%;
        height: 40px;
        font-size: 14px;
        display: inline-block;
    }
    .cameraMicrophone {
        display: block;
        width: 100%;
        padding: 0 30px;
    }
    .cameraMicrophone .dropdown {
        width: 100%;
        margin-bottom: 20px;
    }
    .cameraMicrophone .chooseBtn {
        width: 100%;
    }
    #Camera-Screen {
        display: block;
        width: 100%;
        padding: 0 30px;
    }
    #volumeBar {
        display: none;
    }
    .CameraSection h3 {
        font-size: 18px;
        padding: 0 30px;
    }
    #CameraSection {
        padding-bottom: 80px;
    }
    #PractiseSection {
        display: block;
        padding: 30px 20px 0 20px;
    }
    .practiseBox {
        display: block;
        width: 100%;
        padding: 20px;
        height: auto;
        padding-bottom: 30px;
    }
    .practiseBox h3 {
        margin-top: 10px !important;
    }
    .Practise-info {
        display: block;
        text-align: center;
        margin-top: 25px !important;
    }
    .practiseDialog {
        display: inline-block;
        margin-right: 0 !important;
        text-align: center;
    }
    .practiseDialog span.text-style-3 {
        font-size: 11px;
    }
    .practiseDialog p.text-style-1 {
        font-size: 12px;
    }
    .startSkipSection {
        width: 100%;
        margin-top: 25px !important;
        text-align: center;
    }
    .startSkipSection a {
        display: inline;
    }
    .startSkipSection .practiseBtn, .startSkipSection .practiseBtn2 {
        font-size: 14px;
        width: 42%;
        display: inline-block;
    }

    /* end One-Way Interview Candidate */

    /* start candidate portal */

    /* start header and sidemenu */
    .headersetioncls {
        padding-left: 52px;
    }
    .dashboardlogocls {
        padding-top: 12px;
        padding-left: 12px;
    }
    .dashboardlogocls img {
        max-width: 82px;
    }
    .dashboardmenucls {
        width: 52px;
    }
    .dashboardmenucls li {
        margin-bottom: 15px;
    }
    .dashboardmenucls li > a {
        padding: 6px;
    }
    .dashboardmenucls li img {
        width: 18px;
    }
    .dashboardmenucls li .dashbmenutitlecls {
        top: 2px;
    }
    /* .pagetitledivcls.candidateportalTitlecls {
        border-bottom: 1px solid #c0e4d7;
    } */
    /* end header and sidemenu */

    /* start candidate portal commom css */
    .circlepaginationcls {
        padding-top: 0;
        flex-direction: column;
    }
    /* end candidate portal commom css */

    /* start candidate home */
    .searchjobinputformdivcls {
        margin-bottom: 20px;
    }
    .jobsearchforminputcls, .searchjoblocationinputcls {
        width: 100%;
        margin-bottom: 10px;
    }
    .candidatecardInfoTextdivcls {
        max-width: 100%;
        padding-top: 20px;
        padding-left: 25px;
    }
    .searchjobbuttoncls {
        width: 100%;
    }
    .searchjobinputformdivcls .form-control {
        height: 40px;
    }
    .searchjobinputformdivcls span.input-group-text {
        border-right: 1px solid #ececec;
        border-radius: 3px;
    }
    .jobsearchforminputcls span.input-group-text {
        padding-right: 12px;
    }
    .searchjobinputformdivcls span.input-group-text svg {
        width: 16px;
    }
    .searchjoblocationinputcls span.input-group-text svg path {
        fill: #888;
    }
    .searchjoblocationinputcls span.input-group-text {
        padding-left: 10px;
        border-right: none !important;
    }
    .searchjobbuttoncls .orangebtncls {
        height: 40px;
        border-radius: 4px;
    }
    .candidatecardInfoTextdivcls h2 {
        font-size: 20px;
    }
    .candidatecardInfoTextdivcls .canheadingsubtxtcls {
        font-size: 12px;
    }
    .candidatecardInfoTextdivcls .completefillouterbarcls {
        max-width: 240px;
    }
    .candidatecardInfoTextdivcls .btn {
        font-size: 12px;
    }
    .candidatecardInfoBgdivcls {
        background-size: 118px;
    }
    .candidatevisitgraphdivcls {
        margin-top: 20px;
    }
    .candidateprofilecardstatuscls {
        margin-bottom: 15px;
    }
    .candidateprofilestatusdivcls {
        margin-bottom: 15px;
    }
    .commonProfileCardButtoncls {
        padding-top: 10px;
    }
    .candidatecommonHeadingcls h3 {
        font-size: 20px;
    }
    .candidatecommonHeadingcls .row > div {
        display: inline-block;
        width: auto;
    }
    .candidatecommonHeadingcls .orangebtncls {
        padding: 3px 12px;
    }
    .candidatecommonProfileCard {
        margin-bottom: 18px;
    }
    /* end candidate home */

    /* start candidate job */
    .nav-tabs.customflat_tabcls .nav-link {
        padding: 0 5px 7px 5px;
    }
    .customflat_tabcls li.nav-item {
        display: inline-block;
    }
    .candidateJobsOutertabcls {
        padding-top: 15px;
    }
    .candidateportalTitlecls h2 svg {
        margin-right: 5px;
    }
    .cardrowDetailsdivcls .commonProfileCardButtoncls {
        padding-top: 15px !important;
    }
    .candidateportaljobdetailspgcls .cardrowDetailsouterdivcls {
        margin-bottom: 15px;
    }
    /* end candidate job */

    /* start candidate profile */
    .profileTopLeftD_colcls {
        width: 70px;
        height: 70px;
    }
    .profileTopLeftD_colcls img {
        width: 62px;
        height: 62px;
    }
    .profileTopRightD_colcls {
        width: calc(100% - 70px);
        padding-left: 10px;
        padding-top: 3px;
    }
    .previewsvgsquarebtncls {
        font-size: 12px;
        padding: 5px 10px 5px;
        margin-right: 10px;
    }
    .profilesharePrevdivbtncls .candidateaddcommonbtncls {
        font-size: 12px;
        padding: 7px 10px;
        position: relative;
        top: -1px;
    }
    .profilesharePrevdivbtncls {
        padding-top: 16px;
    }
    .canProfileExptsalrycls .row .col-md-4 {
        width: 65%;
        margin-bottom: 15px;
    }
    .canProfileExptsalrycls .row .col-md-2 {
        width: 35%;
        margin-bottom: 15px;
    }
    .canProfileExptsalrycls .toTextpositioncls::after {
        right: 50%;
        top: 44px;
    }
    .canIncludeUrlchckbxcls > label {
        display: none !important;
    }
    .appendskillscoldivcls span {
        margin-bottom: 12px;
    }
    .canexp_contentbodyMidtextcls {
        width: calc(100% - 60px);
    }
    .canexp_contentbodyRighteditcls {
        width: 65px;
        position: absolute;
        inset: 20px 0 auto auto;
    }
    .candidatecommoneditbtncls {
        margin-left: 5px;
    }
    .canexp_contentbodyMidtextinnercls p {
        font-size: 12px;
        line-height: 18px;
    }
    .canexp_contentbodyMidtextinnercls span {
        font-size: 12px;
        padding-bottom: 3px;
    }
    .approvedenyrowdivcls p {
        padding-top: 0;
        font-size: 12px;
    }
    .approvedenyrowdivcls .btn {
        margin-left: 5px;
        padding: 4px 12px;
        margin-top: 10px;
        font-size: 11px;
    }
    .candidateEducationsec_cls .canexp_contentbodyMidtextcls, .candidateCertificationsec_cls .canexp_contentbodyMidtextcls {
        padding-left: 0;
        width: calc(100% - 60px);
    }
    .profiledocumentMidTextdivcls {
        width: calc(100% - 30px);
        padding-left: 0;
        padding-top: 15px;
    }
    .profiledocumentRightdivcls {
        width: 25px;
        margin-top: 15px;
    }
    .profiledocumentMidTextdivcls h4 {
        font-size: 16px;
    }
    .profiledocumentMidTextdivcls p {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 0;
    }
    /* end candidate profile */

    /* start candidate resume */
    .customfileuploadsquarecls {
        padding: 40px 5px;
    }
    .videorecordedResumedivcls {
        width: 100%;
    }
    .videorecordedcolumnTextcls p {
        font-size: 12px;
        line-height: 18px;
    }
    .blackCanaddcommonbtncls {
        margin-top: 15px !important;
    }
    .videopermissiondivcls .modalbtmbuttoncls .btn {
        width: 35%;
        font-size: 12px;
    }
    .videopermissiondivcls h4 {
        font-size: 16px;
    }
    .cameraMicrophoneSettingcls .modalbtmbuttoncls .btn {
        width: 35%;
        font-size: 12px;
    }
    .videorecordedcolumnbtncls .btn {
        font-size: 12px;
    }
    .sharecandidateformcls .customformradiocls {
        margin-right: 10px;
    }
    .resumeselecttmpltecolcls {
        margin-top: 12px;
    }
    .resumeselecttmpltecolcls .form-group {
        margin-right: 0 !important;
    }
    /* end candidate resume */

    /* start gotointerview */
    .gotointerviewLayoutcls {
        margin-bottom: 70px !important;
    }
    .previewtopLogocls img {
        max-width: 100px;
    }
    .gotointerviewouterdivcls {
        padding: 0 20px;
    }
    .interviewdetailscolcls {
        padding: 20px;
    }
    .interviewLisvgiconcls {
        width: 26px;
    }
    .interviewLiSpanDtagcls {
        width: calc(100% - 28px);
    }
    .interviewtopbannerDcls h2 {
        font-size: 16px;
        line-height: 26px;
    }
    .organizationDuedatecls span {
        font-size: 13px;
    }
    .interviewBtncls {
        font-size: 14px;
        padding: 12px 50px;
    }
    .interviewLiSpanDtagcls {
        font-size: 12px;
    }
    .gotointerviewouterdivcls p {
        font-size: 12px;
    }
    .gotointerviewfootercls li {
        font-size: 12px;
        padding: 0 8px;
        margin-bottom: 8px;
    }
    .interviewJobdetailscolcls {
        padding: 20px;
    }
    .footertopLogocls img {
        max-width: 100px;
    }
    .gotointerviewfootercls {
        height: 70px;
    }
    /* end gotointerview */

    /* start profile and resume preview */
    .profilepreviewdivcls {
        padding: 0 20px;
    }
    .candidateresumePrevievdivcls, .previewmoreInfodivcls {
        margin: 0 20px 20px;
    }
    /* end profile and resume preview */

    /* end candidate portal */

    /* start task management */
    .tasklistContentOuterdivcls {
        width: 100%;
        overflow-x: auto;
    }
    .tasklistContentdivcls {
        width: 900px;
    }
    .addTaskbtndivcls {
        padding-top: 0;
        margin-bottom: 22px;
    }
    ul.dropdown-menu.dropdown-company .company-tab {
        padding-right: 35px;
        font-size: 12px;
        line-height: 16px;
    }
    ul.dropdown-menu.dropdown-company .tab-width {
        min-width: 220px;
    }
    .durationmorefilterdivcls .row .col-6 {
        width: 100%;
        margin-bottom: 15px;
    }
    .durationmorefilterdivcls .form-fields {
        font-size: 12px;
    }
    .relateeTolistdivcls .form-check-label {
        font-size: 12px;
    }
    .durationmorefilterdivcls .task-icon, .craeteNewtaskModal .task-icon {
        display: none;
    }
    .assignToRightdivcls strong {
        font-size: 12px;
    }
    .assignToRightdivcls span {
        font-size: 10px;
    }
    .assignTolistdivcls .roundcustomcheckboxcls {
        right: 12px;
    }
    .craeteNewtaskModal .form-fields {
        font-size: 12px;
    }
    .mobileblanklabelnonecls {
        display: none;
    }
    .selectTextrecurrencecls {
        padding-top: 0;
        padding-bottom: 10px;
    }
    .dayslistdivcls {
        margin-top: 18px;
    }
    .forminputdivcls.formRadioInputdivcls .form-fields {
        width: 65px !important;
    }
    .onTherecurrencedivcls .customselect2stylecls {
        width: 125px;
        margin-bottom: 10px;
        margin-right: 0px !important;
    }
    .taskTopHeadingInnerdivcls {
        font-size: 13px;
    }
    .maintaskListrowdivcls h3 {
        font-size: 12px;
    }
    .assignTolistOuterdivcls {
        width: 100%;
    }
    /* end task management */

    /* start crm Lead */
    .labeltagsectiondivcls {
        margin-bottom: 20px;
    }
    .customAccordianHeadingcls {
        padding: 12px 0 5px;
    }
    .customAccordianHeadingLeftcls h4 {
        font-size: 16px;
    }
    .addtaskOuterDrpdwncls .btn-upload {
        font-size: 12px;
        float: right;
        height: 28px;
        padding: 0 5px 0 8px;
    }
    .addtaskOuterDrpdwncls .btn-upload svg {
        width: 14px;
    }
    .crmCustomTabledatacls thead th, .crmCustomTabledatacls td {
        font-size: 12px;
    }
    .crmCustomTabledatacls {
        width: 800px;
    }
    .notesBox {
        padding-right: 45px;
    }
    .notesBox p {
        font-size: 13px;
    }
    .orangewithoutBgtbtncls {
        font-size: 12px;
        position: relative;
        top: -4px;
    }
    .orangewithoutBgtbtncls svg {
        width: 14px;
        height: 14px;
    }
    #sureModal .modal-dialog {
        width: 96%;
    }
    /* end crm Lead */

    /* start referral */
    .CommonReferralTabledivcls table.greenTabledatadivcls {
        width: 1000px;
    }
    .actionTdBtndivcls .talOrangebtncls {
        height: 26px;
        line-height: 25px;
        font-size: 12px;
        padding: 0 10px;
    }
    .detailTextSvgBtncls {
        font-size: 12px;
    }
    .detailTextSvgBtncls svg {
        width: 16px;
    }
    .referCanTopDetailUlcls li {
        width: 100%;
        margin-bottom: 10px;
        border-right: none;
        padding-right: 0;
        margin-right: 0;
    }
    .referSkillsetInnerdivcls {
        display: block;
        width: 100%;
        padding-left: 0;
        padding-bottom: 10px;
    }
    .customUploadShortText {
        width: calc(100% - 44px);
    }
    .customUploadShortInput {
        padding: 10px;
        height: auto;
        width: 100%;
        float: left;
    }
    .customUploadShortBtn {
        padding-top: 5px;
        width: 100%;
    }
    .talCancelBtn, .talOrangebtncls {
        padding: 0 15px;
        min-width: auto;
    }
    .flatWhiteBgAccordioncls .accordion-button {
        padding: 15px;
    }
    .referralColtextcls {
        font-size: 12px;
        padding-left: 8px;
        margin-left: 5px;
    }
    .firstColtextbrdernonecls {
        padding-left: 0;
        margin-left: 0;
        border-left: none;
    }
    .accordionSvgArrowcls {
        top: 20px;
    }
    /* end referral */
    .tabrightsideSortingcls {
        width: 100%;
        float: left;
    }
    .madalwidth90percent {
        max-width: 100% !important;
    }
    .taskDetailModalBodyLeftcls, .taskDetailModalBodyRightcls {
        width: 100%;
    }

    /* start updated responsive */
    .side-menu {
        transition: all 0.3s ease-in-out;
    }
    .side-menu.active {
        display: none;
    }
    .side-menu.active ~ .main-window {
        width: 100%;
        left: 0;
    }
    .slider-btn-active {
        background:  none;
        width: 36px;
        height: 36px;
        text-align: center;
        line-height: unset;
        margin-left: 0;
        margin-top: 0;
        border-radius: 0 3px 3px 0;
        left: 0;
        z-index: 1000;
    }
    .slider-btn-active .desktopSvgarrowcls {
        display: none;
    }
    .slider-btn-active .mobileSvgarrowcls {
        display: inline-block;
    }
    .pageBackArrowanchorcls {
        margin-right: 8px;
        width: 24px;
        height: 24px;
        flex-shrink: 0;
    }
    .pageBackArrowanchorcls img {
        width: 100%;
        height: 100%;
        position: relative;
        top: 0;
    }
    
    .breadcrumbInnercls h4 {
        font-size: 16px;
        margin-block: 0;
    }
    .breadcrumbInnercls ol.breadcrumb {
        display: none;
    }
    .breadcrumb_btnRightcls .bookmark-btns .btn-add .text-style-1 {
        font-size: 12px;
    }
    .breadcrumb_btnRightcls .bookmark-btns .btn-add {
        height: 26px;
    }
    .breadcrumb_btnRightcls .bookmark-btns img {
        width: 12px;
    }
    .main-window {
        width: 100%;
        left: 0;
        /*height: 100%;*/
    }
    .main-window::before {
        width: 100%;
        height: 100%;
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        background: rgba(0, 0, 0, .4);
        z-index: 99;
        display: none;
    }
    .main-window.main-window-active::before {
        display: block;
    }
    .candidate-choice>div:not(.nav){
        display: flex;
        align-items: center;
    }
    .tabSortRightActiondivcls {
        display: flex;
       align-items: center;
       padding-top: 10px;
       gap: 10px;
       margin-bottom: .5rem;
       justify-content: end;
    }
    .tabSortRightActiondivcls select{
        width: 75px;
        height: 34px;
        color: #4f4f4f;
        font-size: 14px;
    }
    .tabSortRightActiondivcls .dropdown{
        flex: 1 0 0 ;
    }
    .tabSortRightActiondivcls .dropdown .filter-btn:has(.Sorting-padding){
        width: 100%;
    }
    .row-flex > div[class*="col-"] {
        margin-bottom: 10px;
    }
    .mobileOverlayDropcls {
        position: fixed !important;
        left: 0 !important;
        top: 0 !important;
        transform: none !important;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .5);
        border-radius: 0 !important;
        z-index: 1040;
    }
    .dropdown-menu.mobileOverlayDropcls > ul {
        background: #fff;
        width: 96%;
        margin: 0 auto;
        border-radius: 10px 10px 0 0;
        position: absolute;
        bottom: -300px;
        left: 2%;
        padding: 10px 20px !important;
        -webkit-transition: all 5s ease;
        -moz-transition: all 5s ease;
        -o-transition: all 5s ease;
        -ms-transition: all 5s ease;
        transition: all 5s ease;
    }
    .dropdown-menu.mobileOverlayDropcls.show > ul {
        bottom: 0;
    }
    .candidatecustomdrpdwncls .dropdown-menu li a {
        padding: 6px 8px !important;
        width: 100%;
        display: block;
    }
    .blockSettinguLlistcls li {
        width: 100%;
        margin-bottom: 10px;
    }
    .blockSettinguLlistcls li:first-child {
        padding-right: 0;
    }
    .blockSettinguLlistcls li:last-child {
        padding-left: 0;
        margin-bottom: 0;
    }
    .sideOverlayslidedivcls {
        height: calc(100vh - 60px);
    }
    .sideOverlayBodycls {
        height: calc(100vh - 166px);
    }
    .graphChartcolcls h4 {
        font-size: 16px;
        font-weight: 500;
    }
    .offset-body {
        width: 100%;
    }
    .offsetbody-body.w-100.p-3 {
        padding-top: 0 !important;
    }
    .offsetbody-header {
        height: 46px;
        padding-top: 10px !important;
        border-bottom: 1px solid #dee2e6!important;
        margin-bottom: 15px;
    }
    .offsetclose-btn {
        right: 12px;
        top: 10px;
    }
    .noteTitleInputcls {
        min-height: 40px;
    }
    .noteTitleInputcls .col-md-10 {
        width: calc(100% - 58px);
        float: left;
    }
    .noteTitleInputcls .col-md-2 {
        width: 58px;
        float: left;
    }
    .noteTitleInputcls .customUploadShortBtn {
        width: auto;
        padding-top: 0;
    }
    .allTaskCalendardivcls {
        width: 100%;
        padding-left: 0;
        overflow-x: auto;
        margin-top: 10px;
    }
    .plannerFullCalendardivcls {
        min-height: auto;
        width: 800px;
    }
    .mobileOverlayDropcls .client-dropdown-cardmenu p.dropdown-item {
        padding-left: 0;
        padding-right: 0;
    }
    .breadcrumb_btnRightcls .taskassignpeoplecls {
        padding-top: 5px;
        display: none;
    }
    .whitekbColflexOuterdivcls {
        z-index: auto;
    }
    .removeDisplayBmobilecls {
        display: flex !important;
    }
    .treeViewTabOuterdivcls {
        width: 100%;
        overflow-x: auto;
    }
    .treeViewMainTaskDcls {
        width: 800px;
    }
    .client-dropdown {
        padding: 1px 12px;
    }
    .squareRadiusSvgBtncls {
        padding: 3px 4px;
    }
    .squareRadiusSvgBtncls svg {
        width: 16px;
        height: 16px;
    }
    .headingEditdrpdwncls > li {
        padding-left: 0;
        padding-right: 0;
    }
    .orangeDropdownBtncls {
        /* font-size: 12px;
        height: 26px; */
        min-width: 100px;
    }
    .orangeDropdownBtncls svg {
        width: 12px;
        height: 12px;
    }
    .taskTopHeadingDetailscls {
        padding: 10px 10px 0;
    }
    .modalBreadcrumbdivcls {
        padding: 6px 8px 5px;
        border-radius: 4px;
        margin-bottom: 5px;
    }
    .mobileBtnNonecls {
        display: none;
    }
    .taskDetailsModalcls .task-close {
        float: right;
    }
    .mobileOverlayDropInnercls {
        background: #fff;
        width: 96%;
        margin: 0 auto;
        border-radius: 10px 10px 0 0;
        position: absolute;
        bottom: 0;
        left: 2%;
        padding: 10px !important;
        padding: 0;
    }
    .memberListDrpdwncls.mobileOverlayDropcls {
        min-width: 100%;
        width: 100% !important;
    }
    .calenderMegaDropdowncls .mobileOverlayDropInnercls {
        height: auto;
    }
    .calenderMegaDropdowncls .customCalenderdivcls .flatpickr-calendar {
        width: 100%;
    }
    .calenderMegaDropdowncls .calenderActionformdivcls .dropdownBottomBtndivcls {
        position: initial;
    }
    .calenderRightDetaildivcls {
        width: 100%;
    }
    .customCalenderdivcls, .calendarShadowNonecls .flatpickr-calendar {
        width: 100%;
    }
    .mobileOverlayDropInnercls .flatpickr-innerContainer {
        display: block;
    }
    .weekendsWorkRowdivcls {
        margin-bottom: 10px;
    }
    .columnaddtaskdivcls {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: 1091;
    }
    .columnaddtaskdivcls .addtaskformdivcls {
        width: 96%;
        left: 2%;
        top: 38%;
    }
    .columnaddtaskdivcls textarea.form-control {
        height: 100px;
    }
    .addtasklistBoardListcls .addtaskformdivcls {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 109;
    }
    .addtasklistBoardListcls .addtaskformInnerdivcls {
        background: #fff;
        padding: 12px;
        border-radius: 5px;
        position: relative;
        top: 40%;
    }
    .chatmeetingBtndivcls {
        padding-top: 8px;
    }
    .meetNowBtncls {
        padding: 4px 8px 2px;
        font-size: 12px;
        margin-left: 5px;
    }
    .scheduleMeetingBtncls {
        padding: 4px 8px;
        font-size: 12px;
        margin-left: 3px;
    }
    .chatWindowLeftdivcls {
        width: 100%;
        box-shadow: none;
        height: auto;
        -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;
    }
    .chatWindowRightdivcls {
        width: 100%;
        box-shadow: none;
        display: none;
    }
    .chat_backBtncls {
        display: block;
        margin-top: 2px;
    }
    .chatUserListcls li.selected_Chat_usercls, .selected_Chat_usercls {
        background: #fff;
    }
    .mobileViewchatcls .tal_live_chat_headerText {
        width: calc(100% - 65px);
    }
    .ChatWindowBodycls .tal_live_chat_BodyChat {
        height: calc(100vh - 230px);
    }
    .chatUserListInnerdivcls {
        height: calc(100vh - 180px);
    }
    .chatUserListcls .chatuserName {
        font-size: 12px;
    }
    .chatUserListcls .callVideoSvgiconcls .tal_BtmInputbtncls {
        float: none;
    }
    .shareTablicls {
        width: 100%;
        float: left;
    }
    .taskDurationdivcls .row > .col-3 {
        width: 100%;
    }
    .everyrepeatselctdivcls .row > .col-6 {
        width: 50% !important;
    }
    .everyrepeatselctdivcls .row > .col-6 label.formtext-1 {
        display: block;
    }
    .reminderColdivcls .row .reminderInputdivcls {
        width: 50%;
        margin-top: 5px;
    }
    .callListUldivcls {
        width: 100%;
        height: calc(100vh - 230px);
    }
    .callListUldivcls .tal_BtmInputbtncls svg {
        width: 20px;
        height: 20px;
    }
    .callListUldivcls li .chatuserName {
        margin-top: 9px;
    }
    .chatWindowRightHeadercls .row > div {
        width: 50%;
    }
    .chatWindowHistorydivcls {
        height: calc(100vh - 170px);
    }
    .chatWindowOuterdivcls {
        height: auto;
    }
    .chatWindowH4cls {
        margin-top: 5px;
    }
    .commonAdd-dropdownBtn .dropdown-toggle {
        padding: 4px 15px 4px 12px;
        font-size: 12px;
    }
    .commentParaBgTextcls p, .commentedProdivrowcls p {
        font-size: 12px;
    }
    .allTaskListdivcls .advfiltertopsectioncls {
        display: block !important;
        padding: 0 !important;
    }
    .slidetoggleBtncls {
        display: none;
    }
    .allTaskListdivcls {
        width: 100%;
    }
    .allTaskListdivcls .filter-section .filter-search {
        width: 100%;
    }
    .allTaskheadingdivcls {
        margin-bottom: 10px;
    }
    .allTaskListdivcls .advfiltertopsectioncls .dropdown.Candidate-dropdown {
        width: 50%;
        float: left;
    }
    .allTaskListdivcls .advfiltertopsectioncls .dropdown.plannerSortBycls {
        float: left;
        width: 50%;
        padding-left: 10px;
    }
    .plannerTaskUllistcls {
        display: flex;
        flex-direction: column;
    }
    .plannerlilistcls {
        padding-right: 10px;
    }
    .plannerlilistInnercls {
        width: 100%;
        flex: 1 0 0 ;
    }
    .topSelectBtndivcls {
        padding-top: 10px;
    }
    .topSelectBtndivcls .filter-btn {
        padding: 3px 10px;
        font-size: 12px;
    }
    .plannerDurationdropcls {
        display: none;
    }
    .taskModileHeadingBlockcls {
        display: block;
    }
    .taskSortActionBtn-dropdown {
        margin-left: 0;
        margin-right: 10px;
    }
    .taskSortActiondivcls {
        padding-top: 10px;
    }
    .plannerUserdropdowncls {
        padding-top: 10px;
    }
    .taskDplannerOverflowcls {
        width: 100%;
        overflow-x: auto;
    }
    .taskBoardContentcls .plannerFullCalendardivcls {
        height: 400px;
    }
    .kbTopCardDetailscls .taskH3Textcls {
        font-size: 13px;
        line-height: 18px;
        margin-top: 4px;
    }
    .recentTaskListdivcls > ul > li {
        padding: 3px 8px;
    }
    .spantaskDatetextcls {
        font-size: 10px;
        padding: 1px 10px;
    }
    .kbTopCardDetailscls {
        margin-bottom: 10px;
    }
    .recentTaskBtmProgressdivcls {
        padding-left: 0;
    }
    .recentTaskListdivcls .performanceOuterBarcls {
        width: 155px;
    }
    .userCommentDetaildivcls .commonAttachUploadedTextcls {
        width: calc(100% - 50px);
    }
    .task-shadowOuterdivcls {
        width: 100%;
        padding-right: 0;
    }
    .callAttendalertOuterdivcls {
        min-width: 230px;
        right: 10px;
        bottom: 10px;
        padding: 0 8px;
    }
    .spanUsercallingName {
        display: block;
        font-size: 14px;
    }
    .spanCallingText {
        font-size: 12px;
    }
    .spanCallUserImgcls img {
        width: 34px;
        height: 34px;
    }
    .callAttendalertInnerdivcls {
        height: auto;
    }
    .callAttendalertdivcls {
        display: block !important;
        text-align: center;
    }
    .callAttendUserImgTextcls {
        display: block;
    }
    .callAttendActionbtncls {
        padding-left: 0;
        display: block !important;
        padding-top: 8px;
    }
    .spanCallUserImgcls {
        display: inline-block;
        margin-bottom: 5px;
    }
    .interviewVideoHeadercls {
        height: 66px;
    }
    .interviewVideoLogocls img {
        max-width: 100px;
    }
    .interviewVideoActionbtncls .interviewVideoActionColcls:nth-child(1) {
        width: auto;
        position: absolute;
        right: 0;
        top: 0;
    }
    .interviewVideoStartTimecls {
        border-radius: 4px;
        padding: 1px 10px 3px;
        height: auto;
        margin-top: 8px;
        margin-right: 10px;
    }
    .interviewVideoStartTimecls b {
        font-size: 12px;
        font-weight: 500;
    }
    .interviewVideoStartTimecls svg {
        width: 15px;
    }
    .interviewVideoActionbtncls .interviewVideoActionColcls:nth-child(2), .interviewVideoActionbtncls .interviewVideoActionColcls:nth-child(3) {
        width: 50%;
    }
    .interviewVideoActionbtncls .interviewVideoActionColcls:nth-child(2) {
        text-align: left !important;
    }
    .interviewInnerBtncls {
        margin: 0 1px;
    }
    .videoBtncls {
        width: 34px;
        height: 34px;
        line-height: 18px;
    }
    .videoBtncls svg {
        width: 18px !important;
        height: 18px !important;
    }
    .interviewVideoActionbtncls {
        height: 54px;
        padding-top: 10px;
        padding-left: 10px;
        padding-bottom: 10px;
        padding-right: 10px;
    }
    .interviewLayoutcls, .fullVideoOuterdivcls, .fullInterviewVideoScreencls {
        height: calc(100vh - 120px);
    }
    .fullInterviewVideoScreencls {
        padding: 10px 10px 0;
    }
    .fullVideoInnerdivcls {
        height: calc(100vh - 132px);
    }
    .otherVideothumbPaddingcls {
        border: 3px solid #fff;
        width: 160px;
        height: 140px;
        margin-bottom: 10px;
    }
    .videoCardUserNamedivcls strong {
        padding: 3px 8px;
    }
    .videoCardUserNamedivcls strong {
        font-size: 12px;
    }
    .otherVideothumbInnercls .videoCardUserNamedivcls strong {
        font-size: 11px;
        display: block;
        float: none;
        margin-bottom: 5px;
    }
    .cardvideoBtns {
        width: 26px;
        height: 26px;
    }
    .cardmicSvg, .cardcamSvg {
        width: 14px;
        height: 14px;
    }
    .otherInterviewVideothumbcls {
        right: 18px;
        top: 20px;
        height: calc(100vh - 198px);
    }
    .interviewLayout2 {
        width: 100%;
    }
    .interviewLayout2 .fullVideoInnerdivcls {
        height: 140px;
        width: 185px;
        right: 8px;
        bottom: 55px;
        z-index: 9;
    }
    .interviewLayout2 .videoCardUserNamedivcls strong {
        margin-bottom: 6px;
        float: left;
    }
    .interviewLayout2 .otherVideothumbPaddingcls {
        width: 100%;
        height: 150px;
        margin-bottom: 0;
    }
    .interviewLayout2 .otherInterviewVideothumbcls {
        height: calc(100vh - 170px);
        display: block;
        padding: 5px;
    }
    #layoutModal .modal-dialog, .interviewModalStylecls .modal-dialog {
        width: auto;
    }
    .interviewRecordingStartTimecls {
        border-radius: 4px;
        padding: 1px 10px 3px;
        height: auto;
        margin-top: 8px;
        margin-right: 10px;
    }
    .interviewRecordingStartTimecls b {
        font-size: 12px;
        font-weight: 500;
    }
    .interviewRecordingStartTimecls svg {
        width: 15px;
    }
    .stoprecordingOverlaycls {
        top: 36px;
        text-align: right;
        padding-right: 12px;
    }
    .changeBgImgOuterdivcls {
        width: 118px;
    }
    .changeBgvideoOuterdivcls {
        width: calc(100% - 118px);
        padding: 0 10px 0 0;
    }
    .changeBackgroundModalcls .fileinputlabel {
        margin-right: 0;
    }
    .changeBackgroundModalcls .fileinputlabel span {
        font-size: 11px;
    }
    .changeBackgroundModalcls .talCancelBtn, .changeBackgroundModalcls .talOrangebtncls {
        padding: 0 8px;
        min-width: auto;
        font-size: 12px;
        margin-left: 10px;
    }
    .interviewOuterChatdivcls {
        width: 250px;
        padding: 0px 5px 20px 0;
    }
    .slideLayoutdivcls {
        width: 100%;
    }
    .interviewInnerChatdivcls {
        height: calc(100vh - 88px);
    }
    .interviewOuterChatdivcls .tal_live_chat_BodyChat {
        height: calc(100vh - 176px);
    }
    .addPeopleOuterdivcls {
        width: 300px;
        padding: 0px 5px 20px 0;
    }
    .addPeopleInnerdivcls {
        height: calc(100vh - 88px);
    }
    .callingUserSvgIconcls span {
        width: 120px;
        height: 120px;
        line-height: 110px;
    }
    .callingUserSvgIconcls span svg {
        width: 46px;
        height: 46px;
    }
    .whiteDropdownBtndivcls {
        padding: 0px 22px 0px 12px;
    }
    .editBottombtndivcls {
        position: fixed !important;
        background: #fff !important;
        width: 96% !important;
        padding: 10px !important;
    }
    .addReminderModalcls .modal-dialog, .customRemindModalcls .modal-dialog {
        margin: 0 auto;
    }
    .mainTaskCommentdivcls {
        min-height: 100px;
    }
    .meetingTableDatadivcls {
        overflow-x: auto;
        padding-bottom: 10px;
    }
    .meetingTableDatacls {
        width: 800px;
    }
    .meetingBtndivcls {
        padding-top: 0px;
    }
    .dividerborderdivcls {
        margin-top: 10px;
    }
    .squareRnavpillscls {
        padding-top: 10px;
    }
    .squareRnavpillscls .nav-link {
        margin-bottom: 10px;
    }
    .userCallTimespancls, .userCallDatespancls {
        min-width: auto;
        margin-top: 5px;
    }
    .chatWindowHistorydivcls .tal_BtmInputbtncls svg {
        height: 20px;
    }
    .callVideoSvgiconInnercls {
        text-align: right;
        display: block;
        height: 26px;
    }
    .chatWindowHistorydivcls .tal_BtmInputbtncls {
        float: none;
    }
    /* start chatlist */
    .ChatWindowMenucls {
        width: 100%;
        height: auto;
    }
    .chatmenuUlcls li {
        float: left;
        width: 70px;
    }
    .chatmenuUlcls li a {
        border-bottom: 2px solid transparent;
        border-right: 1px solid #e9e9e9;
    }
    .chatmenuUlcls li a.chatmenuActivecls {
        border-bottom: 2px solid #3db389;
        border-right: none;
    }
    .allInoneChatdivcls .ChatBodyTabCdivcls {
        width: 100%;
    }
    .allInoneChatdivcls .chatUserListInnerdivcls {
        height: calc(100vh - 242px);
    }
    .allInoneChatdivcls .callListUldivcls {
        height: calc(100vh - 294px);
    }
    .allInoneChatdivcls .ChatWindowBodycls .tal_live_chat_BodyChat {
        height: calc(100vh - 294px);
    }
    .allInoneChatdivcls .chatWindowHistorydivcls {
        height: calc(100vh - 234px);
    }
    .chatWindowH4cls {
        font-size: 16px;
    }
    .chat_backBtncls svg {
        width: 16px;
        height: 16px;
    }
    .chatWindowHeadingdivcls {
        padding: 5px 12px 8px;
    }
    .chatWindowRightHeadercls {
        padding: 6px 15px;
    }
    /* end chatlist */
    /* start live video V2 */
    .liveVideoV2cls .fullVideoInnerdivcls {
        height: calc(100vh - 295px);
    }
    .liveVideoV2cls .otherInterviewVideothumbcls {
        right: auto;
        top: auto;
        bottom: 55px;
        height: 155px;
        overflow-x: auto;
        overflow-y: hidden;
        width: 100%;
        display: flex;
        position: fixed;
    }
    .liveVideoV2cls .otherVideothumbPaddingcls {
        display: inline-block;
        vertical-align: top;
        flex: none;
        margin-right: 10px;
    }
    .liveVideoV2cls .interviewLayout2 .otherInterviewVideothumbcls {
        grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
        position: initial;
        height: calc(100vh - 306px);
        display: grid;
        overflow-y: auto;
        padding: 0;
    }
    .liveVideoV2cls .interviewLayout2 .fullVideoInnerdivcls {
        width: 95%;
        right: auto;
        height: 165px;
    }
    .liveVideoV2cls .interviewLayout2 .otherVideothumbPaddingcls {
        margin-right: 0;
        padding: 5px;
    }
    .liveVideoV2cls .interviewLayout2 .otherVideothumbPaddingcls .videoCardUserNamedivcls strong {
        width: 100%;
    }
    /* end live video V2 */
    /* start brand page */
    .breadcrumb_btnRightcls .btn-add {
        width: auto;
        padding: 0 6px;
    }
    .bg-talbotiq {
        height: 80px;
        width: 80px;
    }
    .brand-container {
        margin-left: 15px;
        margin-right: 0;
        background: #fafafa;
    }
    .bg-talbotiq-logo img {
        width: 110px;
    }
    .stepupSection h1 {
        font-size: 24px;
    }
    h4.setuptext {
        font-size: 14px;
        padding: 0 15px;
        line-height: 22px;
    }
    .cont-btn {
        width: 140px;
        height: 42px;
        font-size: 14px;
    }
    .back-Btn {
        width: 185px;
        height: 42px;
        font-size: 14px;
    }
    .setuptext2 {
        font-size: 16px;
        line-height: 22px;
        margin-top: 15px !important;
    }
    .brandButtonsSection {
        margin-top: 40px !important;
    }
    .howToBtn {
        margin-top: 38px !important;
    }
    .stepupSection2 {
        margin-top: 100px;
    }
    .setupHeadingtext {
        font-size: 18px;
        line-height: 28px;
    }
    .slectionBox {
        width: 90%;
        margin: 0 auto;
    }
    .brandclient {
        height: 60px;
        padding: 5px 10px;
    }
    .brandclient h5 {
        font-size: 14px;
    }
    .brandclient p {
        font-size: 12px;
    }
    .back-Btn2, .cont-btn2, .cont-btn2.opacity {
        width: 140px;
        height: 42px;
        font-size: 14px;
    }
    .brandProfileBox {
        width: 90%;
        height: 170px;
    }
    .uploadBrandBox {
        height: 112px;
    }
    .brandProfileBox h5, .brandIntroBox h5 {
        font-size: 14px;
        margin-bottom: 10px !important;
    }
    .brandIntroBox {
        width: 50%;
        height: 158px;
        padding: 10px !important;
    }
    .uploadBrandBox p.text-style-1 {
        font-size: 11px;
        line-height: 16px;
        padding: 0 6px;
    }
    .uploadBrandBox svg {
        width: 38px;
        height: 38px;
    }
    .uploadSection .brandButtonsSection {
        margin-top: 30px !important;
    }
    .uploadSection h5.setuptext {
        font-size: 12px;
        margin-top: 15px !important;
    }
    #discriptionBox1 {
        width: 90%;
        height: 150px;
    }
    .LayoutBoxOuterdivcls {
        display: block !important;
        text-align: center;
        margin-top: 25px !important;
    }
    .LayoutBox {
        width: 40%;
        display: inline-block;
        margin-bottom: 15px;
    }
    .LayoutBox:not(:last-child) {
        margin-right: 10px;
    }
    .layoutSvg {
        width: 100%;
        height: auto;
    }
    .useThisBtn, .previewBtn {
        width: 100px;
        height: 26px;
        font-size: 11px;
    }
    .layout-option {
        visibility: visible;
        display: block !important;
    }
    .tal-logo {
        height: 50px;
    }
    .BrandNav {
        height: 50px;
    }
    .tal-logo img {
        width: 30px;
    }
    .BrandBtn1 {
        font-size: 14px;
    }
    .BrandBtn2 {
        width: auto;
        height: 26px;
        padding: 0 10px;
        font-size: 14px;
    }
    .BrandOptionBar {
        margin-top: 50px;
        padding-left: 10px !important;
    }
    .templatebandtoplogodivcls img {
        width: 150px;
    }
    .brand-section {
        min-height: 110px;
    }
    .GuideBtn, .undo-redo, .previewBtn {
        display: none;
    }
    .previewParatextcls {
        margin-right: 0 !important;
    }
    .BrandOptionBar h5 {
        font-size: 14px;
    }
    .brandSideMenu {
        width: 50px;
    }
    .builderBtn2 {
        width: 32px;
        height: 32px;
        border-radius: 100%;
    }
    .builderMenuSvg {
        width: 18px;
        height: 18px;
    }
    .BrandMainWindow {
        width: calc(100% - 50px);
        left: 50px;
    }
    .BrandMainWindow .brand-section {
        padding: 10px;
    }
    .template-wrapper {
        margin-top: 112px;
        margin-bottom: 30px;
    }
    .template-wrapper .brandInterviewBox {
        height: auto;
        padding-bottom: 15px;
    }
    .brandintrovideodivcls video {
        height: auto;
    }
    .publishPage {
        width: 100%;
        min-height: 100%;
    }
    .publishLogo img.img-fluid {
        max-width: 150px;
        margin-top: 30px !important;
    }
    .brandInterviewBox h4 {
        font-size: 16px;
        line-height: 24px;
    }
    .brandInterviewBox p {
        font-size: 12px;
        padding: 0 15px;
    }
    .goInterviewBtn {
        width: auto;
        height: 36px;
        font-size: 14px;
        padding: 0 20px;
    }
    .brand-section {
        padding: 10px 20px;
    }
    .InformationFooter {
        height: auto;
        display: block;
        padding: 10px;
    }
    .InformationFooter nav {
        display: block;
        text-align: center;
    }
    .InformationFooter li {
        display: inline-block;
        font-size: 12px;
    }
    .logoFooter {
        height: auto;
        padding: 10px;
    }
    .logoFooter img {
        width: 100px;
    }
    .dotButton {
        font-size: 11px;
    }
    .template .pickBtn {
        width: 190px;
        height: 36px;
        font-size: 14px;
    }
    .brand-menuWidth {
        width: 330px;
        height: auto;
        transform: none !important;
        top: 106px !important;
        left: 55px !important;
        position: fixed !important;
        z-index: 9 !important;
    }
    .selectLayout {
        width: 90px;
        height: 80px;
    }
    .themeBox {
        width: 200px;
        height: 40px;
    }
    .ThemeAlphabet {
        font-size: 16px;
        line-height: 26px;
    }
    .colors {
        width: 100px;
        height: 30px;
    }
    .updateTabBtn {
        height: 30px;
        margin-top: 15px;
        font-size: 12px;
    }
    .optionsHeader h5 {
        font-size: 14px;
    }
    .BrandMainWindow .template {
        width: 100%;
    }
    .modalPublishBtn {
        height: 38px;
    }
    .brand-menuWidth {
        width: 320px;
        height: auto;
    }
    .brand-menu-nav {
        padding-left: 8px;
    }
    .brand-link {
        background: 0 0;
        border: 0;
        border-radius: 0.25rem;
        font-size: 12px;
    }
    .brand-link:not(:last-child) {
        margin-bottom: 5px;
    }
    .browseBtn, .pickBtn {
        height: 30px;
        font-size: 12px;
    }
    /* end brand page */

    /* start library */
    .mediaCard {
        min-height: auto;
    }
    .breadcrumb_btnRightcls div.bookmark-btns ul a.dropdown-item {
        padding-left: 0;
        padding-right: 0;
    }
    .breadcrumb_btnRightcls div.bookmark-btns ul a.dropdown-item .text-style-2 {
        font-size: 14px;
    }
    .libraryUploadWrapper h4 {
        font-size: 16px;
    }
    .VideoTypeContainer label.customfileuploadsquarecls {
        padding: 0;
        width: 30%;
    }
    .videoTypeBtn p {
        font-size: 12px;
    }
    /* end library */
    .modal-header h5.modal-title {
        font-size: 14px;
    }
    .candidateListdivcls .nav-tabs {
        margin-bottom: 10px;
        overflow: auto;
        display: flex !important;
        gap: 10px;
    }
    .assignCanFilterdivcls .allcandidateadvfilterinnercls {
        margin-bottom: 0;
    }
    .assignCanFilterdivcls .allcandidateadvfilterinnercls .form-group {
        display: none;
    }
    .assigncandidateListdivcls {
        max-height: 300px;
        margin-bottom: 10px;
    }
    .assignCanPaginationcls {
        padding-left: 10px;
        display: block !important;
    }
    .assignOuterPagdivcls {
        text-align: right;
    }
    .assignOuterPagdivcls nav {
        display: inline-block;
        padding-top: 0 !important;
    }
    .assignOuterPagdivcls ul.pagination {
        margin-top: 15px;
    }
    .totalPaginationCount {
        font-size: 12px;
    }
    .assignCanSelecteddivcls h3 {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .candidateListdivcls {
        padding-right: 10px;
        border-right: none;
        border-bottom: 1px solid #cfcfcf;
        margin-bottom: 10px;
    }
    .assignCandidateModalcls .modalbtmbuttoncls {
        padding-bottom: 15px;
    }
    .assigncandidateListOuterdivcls {
        min-height: auto;
    }
    .subTaskInnerdivcls .kbTopCardDetailscls {
        margin-bottom: 0;
    }
    .dashBoardFooter {
        padding-left: 5px;
    }
    .dashBoardFooter span {
        margin-left: 0;
        display: block;
        margin-top: 2px;
    }
    .JobDetail-nav .nav.nav-pills {
        padding-bottom: 0;
    }
    .candidate-choice .nav.nav-tabs, .JobDetail-nav .nav.nav-pills {
        display: flex !important;
        align-items: center !important;
        overflow-x: auto;
        flex-wrap: nowrap;
        margin-bottom: -10px;
        padding-block: 16px;
        gap: 10px;
        padding-top: 0;
    }
    .nav.nav-tabs .candidate-btn, .JobDetail-nav .nav-item {
        font-size: 14px;
        margin-right: 0 !important;
        flex: none;
    }
    .candidate-choice .nav.nav-tabs::-webkit-scrollbar, .candidate-choice .nav.nav-tabs::-webkit-scrollbar-thumb, .JobDetail-nav .nav.nav-pills::-webkit-scrollbar, .nav.nav-tabs.stepformNavjustifiedcls::-webkit-scrollbar {
        opacity: 0;
        visibility: hidden;
    }
    .job-info.px-3.pt-3 {
        padding: 10px !important;
    }
    .breadcrumb_btnRightcls .options-btn {
        width: 26px;
        height: 26px;
    }
    .breadcrumb_btnRightcls .options-btn svg.options-icon {
        width: 16px;
        height: 16px;
    }
    section.jobs-data.mt-4 {
        margin-top: 10px !important;
    }
    .boardbreadcrumbdivcls {
        margin-top: 12px;
    }
    .company-avatar-image {
        width: 40px;
        height: 40px;
    }
    .totalJob {
        width: 100%;
        text-align: center !important;
    }
    .CreateJobBtn p {
        font-size: 14px;
    }
    .CreateJobBtn svg {
        width: 14px;
        height: 14px;
    }
    .QuestionSetSection .nav-link {
        font-size: 14px;
    }
    .quesVideoThumbnailcls {
        width: 100%;
        height: auto;
    }
    ul.quesVideoThumbnailTabcls {
        display: flex;
        overflow-x: auto;
    }
    .quesVideoThumbnailTabcls li {
        width: 90%;
        flex: none;
        margin-right: 10px;
    }
    .questionCardTextcls h4 {
        font-size: 14px;
    }
    .questionCardvideocls video {
        height: 92px;
    }
    .questionCardvideocls {
        height: auto;
    }
    .interviewQuesCardListcls .row div[class*="col-"] {
        margin-bottom: 10px;
    }
    .ansVideoFullSlidecls {
        width: 100%;
        padding-left: 0;
        height: 250px;
    }
    .feedbackVideoQuesWisecls {
        width: 100%;
        height: auto;
        padding-left: 0;
        padding-top: 10px;
    }
    .fullscreenmodalcls .modal-content {
        height: auto;
    }
    .quesVideoThumbnailTabcls .interviewQuesCardBoxcls::after {
        right: auto;
        top: auto;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 8px solid #3DB389;
        border-bottom: none;
        bottom: -8px;
        left: 50%;
    }
    .ratingcirclesOuterdivcls {
        width: 100%;
        height: auto;
    }
    .ratingcirclesOuterdivcls .pie_progress {
        width: 50px;
    }
    .boxrating {
        width: 100%;
        overflow-x: auto;
        padding-bottom: 10px;
    }
    .viewallFeedbackbtncls {
        font-size: 12px;
        padding: 4px 8px;
    }
    .detailWrapper.mt-3 {
        margin-top: 7px !important;
    }
    .liveAnswerQuestionModalcls .ansVideoFullSlidecls {
        width: 100%;
        height: 250px;
    }
    .groupTaskpagecls .taskTopHeadingDetailscls {
        margin-bottom: 10px;
    }
    .dropdown-menu.profile-menu.mobileOverlayDropcls > ul, .dropdown-menu.notification-menu.mobileOverlayDropcls > ul {
        padding: 0 !important;
    }
    .all-notifications {
        height: 78vh;
    }
    .SaveSet {
        margin-top: 15px;
    }
    .Questions-section .Q-alloptions {
        display: block;
    }
    .Q-alloptionsRightdivcls {
        padding-top: 10px;
        display: flex;
    }
    .allcandidateadvafiltercls, .tabrightsideSortingcls {
        display: none;
    }
    .candidatepagecls .candidateinnercolcls {
        height: auto;
    }
    .candidatetopdetailscls {
        margin-bottom: 6px;
    }
    .candidatepagecls .candidateslidecolcls {
        margin-top: 12px;
    }
    .candidateinnercolcls {
        margin-bottom: 12px;
    }
    .addCandidateTopbtndivcls .uploadmultiplebtndrpdwncls .dropdown-toggle {
        padding-right: 10px;
        padding-left: 10px;
    }
    .addCandidateTopbtndivcls .btn {
        padding: 5px;
        font-size: 11px;
    }
    .uploadmultiplebtndrpdwncls .dropdown-toggle {
        margin-right: 2px;
    }
    .candidateskillscolcls span {
        font-size: 11px;
        padding: 2px 6px;
    }
    .circlepaginationcls ul.pagination {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .candidateinnercolcls {
        padding: 12px;
    }
    .candidatepic_colcls {
        width: 46px;
        height: 46px;
    }
    .candidatepic_colcls img {
        width: 38px;
        height: 38px;
    }
    .Cshortcutlogocls img {
        width: 12px;
        height: 12px;
    }
    .dropdown-menu.customsvgicondrpdwncls.mobileOverlayDropcls > ul {
        padding: 10px !important;
    }
    .candidatepagecls .draftcandidatetabcls .candidateinnercolcls {
        height: auto;
    }
    .commoncandidatedetailscls .whiteboxshadowbgcls {
        margin-bottom: 10px;
    }
    .commoncandidatedetailscls .whiteboxshadowbgcls {
        padding: 10px;
    }
    .completefillouterbarcls {
        margin-bottom: 0;
    }
    .canProfilecompletecolcls h6 {
        margin-bottom: 4px;
    }
    .candidate_exp_contentcls {
        margin-top: 10px;
    }
    .appendskillscoldivcls span {
        font-size: 12px;
        padding: 4px 7px 4px 10px;
        height: 28px;
    }
    .visibleskillinputstarcls {
        margin-bottom: 5px;
    }
    .candidateMediaexpImgBoxcls .spanappendiconcls {
        padding-top: 0;
        padding-bottom: 0;
    }
    .overallratingdivcls, .selfratingdivcls {
        margin-top: 4px;
    }
    .commoncandidatedetailscls .locationtagcolcls {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .radiocheckListRowdivcls .commonDetailtabTaskListcls .taskH3Textcls {
        width: 88%;
    }
    /* start sam css */
    .commonAttachUploadedcls {
        width: 100%;
    }
    .taskDetailModalBodycls {
        flex-direction: column-reverse;
    }
    .taskDetailModalBodyRightcls,
    .taskDetailModalBodyLeftcls{
        width: 100%;
        float: unset;
    }
    #reminderdropdown {
        max-width: 100%;
        width: 100%;
    }
    .actionrowContainer {
        display: grid;
        grid-template-columns: 1fr;
        gap: 15px;
    }
    /* end sam css */
    .documentIcon, .tal_chatBtncls {
        width: 46px;
        height: 46px;
    }
    .tal_chatBtncls svg {
        width: 46px;
        height: 46px;
    }
    .memberListUlHeightcls {
        max-height: 250px;
    }
    .memberListrightDetails ul.client-dropdown-cardmenu p.dropdown-item {
        padding-left: 10px;
    }
    .taskModalActiondivcls {
        display: block;
    }
    .taskDetailModalBodyRightcls {
        position: fixed;
        left: 100%;
        top: 2%;
        width: 96%;
        background: #fff;
        border-radius: 5px;
        height: 96vh;
        overflow-y: initial;
        -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;
    }
    .taskDetailActionColdivcls {
        height: 86vh;
        overflow-y: auto;
        margin-left: -10px;
        margin-right: -10px;
        padding: 4px 10px;
    }
    .taskDRightactiveTogglecls {
        left: 2%;
    }
    .taskDrightheadDivcls {
        display: block;
    }
    .addcandidatepagecls .customstepformtabcls {
        padding-top: 6px;
    }
    .nav.nav-tabs.customstepformtabcls {
        display: flex !important;
        width: 100%;
        text-align: center;
    }
    .nav-tabs.customstepformtabcls .nav-link {
        width: 100%;
    }
    .nav-tabs.customstepformtabcls li:last-child .nav-link {
        width: -webkit-fill-available;
    }
    .additionalinfouploaddoc_cls .row .col-6 {
        width: 100%;
    }
    .form-group.customfilemultipleuploadcls .input-group {
        width: 100%;
    }
    .stepnextprevbtndivcls {
        padding-top: 7px;
    }
    .managejoblistpagecls .joblistDraftcls .candidateinnercolcls {
        height: auto;
    }
    .bulkuploadtogglebtncls {
        padding: 5px 7px 7px;
    }
    .cardstatusdrpdwncls .customsvgicondrpdwncls {
        width: 100%;
    }
    .skillsmoredropdowncls .customsvgicondrpdwncls {
        top: 0px !important;
        width: 100%;
        left: 0px !important;
        background: rgba(0, 0, 0, .5);
    }
    .customsvgicondrpdwncls {
        padding-top: 0;
        padding-bottom: 10px;
    }
    .uploadmultiplebtndrpdwncls .customsvgicondrpdwncls {
        top: 0px !important;
    }
    .jobinnerrighttextcolcls b {
        padding-bottom: 0;
    }
    .jobinnerrighttextcolcls span {
        font-size: 14px;
    }
    .cardrowDetailsRightdivcls {
        width: calc(100% - 46px);
        padding-left: 7px;
    }
    .cardrowDetailsLeftdivcls, .cardrowDetailsLeftdivcls img {
        width: 46px;
        height: 46px;
    }
    .cardstatusTopbarcls a.dropdown-toggle {
        padding: 2px 10px;
    }
    .candidatepic_coltextcls {
        padding-left: 8px;
    }
    .jobdetailspagecls .recommendCandidatedivcls .candidateinnercolcls {
        height: auto;
    }
    .circleDotSvgbtncls .customsvgicondrpdwncls {
        top: 0px !important;
    }
    .showRecordselectdivcls {
        text-align: right;
    }
    .showRecordselectdivcls .form-select {
        width: 100px;
        display: inline-block;
    }
    .canOverLeftBodyDetailcls {
        padding-right: 20px;
    }
    .canOverviewTableStagecls thead th {
        width: 50%;
    }
    .canOverviewTableStagecls tbody td {
        font-size: 12px;
    }
    .genOfferTabContentdivcls {
        height: auto;
    }
    .nav.nav-tabs.stepformNavjustifiedcls {
        display: flex !important;
        overflow-x: auto;
        flex-wrap: nowrap;
    }
    .nav-tabs.stepformNavjustifiedcls .nav-link {
        flex: none;
    }
    .genOfferRowdivcls {
        margin-bottom: 5px;
    }
    .genOfferLabelcls {
        margin-bottom: 8px;
        padding-top: 8px;
    }
    .genOfferFormHeadingcls {
        padding-top: 10px;
        margin-top: 10px;
    }
    .commonAttachUploadedTextcls {
        width: calc(100% - 140px);
    }
    .commonAttachPrevBtncls {
        width: 102px;
    }
    .nav.nav-tabs.navtabjourneysvgiconcls {
        display: flex !important;
    }
    .customselect2stylecls.maxexperienceslectcls .select2-container {
        width: 68% !important;
    }
    .weightageremainingdivcls span {
        display: block;
        padding: 10px 15px;
    }
    .weightageremainingdivcls {
        text-align: left;
    }
    .greebgradiusbardivcls {
        padding: 6px 12px;
    }
    .leadDetailListdivcls .detailWrapper {
        margin-bottom: 8px;
    }
    .jobthumbnail {
        width: 46px;
        height: 46px;
    }
    .addtaskdropdownlistcls {
        top: auto !important;
        right: auto !important;
        left: 2% !important;
    }
    .allemaildeletebtncls {
        margin-right: 0;
    }
    .targetToggleOuterdivcls {
        text-align: left;
        padding-top: 10px;
    }
    .targetToggledivcls {
        margin-left: 4px;
    }
    .targetTabledivcls {
        margin-bottom: 20px;
        overflow-x: auto;
    }
    .targetTabledivcls table {
        width: 900px;
    }
    ul.card-options.crmcarddropdownoptioncls {
        padding-left: 10px !important;
    }
    .customdrpdwnBoot5cls .customsvgicondrpdwncls {
        right: 0 !important;
        top: 0px !important;
    }
    .dropdown-resumecvOutercls {
        display: inline-block;
    }
    .dropdown-resumecvOutercls .btn-upload {
        height: 26px;
    }
    .dropdown-resumecvOutercls .btn-upload .text-style-1 {
        font-size: 12px;
    }
    .dropdown-resumecvOutercls .btn-upload svg {
        width: 14px;
        height: 14px;
    }
    .crmCommonWhitecarddivcls {
        min-height: auto;
    }
    .modal-upload-btn {
        width: auto;
        height: 32px;
    }
    .dropdown-resumecvOutercls button.btn-upload.bookmark-btns:not(:last-child) {
        margin-right: 2px;
        padding: 0 5px;
    }
    .graphactionButtondivcls .dropdown-menu {
        top: 0px !important;
        width: 100%;
    }
    .dropdown-menu.mobileOverlayDropcls > ul.grapButtonoptioncls {
        padding: 10px 10px !important;
    }
    .bodyfullscreengraphcls canvas {
        width: 100% !important;
    }
    #priority {
        left: 80px;
    }
    .removeAppenTextbtncls {
        right: 0;
    }
    /* .taskDateAppendSpantag {
        padding: 4px 0px 4px 3px;
    } */
    .bodyfullscreengraphcls {
        height: auto !important;
    }
    .graphactionButtondivcls .mobileOverlayDropcls > ul.commonMorefilterdpcls {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .bodytableDatagraphcls {
        height: auto !important;
    }
    .graphChartcolcls {
        height: auto;
    }
    .tal_live_chat {
        right: 0;
        left: 3%;
        bottom: 0;
        width: 94%;
    }
    .tal_live_chat_left {
        display: none;
    }
    .tal_live_chat_right {
        width: 100%;
    }
    .greenBarAccordioncls .submitRatingBox textarea {
        height: 110px !important;
    }
    .applicationdetail-title, .applicationdetail-data {
        width: 50%;
    }
    .candidateSearchpgcls {
        height: auto;
    }
    .candidateTitleListdivcls {
        width: 100%;
        height: auto;
        max-height: 300px;
        margin-bottom: 15px;
    }
    .canSearchListdivcls {
        width: 100%;
        padding-left: 0;
    }
    .greenTabledatadivcls table {
        width: 650px;
    }
    .breadcrumb_btnRightcls .talOrangebtncls {
        height: 30px;
        min-width: 110px;
        padding: 0 5px;
    }
    .billingInvoicedivcls {
        overflow-x: auto;
    }
    .nav.nav-tabs.commonNavCircletabcls {
        display: flex !important;
    }
    .breadcrumb_btnRightcls .tabbtnPrevious, .breadcrumb_btnRightcls .tabbtnNext {
        display: inline-block;
    }
    .breadcrumb_btnRightcls .tabbtnPrevious {
        height: 30px;
    }
    .breadcrumb_btnRightcls .tabbtnNext {
        margin-left: 2px;
    }
    .commonWhiteBoxdivcls > section {
        display: block !important;
    }
    .commonaddMorebtndivcls {
        text-align: right;
    }
    .commonaddMorebtncls {
        margin-bottom: 10px;
    }
    .whitekb_bodycolclslistcls {
        height: auto;
    }
    .platformModificationcls {
        padding-top: 25px;
    }
    .platformModificationcls .row .col-4 {
        width: 100%;
    }
    .planDetailsdivcls .row > div[class*="col-"], .paymentMethoddivcls .row > div[class*="col-"] {
        width: 100%;
    }
    .billBox {
        height: auto;
        padding: 18px;
        margin-bottom: 16px;
    }
    .paymentMethoddivcls .row > div[class*="col-"] {
        margin-top: 0;
    }
    .paymentMethoddivcls {
        padding-top: 20px;
    }
    .membersUserTableDataOutercls {
        width: 100%;
        overflow-x: auto;
    }
    .membersUserTableDatacls {
        width: 800px;
    }
    .rolesPermissionDatacls {
        width: 930px;
    }
    .pipelineboxOuterdivcls {
        overflow-y: initial;
    }
    .matrixOuterdivcls, .otherlistOuterdivcls {
        display: block !important;
    }
    .Pipeline-column {
        width: 100%;
        margin-bottom: 20px;
    }
    .pipeline-tab-content {
        width: 100%;
    }
    .switchtoggleOuterdivcls {
        padding-top: 5px;
    }
    .matrixContentTopbtncls .row .col {
        width: 100%;
        flex: 0 0 100%;
    }
    .addmatrixBtndivcls {
        padding-top: 12px;
    }
    .otherlistOuterdivcls .Pipeline-column {
        width: 100%;
        margin-bottom: 20px;
        max-height: 300px;
        overflow-y: auto;
        display: block;
        overflow-x: hidden;
    }
    .otherlistOuterdivcls .Pipeline-column .pipeline-link {
        display: block !important;
        width: 100%;
        text-align: left;
        margin-left: 0 !important;
    }
    .commonDataTabledivcls {
        width: 100%;
        overflow-x: auto;
    }
    .commonDataTabledivcls table {
        width: 800px;
    }
    .CommonReferralTabledivcls {
        overflow-x: auto;
    }
    /* start candidate folder 
    .gap-1 > *{
        margin-right: 5px;
       }
       .gap-2 > *{
        margin-right: 10px;
       }
       .gap-3 > *{
        margin-right: 15px;
       }*/
       .candidate_folderhead{
        margin-top: 20px;
       }
       .candidatefoldersearchBar .input-group .dropdown-toggle::after {
         margin-left: 0;
       }
       .candidatefoldersearchBar .input-group{
           width:44%;
       }
       .candidatefoldersearchBar .input-group .dropdown,
       .candidatefoldersearchBar .input-group .dropdown .btn{
           width:100%;
       }
       .candidatefoldersearchBar .input-group input, .candidatefoldersearchBar .input-group .dropdown-toggle{
           font-size:12px;
       }
       .candidatefoldersearchBar .searchBtn {
        background: rgba(62, 214, 160, 0.46) !important;
        border-radius: 4px;
        width: fit-content;
        display: grid;
        place-content: center;
        line-height: 1;
        height: 32px;
       }
       .resetFilter button{
           font-size: 12px;
        text-align: center;
        width: 100%;
       }
    /* end candidate folder */

    /* start noteNew */
    .usernotesSearchbarsection .searchbarusernote .input-group{
        max-width: 100%;
     }

    .searchbarBox  .row .col-lg-6, .searchbarBox .row .col-md-6 {
        margin-bottom: 10px;
    }
    .usernotesSearchbarsection .searchbarusernoteBtn button {

        font-size: 12px;
    }
    .taskNoteModalcls .createNewNoteIcons {
        margin-top: 0px;
    }
    .taskNoteModalcls .createTaskChecking label {
        font-size: 10px;
    }
    .taskNoteModalcls .ck-editor__editable {
        min-height: 200px;
    }
    /* end noteNew */
    .signup_form_bg {
        min-width: 100%;
        padding: 20px;
    }
    .taskActivitiesListcls {
        height: auto;
    }
    .whitetilescls {
        margin: 0 5px;
    }
    .graphactionButtondivcls .commonMorefilterOuterdpcls {
        min-width: 100%;
    }
    .advance_filter_btn_div {
        display: block;
        width: 100%;
    }
    .applyCancelBtndivcls {
        text-align: right;
    }
    .advance_filter_activediv {
        display: block !important;
    }
    .toggleSearchSwitchdivcls .allcandidateadvfilterinnercls:first-child {
        width: 100%;
    }
    .cardHtopBtndivcls {
        padding-top: 10px;
    }
    /* start reminder */
    .allTaskListdivcls .leftSidebaarCreateReminder {
        min-height: 440px;
        padding: 1px 1rem !important;
    }
    .modal-body .form-switch{
        display: flex;
        justify-content: end;
        gap: 10px;
    }
    #ModalBody{

        width: 90vw;

    }


    .ModalContent .Time_and_Location, .ModalContent .designreview .para {
        width: 80%;
        display: block;
         font-size: 12px;
    }

    #panel {
        display: none;
    }

    .leftSidebaarCreateReminder .top_heading{
        display: none !important;

    }
    .leftSidebaarCreateReminder{
        margin-top: 15px;
    }

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

    #resendModal .modal-md {
        margin-top: 14rem;
        width: auto;
    }

    .Sharediv_section .social_Icons .icons {

    margin-right: 10px;
        margin-bottom: 11px;
    }
    .breadcrumbInnercls ol.breadcrumb {

       display: flex;
    }
  .filterbytypecheckBoxSection .gap-2 > * {
       margin-right: 5px;
   }
   #ModalWrapper .userTitle .userTitleTags{
       margin-bottom:5px;
   }
   .headerdropdownbutton {

    top: 3px;
}
    /* end reminder */
    .hiddenBoxContainer {
        width: 100%;
        margin-left: 0;
    }
    .hiddenBoxOnlineMeeting {
        margin-left: 0 !important;
    }
    .onlineMeetingModalcls .AllDayTabs {
        width: 100%;
        padding: 0 !important;
    }
    .d-flex.OnlineMeetingModal {
        display: block !important;
    }
    .onlineMeetingModalcls .modal-body .input-group {
        margin-bottom: 10px;
    }
    .approvaltabOuterdivcls {
        padding-left: 0;
    }
    .approvalTabcls .squareRnavpillscls .nav-link {
        padding: 5px 10px;
        font-size: 14px;
    }
    .approvalCheckboxcls {
        position: relative;
        top: -7px;
    }
    .addrepeat-dropdown {
        max-width: 100%;
    }
    .boolean-search-div .allcandidateadvfilterinnercls:first-child {
        width: 88%;
        display: inline-block;
    }
    .jdtemplate-form-divcls .advfiltertopsectioncls {
        display: block !important;
        padding: 0 !important;
    }
    .userNotesboxesSectionRow {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .company-tab {
        padding-right: 20px;
        padding-left: 0;
    }
    .tab-width {
        min-width: auto;
        width: 100%;
    }
    .moreFilter-section {
        display: none !important;
    }
    .allcandidateadvfilterinnercls .customsvgicondrpdwncls {
        top: 0px !important;
    }
    .allcandidateadvfilterinnercls .customsvgicondrpdwncls {
        width: 100%;
    }
    .jobdetailspagecls .tab-pane .advance_filter_btn_div {
        padding-left: 0;
        padding-right: 0;
    }
    .date-width-dropdown {
        width: 100%;
    }
    .email-section-div {
        display: block;
    }
    .email-section-left-div {
        width: 100%;
    }
    .email-section-right-div {
        width: 100%;
        display: none;
    }
    .email-list-header {
        display: block;
    }
    .email-listH-col-right {
        text-align: right;
        padding-top: 10px;
    }
    .email-listH-col-right .compose-email-btn {
        display: inline-block;
    }
    .email-list-header {
        padding-top: 60px;
    }
    .email-list-count-div {
        bottom: auto;
        top: 0;
    }
    .email-body-content-header, .email-body-content-details-top, .email-compose-action-btn-div {
        display: block;
    }
    .email-body-content-header-title {
        display: flex;
    }
    .body-content-user-action {
        padding-top: 10px;
        padding-left: 50px;
    }
    .email-body-content-header-action {
        text-align: right;
        padding-top: 5px;
    }
    .email_body_back_btndiv {
        display: block;
    }
    .email-address-text-div {
        padding-right: 8px;
    }
    .email-compose-header-sec {
        padding-top: 20px;
    }
    .email-compose-H-bar-field .compose_xtra {
        top: -38px;
    }
    .email-compose-action-btn-div div:last-child {
        padding-top: 15px;
        text-align: right;
        display: block;
    }
    .email-compose-action-btn-div div:last-child button {
        display: inline-block;
    }
    .customUploadShortInput {
        padding: 10px;
        height: auto;
        display: block;
    }
    .customUploadShortText {
        width: auto;
    }
    .customUploadShortBtn {
        width: 100%;
        float: none;
        padding-top: 5px;
    }
    .star_rating_withHeading {
        margin-top: 15px;
    }
    .star_rating_withHeading .skill_rating_detaildiv {
        height: auto;
        max-height: 330px;
    }
    .skill_rating_detaildiv ul > li:last-child {
        margin-bottom: 0;
    }
    .skill_rating_detaildiv ul {
        margin-bottom: 0;
    }
    .twitter_skill_inputcls {
        width: 100%;
        border-right: none;
        margin-right: 0;
        margin-bottom: 5px;
    }
    .add_skillSet_formdivcls {
        display: block;
    }
    .add_skillSet_formdivcls > div {
        display: block;
    }
    .star_outerset_ratingcls {
        width: 100%;
        display: flex !important;
        align-items: center !important;
        justify-content: center;
        padding: 0 12px;
        margin-bottom: 8px;
    }
    .star_outerset_ratingcls .star_ratingcls {
        justify-content: end;
    }
    .weightage_groupouterdivcls {
        border-left: none;
        padding-left: 12px;
        padding-right: 10px;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between;
        margin-bottom: 5px;
    }
    .details_form_rowdivcls {
        display: block;
        margin-bottom: 26px;
    }
    .details_form_leftcolcls {
        flex: initial;
        margin-bottom: 15px;
    }
    .star_rating_submitbtndivcls {
        text-align: right;
        padding-top: 5px;
    }
    .star_rating_submitbtndivcls .add_skillset_btncls {
        height: 36px;
        width: 36px;
    }
    .recruit_dash_dflexcls {
        display: block;
    }
    .recruit_dash_leftColflexcls {
        width: 100%;
        margin-bottom: 15px;
    }
    .dashboard_columnBoxcls, .time_to_fill_chartcolumncls {
        min-height: 220px;
    }
    /* end updated responsive */
    .iw_panel {
        display: flex;
        padding: 10px;
        flex-direction: column;
    }
    .branding_logodivcls {
        min-height: 70px;
        display: none;
    }
    .iw_centerpan .branding_logodivcls {
        display: flex;
        margin-bottom: 10px;
    }
    .iw_infos, .iw_infos ul {
        display: block;
    }
    .iw_infos ul li {
        margin-bottom: 6px;
        font-size: 14px;
    }
    .cam_notfound_usersvg {
        width: 46px;
        height: 46px;
        margin: 0 auto 8px;
        font-size: 1.2rem;
    }
    .cam_notdetecteddivcls p {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .interview_job_descriptioncls {
        height: calc(100vh - 340px);
        font-size: 14px;
    }
    .iw_controls .btn.btn-primary i.fi {
        font-size: 16px;
    }
    .left_pannelBtncls, .right_pannelBtncls {
        display: inline-block;
    }
    .iw_rightpan, .iw_leftpan {
        -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;
    }
    .iw_rightpan {
        position: fixed;
        left: -100%;
        top: 0;
        width: 100%;
        z-index: 11;
        height: 100% !important;
        background: #fff;
        padding: 10px;
    }
    .iw_leftpan {
        position: fixed;
        right: -100%;
        top: 0;
        width: 100%;
        z-index: 11;
        height: 100% !important;
        background: #fff;
        padding: 10px;
    }
    .iw_rightpan_activecls {
        left: 0;
    }
    .iw_leftpan_activecls {
        right: 0;
    }
    .iw_panClose_mdivcls {
        display: flex;
    }
    .iw_chat_columndivcls .tal_live_chat_BodyChat {
        height: calc(100vh - 382px);
    }
    .iw_feedback_textareacls textarea.form-control {
        max-height: 150px;
    }
    .iw_button_rowdivcls {
        margin-top: 15px;
    }
    .cam_notdetectedInnerdivcls {
        margin-top: -25px;
    }
    .videoCardUserNamedivcls {
        bottom: 6px;
    }
    .videoCardUserNamedivcls abbr {
        padding: 2px 10px 4px;
        font-size: 12px;
    }
    .cam_notdetecteddivcls .btn.btn-primary {
        min-width: 160px;
        font-size: 14px;
        padding-top: 3px;
        padding-bottom: 3px;
    }
    .cam_notfound_usersvg svg {
        width: 22px;
        height: 22px;
    }
    .participantSvgIconcls span {
        width: 80px;
        height: 80px;
        border: 2px solid #3db389;
        line-height: 76px;
    }
    .participantSvgIconcls span svg {
        width: 42px;
        height: 42px;
    }
    .participantNameTextcls {
        font-size: 14px;
    }
    .fullParticipantdivcls {
        top: 20%;
    }
    .assignCanFilterdivcls .whitebgbtncls, .assignCanFilterdivcls .lightgreenbtncls {
        margin-top: 10px;
    }
    .candidateListdivcls .boolean-search-div .allcandidateadvfilterinnercls:first-child {
        width: 85%;
    }
    .talGreenbtncls {
        min-width: auto;
    }
    .can_video_listRowcls {
        display: block;
    }
    .can_video_listUserColcls {
        width: 100%;
    }
    .can_video_listUserVideoColcls {
        width: 100%;
    }
    .can_sharingPreviewRowcls {
        display: block;
        margin-left: 0 !important;
    }
    .can_sharingPreviewleftcls {
        width: 100%;
        margin-bottom: 10px;
    }
    .can_sharingPreviewInnercls {
        margin-top: 15px;
    }
    .datafilter_positioncls .dataTables_filter {
        margin-top: 0;
    }
    .topSwitch_paddingcls {
        padding-top: 0;
    }
    .moreOption_dropdowncls .videoRecordBtncls, .iw_moreOptionbtncls {
        display: inline-block;
    }
    .iw_controls .ctrl_l {
        display: none;
    }
    .iw_controls .ctrl_r {
        position: relative;
    }
    .moreOption_dropdowncls {
        position: absolute;
        right: 3px;
        bottom: 44px;
        z-index: 9;
        background: #fff;
        min-width: 162px;
        padding: 10px 10px 0;
        border-radius: 6px;
        box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
        -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;
        display: none;
    }
    .moreOption_dropdowncls .btn.btn-primary {
        margin-bottom: 10px;
    }
    .iw_rec_videotimedivlcs {
        padding: 2px;
        padding-top: 5px;
    }
    .iw_rec_videotimedivlcs .interviewRecordingStartTimecls svg {
        width: 18px;
        top: -1px;
    }
    .iw_participant_coldivcls .fullParticipantdivcls {
        top: 8%;
    }
    .iw_controls {
        bottom: 10px;
    }
    .add_activityformcls .form-switch {
        justify-content: flex-start;
    }
    .searchboxdivcls {
        margin-bottom: 15px;
    }
    .user_uploadActioncls {
        display: block;
    }
    .user_uploadBtndivcls {
        justify-content: flex-end;
    }
    .user_successful_container {
        min-height: 600px;
        padding: 0 15px;
    }
    .user_successful_container img {
        max-width: 100px;
    }
    .user_successful_container h4 {
        font-size: 1.5rem;
    }
    .withoutLabel_col {
        margin-top: 0;
    }
    .user_header_row img {
        max-width: 170px;
    }
    .can_info_boxcls span {
        display: block;
    }
    .createNewTargetformdivcls .form-switch {
        justify-content: start;
    }
    .canexp_contentbodycls {
        position: relative;
    }
    .addKpi_rowdivcls {
        display: block;
    }
    .addKpi_Lcoldivcls {
        padding-right: 0;
    }
    .addKpi_Rcoldivcls .talGreenbtncls {
        margin-left: 0;
    }
    .candidateleftsidebox {
        margin-top: 0;
    }
    .jobexperiencecirclstagcls {
        display: grid;
        grid-template-columns: repeat( auto-fill , minmax(130px, 1fr) );
        gap: 0;
    }
    .blankLabelformcls {
        display: none !important;
    }

    .talGrid_minmax_column2 {
        display: grid;
        grid-template-columns: 1fr;
        gap: 15px;
    }
    .talgrid_card_box {
        min-width: 100% !important;
        max-width: 100%;
    }
    .can_avatarDetails .candidateDusercolcls {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .candidatepic_coltextcls {

        align-items: center;
        justify-content: flex-start;
    }
    .w-m-100{
        width: 100% !important;
    }
    .skill-ratings .kill-rating{
        font-size: 12px;
        white-space: nowrap;
    }
    table.dataTable thead th, table.dataTable thead td {
        padding: 15px 5px;
        border-bottom: 1px solid rgba(0, 0, 0, 0);
        font-size: 14px;
        white-space: nowrap;
    }
    .border-md-bottom{
            border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;
    }
    .border-lg-end{
        border-right: 0 !important;
    }
    .mb-m-1 {
        margin-bottom: 10px;
    }
    .mb-m-2 {
        margin-bottom: 14px;
    }
    .talx-btn:not(.talx-button-icon) {
        min-width: auto;
        padding: 8px 12px;
    }
    .checkbox .talx-card{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
    }
    .text-md-center{
        text-align: center;
    }
    .Dash_Options  .checkbox .btn-check[type=radio] + label.talx-card:before {
        font-family: "uicons-regular-rounded" !important;
        content: "";
        font-size: 18px;
        opacity: 1;
    }
    .grid_info {
        margin-top: 2rem;
    }
    .filter-section {
        box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
        border-radius: 0.375rem;
    }
    .filter-section > div {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .filter-section > div > .filter-btn {
        width: 100%;
        text-align: left;
        display: flex;
        justify-content: space-between;
    }
    .drop_close_btndiv {
        display: flex !important;
    }
    .dropdown-menu.mobileOverlayDropcls {
        width: 100%;
    }
    .itw-rateanswers .ansVideoFullSlidecls, .itw-rateanswers .feedbackVideoQuesWisecls {
        width: 100%;
    }
    .ratingBtn {
        width: 100%;
        height: auto;
    }
    .feedback_slider .slick-list {
        padding-right: 0px !important;
    }
    .pagination_info {
        position: relative;
        inset: unset;
        margin: 5px auto;
        top: 10px;
    }
    .talx-form .talx-input-group.span-2 {
        grid-column-end: span 1;
    }
    .documentsCheckbox .talx-card {
        justify-content: flex-start;
        align-items: start;
    }
}
/* end for mobiles */
@media (max-width:1080px){
    .iw_participants {
        display: grid;
        grid-template-columns: repeat(3 , minmax(150px, 1fr));
        gap: 10px;
        max-width: 100%;
        margin: 10px auto;
        min-height: auto;
    }
    .iw-rightpan,
    .iw-leftpan{
        position: fixed;
        top:0
    }
    .iw-rightpan{
        right:-100%;
        transition: right .2s;
    }
    .iw-rightpan.active{
        right:0
    }
    .iw-leftpan{
        left:-100%;
        transition: left .2s;
    }
    .iw-leftpan.active{
        left:0
    }
    .headCard_tabouterdivcls {
        display: block;
    }
    .stages_stepdivcls {
        padding-bottom: 10px;
    }
    .dataTables_wrapper .dataTables_info {
        font-size: 12px;
        color: #4F4F4F !important;
        padding-left: 1rem;
        text-align: center;
        justify-content: center;
    }
    .dataTables_wrapper .dataTables_paginate {
        margin-top: 0.5em;
    }
    .dataTables_wrapper .dataTables_paginate .paginate_button.previous{
        margin-right: auto;
    }
    .dataTables_wrapper .dataTables_paginate .paginate_button.next{
        margin-left: auto;
    }
    .bs-stepper-content .content .content-header{
        flex-direction: column;
        gap: 8px;
    }
    .common_tableList {
        overflow: auto;
    }
    .ai-btn{
        width: 34px;
        padding: 2px !important ;
    }
    .ai-btn > *:not(img){
        display:none
    }
}
@media (max-width:640px){
    .iw_participants {
        display: grid;
        grid-template-columns: repeat(auto-fit , minmax(150px, 1fr));
        gap: 10px;
        max-width: 100%;
        margin: 0px auto;
        min-height: auto;
    }
}
@media(max-width:600px){
    #AddnewReminder .modal-dialog{
        max-width: 500px;
    }
}
@media(min-width:992px){
    #panel{
        display: block !important;
    }
  }

@media(min-width:768px){
    #flip{
      display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
    * {
      animation: none;
      transition: none;
    }
  }
@media (max-width:1024px){
    .commoncandidatedetailscls {
        width: 100%;
        padding-right: 0;
    }
    .commoncandidatetabdetailscls {
        width: 100%;
        padding-left: 0;
    }
}
@media (width < 1080px){
    .answers-container{
      flex-direction: column-reverse;
    }
    .feedbackVideoQuesWisecls {
        width: 100%;
    }
    .ansVideoFullSlidecls {
        width: 100%;
        padding-left: 0;
    }
}
@media (min-width: 768px) {
    .talx-form .talx-form-group.col-2 {
      grid-template-columns: repeat(2, 1fr);
    }
    .talx-form .talx-form-group.col-2 .talx-input-group.is-full {
      grid-column-end: span 2;
    }
  }
  .talx-form .talx-form-group.col-3 {
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
  }
  @media (min-width: 768px) {
    .talx-form .talx-form-group.col-3 {
      grid-template-columns: repeat(2, 1fr);
    }
    .talx-form .talx-form-group.col-3 .talx-input-group.is-full {
      grid-column-end: span 2;
    }
  }
  @media (min-width: 1024px) {
    .talx-form .talx-form-group.col-3 {
      grid-template-columns: repeat(3, 1fr);
    }
    .talx-form .talx-form-group.col-3 .talx-input-group.is-full {
      grid-column-end: span 3;
    }
    .talx-form .talx-form-group.col-3 .talx-input-group.is-half {
      grid-column-end: span 2;
    }
  }
  .talx-form .talx-form-group.col-4 {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  @media (min-width: 640px) {
    .talx-form .talx-form-group.col-4 {
      grid-template-columns: repeat(2, 1fr);
    }
    .talx-form .talx-form-group.col-4 .talx-input-group.is-full {
      grid-column-end: span 2;
    }
  }
  @media (min-width: 1024px) {
    .talx-form .talx-form-group.col-4 {
      grid-template-columns: repeat(4, 1fr);
    }
    .talx-form .talx-form-group.col-4 .talx-input-group.is-full {
      grid-column-end: span 4;
    }
  }
  .talx-form .talx-form-group.col-6 {
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
  }
  @media (min-width: 768px) {
    .talx-form .talx-form-group.col-6 {
      grid-template-columns: repeat(3, 1fr);
    }
    .talx-form .talx-form-group.col-6 .talx-input-group.is-full {
      grid-column-end: span 3;
    }
  }
  @media (min-width: 1024px) {
    .talx-form .talx-form-group.col-6 {
      grid-template-columns: repeat(5, 1fr);
    }
    .talx-form .talx-form-group.col-6 .talx-input-group.is-full {
      grid-column-end: span 5;
    }
    .talx-form .talx-form-group.col-6 .talx-input-group.is-4th {
      grid-column-end: span 4;
    }
  }
  @media (min-width: 1446px) {
    .talx-form .talx-form-group.col-6 {
      grid-template-columns: repeat(6, 1fr);
    }
    .talx-form .talx-form-group.col-6 .talx-input-group.is-full {
      grid-column-end: span 6;
    }
    .talx-form .talx-form-group.col-6 .talx-input-group.is-4th {
      grid-column-end: span 4;
    }
  }
@media (min-width: 992px) {
    .talx-form .talx-action-group {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      justify-content: space-around;
    }
    .position-lg-absolute{
        position: absolute;
    }
}
@media (max-width: 1400px) {
    .toggle_resume {
        position: unset !important;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding-top: 10px;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1300px) {
    .can_avatarDetails .candidatepic_colcls img {
        width: 60px;
        height: 80px;
    }
}
@media screen and (min-width: 1400px) and (max-width: 1680px) {
    .can_avatarDetails .candidatepic_colcls img {
        width: 60px;
        height: 80px;
    }
}

/* For tab */
@media only screen and (min-width: 1024px) {
    .candidate-choice .nav.nav-tabs, .JobDetail-nav .nav.nav-pills {
        display: flex !important;
        align-items: center !important;
        overflow-x: scroll;
        scroll-behavior: smooth;
        overflow-y: hidden;
        flex-wrap: nowrap;
        margin-bottom: 0px;
        width: calc(100% - 400px);
    }
    .nav.nav-tabs#opportunityJDRelatedInput{
        width: unset;
        flex-grow: 1;
    }
    .candidate-choice .nav.nav-tabs .candidate-btn, .JobDetail-nav .nav.nav-pills .nav-item {
        flex: none;
        padding-top: 0;
    }
}