/*-------------------------------------------------------modification----------- */
body {
    background-color: rgb(246, 247, 251) !important;
    overflow: hidden;
    --primary-color: rgb(251, 102, 140);
    --primary-color2: #83eee8;
    --primary-color3: #fcdd80;
    --primary-bg: rgb(246, 247, 251);
    --toolbar-color: #f1ebed;
    --yellow: #e29101;
    --green: #02a993;
    --red: #e4304e;
    --weekend: #ff9a59;
    --holiday: #cbc012;
    --current-day: #519bff;
    --present: #85e980;
    --offered: #ea3864;
    --onDuty: #1284e4;
    --paidDay: #b8d403;
    --absent: #ea3864;
    --unpaid: #0d51ff;
    --workDayHours: #16f3ca;
    --aditional: #14bdd9;
    --shortTime: #cc6b4e;
    --hover: #ddecfc;
    --last-checkout: #e33e3e;
    --first-checkin: #00ca00;
    --danger: rgb(217 217 217);
    --warning: rgb(202 194 121);
    --main-font: 'Segoe UI',Arial;
    --xs-card-c1: #22cce2;
    --xs-card-c2: #fdbf5e;
    --xs-card-c3: #3392fc;
    --xs-card-c4: #09b66d;
    --hover-var2: #8bd2ff3b;
    --olive-green: #99bc0d;
    --Onleave: #ff5f22;
    --white: #fff;
    --form-view-color: #eef6ff;
    --s-tags: #4A86FF;
    --cand-second: #5998F8;
    --primary-light: #F8FDFF;
    --primary-light-border: #B0E3FA;
}
    body.red {
        --cand-second: #ffa6bd;
        --primary-light: #fff7f9d1;
        --primary-light-border: rgb(253 188 204);
    }
    body.lavender {
        --primary-color: rgb(169, 169, 249);
        --toolbar-color: #e1e0e2;
        --cand-second: #c8c8ec;
        --primary-light: #ededff96;
        --primary-light-border: #c0c0ff96;
    }

    body.blue {
        --primary-color: rgb(5, 166, 240);
        --toolbar-color: #e3e5f2;
       
    }

    body.green {
        --primary-color: rgb(156, 212, 153);
        --toolbar-color: #cddccc;
        --cand-second: #93ce90;
        --primary-light: rgb(243, 255, 242);
        --primary-light-border: rgb(179,224,175);
    }

    body.pink {
        --primary-color: rgb(255, 200, 191);
        --toolbar-color: #eaeaea;
        --cand-second: #f1c8c2;
        --primary-light: rgb(255, 249, 248);
        --primary-light-border: rgb(241, 216, 214);
    }


h1, h2, h3, h4, h5 {
    font-family: 'Segoe UI',Arial;
    color: #000000;
}

.dx-toolbar {
    background-color: rgba(191, 191, 191, 0);
    padding: 5px 10px;
}

.dx-list-item-icon-container, .dx-toolbar-before {
    width: 90px;
    padding-right: 0px !important;
    text-align: center;
}
.dx-checkbox-indeterminate .dx-checkbox-icon {
    font: 14px/14px DXIcons;
    color: #efefef;
    text-align: center;
    border-radius: 78px;
    border: 1px solid #ddd;
    background: #f7f7f7;
}
/*.panel-list {
    height: 400px;
}*/

.dx-drawer-expand.dx-drawer-right .panel-list {
    float: right;
}

.panel-list .dx-list-item {
    color: #fff;
    border-top: 1px solid rgba(221, 221, 221, .2);
}

    .panel-list .dx-list-item .dx-icon {
        color: #fff !important;
    }

.tabpanel-item {
    height: 200px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 25px;
    padding-top: 55px;
}

.mobile .tabpanel-item {
    padding-top: 10px;
}

.tabpanel-item > div {
    float: left;
    padding: 0 85px 10px 10px
}

.tabpanel-item p {
    font-size: 16px;
    margin: 0;
}

input, input:hover, input:focus {
    outline: none;
}

.low.dx-radiobutton-checked .dx-radiobutton-icon .dx-radiobutton-icon-dot {
    background: gray;
}

.normal.dx-radiobutton-checked .dx-radiobutton-icon .dx-radiobutton-icon-dot {
    background: green;
}

.urgent.dx-radiobutton-checked .dx-radiobutton-icon .dx-radiobutton-icon-dot {
    background: orange;
}

.high.dx-radiobutton-checked .dx-radiobutton-icon .dx-radiobutton-icon-dot {
    background: red;
}

.dx-drawer-left .dx-drawer-panel-content {
    margin-top: 60px;
    z-index: 20;
    box-shadow: 0px 4px 9.1px 0.9px rgba(0, 0, 0, 0.07), 0px 4px 9.1px 0.9px rgba(245, 245, 245, 0.33);
    -webkit-box-shadow: 0px 4px 9.1px 0.9px rgba(0, 0, 0, 0.07), 0px 4px 9.1px 0.9px rgba(245, 245, 245, 0.33);
}

/*.dx-button-mode-contained.dx-state-hover {
    background-color: transparent;
    border-color: transparent;
}*/

.dx-list-item {
    border-top: none;
    color: #333;
}

.dx-list-item-content {
    background: rgb(255, 255, 255);
}

.left-tabs .dx-list-item-selected .menu-text {
    color: var(--primary-color);
}

.dx-list-item-selected {
    transition: .2s;
}

.dx-widget {
    line-height: 0.8;
    font-family: 'Segoe UI',Arial;
    font-size:13px;
}

.dx-scrollable-content {
    background: #fff0;
}

.dx-list-item-selected .dx-list-item-content {
    /*background: #f4f5f6;*/
}

.dx-list-item {
    border-top: none;
    color: #333;
    padding-top: 0px;
}

.dx-icon {
    display: inline-block;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.dx-list-item-icon-container {
    margin-right: 18px;
    vertical-align:middle;
}

.left-nav .dx-list-item-icon-container {
    margin-right: 0px;
    height: auto;
}
/*grid style*/
.dx-datagrid-borders > .dx-datagrid-headers {
    padding-right: 0px;
    background: #fff;
    border: none;
    padding: 0px 10px 0px;
    border-radius: 7px 7px 0px 0px;
    padding-right: 10px !important;
}

.dx-datagrid .dx-column-lines > td {
    border-left: 0px solid #ddd0;
    border-right: 0px solid #ddd0;
    border-bottom: 1px solid #e8e8e8;
    padding: 7px 7px;
    vertical-align: middle !important;
}

    .dx-datagrid .dx-column-lines > td:first-child {
        border-left: none;
        padding: 12px 15px;
    }

.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    border-bottom: 1px solid #ddd0;
    line-height:26px;
}

.dx-datagrid-rowsview, .dx-datagrid-headers {
    background: rgb(255, 255, 255);
    padding-right:10px !important;
    padding:0 10px !important;
}
.Vf-grid-default-inner .dx-datagrid-headers {
    background: rgb(255, 255, 255);
    padding-right: 10px !important;
    padding: 0 20px !important;
}
.PayrollListCard .dx-datagrid-headers,
.PayrollListCard .dx-datagrid-rowsview {
    padding: 0 20px !important;
}
.lb-p .PayrollListCard .dx-datagrid-headers {
    padding: 0 10px !important;
}
.empty-padding-child-grid .dx-datagrid-rowsview, .empty-padding-child-grid .dx-datagrid-headers {
    padding: 0 !important;
}

    .dx-datagrid-borders .dx-datagrid-rowsview, .dx-datagrid-headers + .dx-datagrid-rowsview {
        border: 1px solid #ddd0;
        padding: 10px;
        border-radius: 0px 0px 3px 3px;
        font-size: 13px;
        background: rgba(255, 255, 255, 0.80);
    }

.dx-datagrid .dx-icon-filter-operation-default:before {
    margin-left: 0px;
}

.dx-texteditor-input-container .dx-icon-search:before {
    color: rgb(98, 97, 97);
}

.dx-datagrid-headers .dx-datagrid-text-content {
    white-space: nowrap;
    font-size: 14px;
    /* color: #a3a2a2; */
}

.dx-toolbar-text-auto-hide .dx-button .dx-button-content {
    /*background: var(--primary-color);*/
    border-radius: 4px;
}

.dx-datagrid-addrow-button .dx-icon-edit-button-addrow:before {
    color: #fff;
    font-weight: 700;
    content: "\e61a";
}

.dx-toolbar {
    background-color: rgba(191, 191, 191, 0);
    padding: 5px 0px;
}

.dx-texteditor.dx-editor-outlined {
    background: rgba(243, 243, 243, 0);
    border: none;
    border-radius: 4px;
    margin-left: 2px;
}

.dx-datagrid .dx-header-filter,
.dx-treelist .dx-header-filter {
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    font-variant: normal;
    text-transform: none;
    line-height: 16.5px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .dx-datagrid .dx-header-filter:before,
    .dx-treelist .dx-header-filter:before {
        content: "\e64b";
        color: rgb(142, 142, 142);
    }

.dx-more-tool {
    transform: rotate(90deg);
    padding: 2px 12px;
    background: #fff;
    border-radius: 4px;
    line-height: 15px;
}

    .dx-more-tool i {
        font-size: 15px;
        position: relative;
        margin-bottom: 6px;
        top: 2px;
    }

.dx-datagrid-nowrap .dx-header-row > td > .dx-datagrid-text-content,
.dx-datagrid-nowrap .dx-header-row > td,
.Voyon-tree-list .dx-header-row > td > .dx-treelist-text-content {
    font-size: 13px;
    color: #000;
    font-weight: 600;
    font-family: 'Segoe UI',Arial;
}

.dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-left, .dx-header-row .dx-sort-indicator.dx-text-content-alignment-left {
    margin-right: 3px;
    line-height: 30px;
    font-weight: 500;
    font-size: 14px;
    color: #222;
}

.dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-right, .dx-header-row .dx-sort-indicator.dx-text-content-alignment-right {
    margin-right: 3px;
    line-height: 30px;
    font-weight: 500;
    font-size: 14px;
    color: #222;
    text-align: left;
}

.dx-header-filter.dx-header-filter-empty {
    line-height: 25px;
}

.dx-popup-content .dx-list-item-selected {
    border-left: none;
    background: none;
    transition: .2s;
}

    .dx-popup-content .dx-list-item-selected .dx-list-item-content {
        background: none;
    }
/*grid style*/
/*popup style*/
.dx-popup-title .dx-button-content {
    position: absolute;
    right: 10px;
    top: 7px;
    font-size: 14px;
    color: var(--primary-color);
    cursor: pointer;
}

.dx-toolbar-label .dx-toolbar-item-content > div {
    font-size: 16px;
    font-weight: 600;
    line-height: 36px;
}

/*.dx-popup-wrapper > .dx-overlay-content {
    border: none;
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    border-radius: 0;
}*/

.dx-field-item-required-mark {
    /*float:left;*/
}

.dx-popup-title .dx-closebutton .dx-icon {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 12px;
    height: 21px;
    background-position: 3px 3px;
    background-size: 15px 15px;
    padding: 3px;
    font-size: 12px;
    text-align: center;
    line-height: 15px;
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: 800;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #222;
}
.dx-popup-title {
    border-bottom: 1px solid #ddd0;
}
.dx-popup-title .dx-icon-close:before {
    content: "\e646";
}

.dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-label {
    
}

/*.dx-field-item-label-content {
    width: auto !important;
}*/

.dx-layout-manager .dx-label-h-align .dx-field-item-label {
    white-space: pre-line;
    vertical-align: middle;
}

.dx-editor-filled.dx-state-focused .dx-texteditor-container,
.dx-editor-filled.dx-state-focused .dx-selectbox-container,
.dx-editor-filled.dx-state-focused .dx-dropdowneditor-input-wrapper {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(100, 186, 255, 0.86);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(100, 186, 255, 0.86);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(100, 186, 255, 0.86);
}
#EmployeeSearch.dx-editor-filled.dx-state-focused .dx-dropdowneditor-input-wrapper, #EmployeeSearch.dx-editor-filled.dx-state-focused .dx-selectbox-container {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border:1px solid var(--primary-color);
}
.Lg-language .dx-editor-filled.dx-state-focused .dx-texteditor-container {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0), 0 0 8px rgba(100, 186, 255, 0.0);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0), 0 0 8px rgba(100, 186, 255, 0.0);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0), 0 0 8px rgba(100, 186, 255, 0.0);
}
.LgCard .dx-editor-filled.dx-state-focused .dx-texteditor-container {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.LgCard .dx-texteditor.dx-editor-filled {
    background: none;
    border: none;
    border-radius: 0px;
}

/*.dx-layout-manager .dx-label-h-align.dx-flex-layout:not(.dx-field-item-label-align) {
    display: block;
    margin-bottom: 10px;
}*/
/*.dx-layout-manager .dx-label-h-align.dx-flex-layout:not(.dx-field-item-label-align) {
    display: inherit;
    margin-bottom: 10px;
}*/

.dx-texteditor.dx-state-hover.dx-editor-filled {
    border-color: rgba(53, 53, 53, 0.1607843137254902) !important;
}

.LgCard .dx-texteditor.dx-state-hover.dx-editor-filled {
    border-color: none !important;
}

/*.dx-layout-manager .dx-label-h-align.dx-flex-layout {
    display: block;
}*/

.dx-button-mode-contained.dx-button-default.dx-state-hover, .dx-button-mode-contained.dx-button-default.dx-state-focused {
    background: var(--primary-color);
}

#menuDrawer .dx-list-item-content {
    padding-left: 7px !important;
}
.dx-icon-Home-white {
    background-image: url("../img/home_icon_white.svg");
}

.dx-icon-Home {
    background-image: url("../img/home_icon.svg");
}

.dx-state-hover .dx-icon-Home, .dx-list-item-selected .dx-icon-Home {
    background-image: url("../img/home_icon_red.svg");
}

.lavender .dx-state-hover .dx-icon-Home, .lavender .dx-list-item-selected .dx-icon-Home {
    background-image: url("../img/home_icon_lv.svg");
}

.dx-icon-Organization {
    background-image: url("../img/org_icon.svg");
}


.dx-icon-MyServices {
    background-image: url("../img/my-profile.png");
}

.blue .dx-state-hover .dx-icon-MyServices, .blue .dx-list-item-selected .dx-icon-MyServices {
    background-image: url("../img/my-profile_bl.png");
}

.lavender .dx-state-hover .dx-icon-MyServices, .lavender .dx-list-item-selected .dx-icon-MyServices {
    background-image: url("../img/my-profile_lv.png");
}
.red .dx-state-hover .dx-icon-MyServices, .red .dx-list-item-selected .dx-icon-MyServices {
    background-image: url("../img/my-profile_red.png");
}

.pink .dx-state-hover .dx-icon-MyServices, .pink .dx-list-item-selected .dx-icon-MyServices {
    background-image: url("../img/my-profile_pk.png");
}

.green .dx-state-hover .dx-icon-MyServices, .green .dx-list-item-selected .dx-icon-MyServices {
    background-image: url("../img/my-profile_gr.png");
}


.dx-state-hover .dx-icon-Organization, .dx-list-item-selected .dx-icon-Organization {
    background-image: url("../img/org_icon_red.svg");
}

.lavender .dx-state-hover .dx-icon-Organization, .lavender .dx-list-item-selected .dx-icon-Organization {
    background-image: url("../img/org_icon_lv.svg");
}

.dx-icon-Workforce {
    background-image: url("../img/workforce_icon.svg");
}

.dx-state-hover .dx-icon-Workforce, .dx-list-item-selected .dx-icon-Workforce {
    background-image: url("../img/workforce_icon_red.svg");
}

.lavender .dx-state-hover .dx-icon-Workforce, .lavender .dx-list-item-selected .dx-icon-Workforce {
    background-image: url("../img/workforce_icon_lv.svg");
}

.dx-icon-Benefit {
    background-image: url("../img/benefit_icon.svg");
}

.dx-state-hover .dx-icon-Benefit, .dx-list-item-selected .dx-icon-Benefit {
    background-image: url("../img/benefit_icon_red.svg");
}

.lavender .dx-state-hover .dx-icon-Benefit, .lavender .dx-list-item-selected .dx-icon-Benefit {
    background-image: url("../img/benefit_icon_lv.svg");
}

.dx-icon-Attendance {
    background-image: url("../img/attendence_icon.svg");
}

.dx-state-hover .dx-icon-Attendance, .dx-list-item-selected .dx-icon-Attendance {
    background-image: url("../img/attendence_icon_red.svg");
}

.lavender .dx-state-hover .dx-icon-Attendance, .lavender .dx-list-item-selected .dx-icon-Attendance {
    background-image: url("../img/attendence_icon_lv.svg");
}

.dx-icon-LeaveManagement {
    background-image: url("../img/leave_icon.svg");
}

.dx-state-hover .dx-icon-LeaveManagement, .dx-list-item-selected .dx-icon-LeaveManagement {
    background-image: url("../img/leave_icon_red.svg");
}

.lavender .dx-state-hover .dx-icon-LeaveManagement, .lavender .dx-list-item-selected .dx-icon-LeaveManagement {
    background-image: url("../img/leave_icon_lv.svg");
}

.dx-icon-Payroll {
    background-image: url("../img/payroll_icon.svg");
}

.dx-state-hover .dx-icon-Payroll, .dx-list-item-selected .dx-icon-Payroll {
    background-image: url("../img/payroll_icon_red.svg");
}

.lavender .dx-state-hover .dx-icon-Payroll, .lavender .dx-list-item-selected .dx-icon-Payroll {
    background-image: url("../img/payroll_icon_lv.svg");
}

.dx-icon-LoanManagement {
    background-image: url("../img/loan_icon.svg");
}

.dx-state-hover .dx-icon-LoanManagement, .dx-list-item-selected .dx-icon-LoanManagement {
    background-image: url("../img/loan_icon_red.svg");
}

.lavender .dx-state-hover .dx-icon-LoanManagement, .lavender .dx-list-item-selected .dx-icon-LoanManagement {
    background-image: url("../img/loan_icon_lv.svg");
}

.dx-icon-DocumentManagement {
    background-image: url("../img/document_icon.svg");
}

.dx-state-hover .dx-icon-DocumentManagement, .dx-list-item-selected .dx-icon-DocumentManagement {
    background-image: url("../img/document_icon_red.svg");
}

.lavender .dx-state-hover .dx-icon-DocumentManagement, .lavender .dx-list-item-selected .dx-icon-DocumentManagement {
    background-image: url("../img/document_icon_lv.svg");
}

.dx-icon-AssetManagement {
    background-image: url("../img/asset_icon.svg");
}

.dx-state-hover .dx-icon-AssetManagement, .dx-list-item-selected .dx-icon-AssetManagement {
    background-image: url("../img/asset_icon_red.svg");
}

.lavender .dx-state-hover .dx-icon-AssetManagement, .lavender .dx-list-item-selected .dx-icon-AssetManagement {
    background-image: url("../img/asset_icon_lv.svg");
}

.dx-icon-ic_employee {
    background-image: url("../img/employee_icon.svg");
}

.dx-state-hover .dx-icon-ic_employee, .dx-list-item-selected .dx-icon-ic_employee {
    background-image: url("../img/employee_icon_red.svg");
}

.lavender .dx-state-hover .dx-icon-ic_employee, .lavender .dx-list-item-selected .dx-icon-ic_employee {
    background-image: url("../img/employee_icon_lv.svg");
}

.dx-icon-LearningDevelopment {
    background-image: url("../img/learning_icon.svg");
}

.dx-state-hover .dx-icon-LearningDevelopment, .dx-list-item-selected .dx-icon-LearningDevelopment {
    background-image: url("../img/learning_icon_red.svg");
}

.lavender .dx-state-hover .dx-icon-LearningDevelopment, .lavender .dx-list-item-selected .dx-icon-LearningDevelopment {
    background-image: url("../img/learning_icon_lv.svg");
}

.dx-icon-PerformanceManagement {
    background-image: url("../img/skill_icon.svg");
}

.dx-state-hover .dx-icon-PerformanceManagement, .red .dx-list-item-selected .dx-icon-PerformanceManagement {
    background-image: url("../img/skill_icon_red.svg");
}

.lavender .dx-state-hover .dx-icon-PerformanceManagement, .lavender .dx-list-item-selected .dx-icon-PerformanceManagement {
    background-image: url("../img/skill_icon_lv.svg");
}

.dx-icon-TalentAcquisition {
    background-image: url("../img/talent_icon.svg");
}

.dx-state-hover .dx-icon-TalentAcquisition, .dx-list-item-selected .dx-icon-TalentAcquisition {
    background-image: url("../img/talent_icon_red.svg");
}

.lavender .dx-state-hover .dx-icon-TalentAcquisition, .lavender .dx-list-item-selected .dx-icon-TalentAcquisition {
    background-image: url("../img/talent_icon_lv.svg");
}

.dx-icon-ProjectManagement {
    background-image: url("../img/project_icon.svg");
}

.dx-state-hover .dx-icon-ProjectManagement, .dx-list-item-selected .dx-icon-ProjectManagement {
    background-image: url("../img/project_icon_red.svg");
}

.dx-icon-CMSClientPortal {
    background-image: url("../img/case-client.svg");
}

.dx-state-hover .dx-icon-CMSClientPortal, .dx-list-item-selected .dx-icon-CMSClientPortal {
    background-image: url("../img/case-client_red.svg");
}

.lavender .dx-state-hover .dx-icon-case-clien, .lavender .dx-list-item-selected .dx-icon-case-clien {
    background-image: url("../img/case-client_lv.svg");
}
.lavender .dx-state-hover .dx-icon-CMSClientPortal, .lavender .dx-list-item-selected .dx-icon-CMSClientPortal {
    background-image: url("../img/case-client_lv.svg");
}
.lavender .dx-state-hover .dx-icon-CMSClientPortal, .lavender .dx-list-item-selected .dx-icon-CMSClientPortal {
    background-image: url("../img/case-client_lv.svg");
}

.dx-icon-More {
    background-image: url("../img/more_icon.svg");
}

.responsive-more .ti-more {
    font-size: 21px;
    margin: 8px auto;
    display: block;
    text-align: center;
    transform: rotate(90deg);
}

.blue .dx-state-hover .dx-icon-ProjectManagement, .blue .dx-list-item-selected .dx-icon-ProjectManagement {
    background-image: url("../img/project_icon_bl.svg");
}
.lavender .dx-state-hover .dx-icon-ProjectManagement, .lavender .dx-list-item-selected .dx-icon-ProjectManagement {
    background-image: url("../img/project_icon_lv.svg");
}

.blue .dx-state-hover .dx-icon-TalentAcquisition, .blue .dx-list-item-selected .dx-icon-TalentAcquisition {
    background-image: url("../img/talent_icon_bl.svg");
}

.blue .dx-state-hover .dx-icon-PerformanceManagement, .blue .dx-list-item-selected .dx-icon-PerformanceManagement {
    background-image: url("../img/skill_icon_bl.svg");
}

.blue .dx-state-hover .dx-icon-LearningDevelopment, .blue .dx-list-item-selected .dx-icon-LearningDevelopment {
    background-image: url("../img/learning_icon_bl.svg");
}

.blue .dx-state-hover .dx-icon-ic_employee, .blue .dx-list-item-selected .dx-icon-ic_employee {
    background-image: url("../img/employee_icon_bl.svg");
}

.blue .dx-state-hover .dx-icon-AssetManagement, .blue .dx-list-item-selected .dx-icon-AssetManagement {
    background-image: url("../img/asset_icon_bl.svg");
}

.blue .dx-state-hover .dx-icon-DocumentManagement, .blue .dx-list-item-selected .dx-icon-DocumentManagement {
    background-image: url("../img/document_icon_bl.svg");
}

.blue .dx-state-hover .dx-icon-LoanManagement, .blue .dx-list-item-selected .dx-icon-LoanManagement {
    background-image: url("../img/loan_icon_bl.svg");
}

.blue .dx-state-hover .dx-icon-Payroll, .blue .dx-list-item-selected .dx-icon-Payroll {
    background-image: url("../img/payroll_icon_bl.svg");
}

.blue .dx-state-hover .dx-icon-LeaveManagement, .blue .dx-list-item-selected .dx-icon-LeaveManagement {
    background-image: url("../img/leave_icon_bl.svg");
}

.blue .dx-state-hover .dx-icon-Attendance, .blue .dx-list-item-selected .dx-icon-Attendance {
    background-image: url("../img/attendence_icon_bl.svg");
}

.blue .dx-state-hover .dx-icon-Benefit, .blue .dx-list-item-selected .dx-icon-Benefit {
    background-image: url("../img/benefit_icon_bl.svg");
}

.blue .dx-state-hover .dx-icon-Workforce, .blue .dx-list-item-selected .dx-icon-Workforce {
    background-image: url("../img/workforce_icon_bl.svg");
}

.blue .dx-state-hover .dx-icon-Organization, .blue .dx-list-item-selected .dx-icon-Organization {
    background-image: url("../img/org_icon_bl.svg");
}

.blue .dx-state-hover .dx-icon-Home, .blue .dx-list-item-selected .dx-icon-Home {
    background-image: url("../img/home_icon_bl.svg");
}
.blue .dx-state-hover .dx-icon-CMSClientPortal, .blue .dx-list-item-selected .dx-icon-CMSClientPortal {
    background-image: url("../img/case-client_bl.svg");
}

/*----------------------------------green*/
.green .dx-state-hover .dx-icon-ProjectManagement, .green .dx-list-item-selected .dx-icon-ProjectManagement {
    background-image: url("../img/project_icon_gr.svg");
}

.green .dx-state-hover .dx-icon-TalentAcquisition, .green .dx-list-item-selected .dx-icon-TalentAcquisition {
    background-image: url("../img/talent_icon_gr.svg");
}

.green .dx-state-hover .dx-icon-PerformanceManagement, .green .dx-list-item-selected .dx-icon-PerformanceManagement {
    background-image: url("../img/skill_icon_gr.svg");
}

.green .dx-state-hover .dx-icon-LearningDevelopment, .green .dx-list-item-selected .dx-icon-LearningDevelopment {
    background-image: url("../img/learning_icon_gr.svg");
}

.green .dx-state-hover .dx-icon-ic_employee, .green .dx-list-item-selected .dx-icon-ic_employee {
    background-image: url("../img/employee_icon_gr.svg");
}

.green .dx-state-hover .dx-icon-AssetManagement, .green .dx-list-item-selected .dx-icon-AssetManagement {
    background-image: url("../img/asset_icon_gr.svg");
}

.green .dx-state-hover .dx-icon-DocumentManagement, .green .dx-list-item-selected .dx-icon-DocumentManagement {
    background-image: url("../img/document_icon_gr.svg");
}

.green .dx-state-hover .dx-icon-LoanManagement, .green .dx-list-item-selected .dx-icon-LoanManagement {
    background-image: url("../img/loan_icon_gr.svg");
}

.green .dx-state-hover .dx-icon-Payroll, .green .dx-list-item-selected .dx-icon-Payroll {
    background-image: url("../img/payroll_icon_gr.svg");
}

.green .dx-state-hover .dx-icon-LeaveManagement, .green .dx-list-item-selected .dx-icon-LeaveManagement {
    background-image: url("../img/leave_icon_gr.svg");
}

.green .dx-state-hover .dx-icon-Attendance, .green .dx-list-item-selected .dx-icon-Attendance {
    background-image: url("../img/attendence_icon_gr.svg");
}

.green .dx-state-hover .dx-icon-Benefit, .green .dx-list-item-selected .dx-icon-Benefit {
    background-image: url("../img/benefit_icon_gr.svg");
}

.green .dx-state-hover .dx-icon-Workforce, .green .dx-list-item-selected .dx-icon-Workforce {
    background-image: url("../img/workforce_icon_gr.svg");
}

.green .dx-state-hover .dx-icon-Organization, .green .dx-list-item-selected .dx-icon-Organization {
    background-image: url("../img/org_icon_gr.svg");
}

.green .dx-state-hover .dx-icon-Home, .green .dx-list-item-selected .dx-icon-Home {
    background-image: url("../img/home_icon_gr.svg");
}
.green .dx-state-hover .dx-icon-CMSClientPortal, .green .dx-list-item-selected .dx-icon-CMSClientPortal {
    background-image: url("../img/case-client_gr.svg");
}

/*----------------------------------pink*/
.pink .dx-state-hover .dx-icon-ProjectManagement, .pink .dx-list-item-selected .dx-icon-ProjectManagement {
    background-image: url("../img/project_icon_pk.svg");
}

.pink .dx-state-hover .dx-icon-TalentAcquisition, .pink .dx-list-item-selected .dx-icon-TalentAcquisition {
    background-image: url("../img/talent_icon_pk.svg");
}

.pink .dx-state-hover .dx-icon-PerformanceManagement, .pink .dx-list-item-selected .dx-icon-PerformanceManagement {
    background-image: url("../img/skill_icon_pk.svg");
}

.pink .dx-state-hover .dx-icon-LearningDevelopment, .pink .dx-list-item-selected .dx-icon-LearningDevelopment {
    background-image: url("../img/learning_icon_pk.svg");
}

.pink .dx-state-hover .dx-icon-ic_employee, .pink .dx-list-item-selected .dx-icon-ic_employee {
    background-image: url("../img/employee_icon_pk.svg");
}

.pink .dx-state-hover .dx-icon-AssetManagement, .pink .dx-list-item-selected .dx-icon-AssetManagement {
    background-image: url("../img/asset_icon_pk.svg");
}

.pink .dx-state-hover .dx-icon-DocumentManagement, .pink .dx-list-item-selected .dx-icon-DocumentManagement {
    background-image: url("../img/document_icon_pk.svg");
}

.pink .dx-state-hover .dx-icon-LoanManagement, .pink .dx-list-item-selected .dx-icon-LoanManagement {
    background-image: url("../img/loan_icon_pk.svg");
}

.pink .dx-state-hover .dx-icon-Payroll, .pink .dx-list-item-selected .dx-icon-Payroll {
    background-image: url("../img/payroll_icon_pk.svg");
}

.pink .dx-state-hover .dx-icon-LeaveManagement, .pink .dx-list-item-selected .dx-icon-LeaveManagement {
    background-image: url("../img/leave_icon_pk.svg");
}

.pink .dx-state-hover .dx-icon-Attendance, .pink .dx-list-item-selected .dx-icon-Attendance {
    background-image: url("../img/attendence_icon_pk.svg");
}

.pink .dx-state-hover .dx-icon-Benefit, .pink .dx-list-item-selected .dx-icon-Benefit {
    background-image: url("../img/benefit_icon_pk.svg");
}

.pink .dx-state-hover .dx-icon-Workforce, .pink .dx-list-item-selected .dx-icon-Workforce {
    background-image: url("../img/workforce_icon_pk.svg");
}

.pink .dx-state-hover .dx-icon-Organization, .pink .dx-list-item-selected .dx-icon-Organization {
    background-image: url("../img/org_icon_pk.svg");
}

.pink .dx-state-hover .dx-icon-Home, .pink .dx-list-item-selected .dx-icon-Home {
    background-image: url("../img/home_icon_pk.svg");
}
.pink .dx-state-hover .dx-icon-CMSClientPortal, .pink .dx-list-item-selected .dx-icon-CMSClientPortal {
    background-image: url("../img/case-client_pk.svg");
}

.dx-icon-EmployeeSelfService {
    background-image: url("../img/ess.svg");
}
.dx-state-hover .dx-icon-EmployeeSelfService, .dx-list-item-selected .dx-icon-EmployeeSelfService {
    background-image: url("../img/ess_red.svg");
}
.lavender .dx-state-hover .dx-icon-EmployeeSelfService, .lavender .dx-list-item-selected .dx-icon-EmployeeSelfService {
    background-image: url("../img/ess_lv.svg");
}
.blue .dx-state-hover .dx-icon-EmployeeSelfService, .blue .dx-list-item-selected .dx-icon-EmployeeSelfService {
    background-image: url("../img/ess_bl.svg");
}
.green .dx-state-hover .dx-icon-EmployeeSelfService, .green .dx-list-item-selected .dx-icon-EmployeeSelfService {
    background-image: url("../img/ess_gr.svg");
}
.pink .dx-state-hover .dx-icon-EmployeeSelfService, .pink .dx-list-item-selected .dx-icon-EmployeeSelfService {
    background-image: url("../img/ess_pk.svg");
}

.dx-icon-CaseManagement {
    background-image: url("../img/case.svg");
}
.dx-state-hover .dx-icon-CaseManagement, .dx-list-item-selected .dx-icon-CaseManagement {
    background-image: url("../img/case_red.svg");
}
.lavender .dx-state-hover .dx-icon-CaseManagement, .lavender .dx-list-item-selected .dx-icon-CaseManagement {
    background-image: url("../img/case_lv.svg");
}
.blue .dx-state-hover .dx-icon-CaseManagement, .blue .dx-list-item-selected .dx-icon-CaseManagement {
    background-image: url("../img/case_bl.svg");
}
.green .dx-state-hover .dx-icon-CaseManagement, .green .dx-list-item-selected .dx-icon-CaseManagement {
    background-image: url("../img/case_gr.svg");
}
.pink .dx-state-hover .dx-icon-CaseManagement, .pink .dx-list-item-selected .dx-icon-CaseManagement {
    background-image: url("../img/case_pk.svg");
}

.dx-icon-Analytics {
    background-image: url("../img/analytics.svg");
}
.dx-state-hover .dx-icon-Analytics, .dx-list-item-selected .dx-icon-Analytics {
    background-image: url("../img/analytics_red.svg");
}
.lavender .dx-state-hover .dx-icon-Analytics, .lavender .dx-list-item-selected .dx-icon-Analytics {
    background-image: url("../img/analytics_lv.svg");
}
.blue .dx-state-hover .dx-icon-Analytics, .blue .dx-list-item-selected .dx-icon-Analytics {
    background-image: url("../img/analytics_bl.svg");
}
.green .dx-state-hover .dx-icon-Analytics, .green .dx-list-item-selected .dx-icon-Analytics {
    background-image: url("../img/analytics_gr.svg");
}
.pink .dx-state-hover .dx-icon-Analytics, .pink .dx-list-item-selected .dx-icon-Analytics {
    background-image: url("../img/analytics_pk.svg");
}

.dx-icon-SkillManagement {
    background-image: url("../img/skill-new.svg");
}
.dx-state-hover .dx-icon-SkillManagement, .dx-list-item-selected .dx-icon-SkillManagement {
    background-image: url("../img/skill-new_red.svg");
}
.lavender .dx-state-hover .dx-icon-SkillManagement, .lavender .dx-list-item-selected .dx-icon-SkillManagement {
    background-image: url("../img/skill-new_lv.svg");
}
.blue .dx-state-hover .dx-icon-SkillManagement, .blue .dx-list-item-selected .dx-icon-SkillManagement {
    background-image: url("../img/skill-new_bl.svg");
}
.green .dx-state-hover .dx-icon-SkillManagement, .green .dx-list-item-selected .dx-icon-SkillManagement {
    background-image: url("../img/skill-new_gr.svg");
}
.pink .dx-state-hover .dx-icon-SkillManagement, .pink .dx-list-item-selected .dx-icon-SkillManagement {
    background-image: url("../img/skill-new_pk.svg");
}

.dx-icon-TaxService {
    background-image: url("../img/tax.png");
}
.dx-state-hover .dx-icon-TaxService, .dx-list-item-selected .dx-icon-TaxService {
    background-image: url("../img/tax_red.png");
}
.lavender .dx-state-hover .dx-icon-TaxService, .lavender .dx-list-item-selected .dx-icon-TaxService {
    background-image: url("../img/tax_lv.png");
}
.blue .dx-state-hover .dx-icon-TaxService, .blue .dx-list-item-selected .dx-icon-TaxService {
    background-image: url("../img/tax_bl.png");
}
.green .dx-state-hover .dx-icon-TaxService, .green .dx-list-item-selected .dx-icon-TaxService {
    background-image: url("../img/tax_gr.png");
}
.pink .dx-state-hover .dx-icon-TaxService, .pink .dx-list-item-selected .dx-icon-TaxService {
    background-image: url("../img/tax_pk.png");
}

.dx-icon-FleetManagement {
    background-image: url("../img/fleet_management.svg");
}
.dx-state-hover .dx-icon-FleetManagement, .dx-list-item-selected .dx-icon-FleetManagement {
    background-image: url("../img/fleet_management_red.svg");
}
.lavender .dx-state-hover .dx-icon-FleetManagement, .lavender .dx-list-item-selected .dx-icon-FleetManagement {
    background-image: url("../img/fleet_management_lv.svg");
}
.blue .dx-state-hover .dx-icon-FleetManagement, .blue .dx-list-item-selected .dx-icon-FleetManagement {
    background-image: url("../img/fleet_management_bl.svg");
}
.green .dx-state-hover .dx-icon-FleetManagement, .green .dx-list-item-selected .dx-icon-FleetManagement {
    background-image: url("../img/fleet_management_gr.svg");
}
.pink .dx-state-hover .dx-icon-FleetManagement, .pink .dx-list-item-selected .dx-icon-FleetManagement {
    background-image: url("../img/fleet_management_pk.svg");
}

.dx-icon-LabourPayroll {
    background-image: url("../img/labou-p.png");
}
.dx-state-hover .dx-icon-LabourPayroll, .dx-list-item-selected .dx-icon-LabourPayroll {
    background-image: url("../img/labou-p_red.png");
}
.lavender .dx-state-hover .dx-icon-LabourPayroll, .lavender .dx-list-item-selected .dx-icon-LabourPayroll {
    background-image: url("../img/labou-p_lv.png");
}
.blue .dx-state-hover .dx-icon-LabourPayroll, .blue .dx-list-item-selected .dx-icon-LabourPayroll {
    background-image: url("../img/labou-p_bl.png");
}
.green .dx-state-hover .dx-icon-LabourPayroll, .green .dx-list-item-selected .dx-icon-LabourPayroll {
    background-image: url("../img/labou-p_gr.png");
}
.pink .dx-state-hover .dx-icon-LabourPayroll, .pink .dx-list-item-selected .dx-icon-LabourPayroll {
    background-image: url("../img/labou-p_pk.png");
}

/*--------------travel Module-------------------*/
.dx-icon-Travel {
    background-image: url("../img/travel_icon.svg");
}
.dx-state-hover .dx-icon-Travel, .dx-list-item-selected .dx-icon-Travel {
    background-image: url("../img/travel_icon_red.svg");
}
.lavender .dx-state-hover .dx-icon-Travel, .lavender .dx-list-item-selected .dx-icon-Travel {
    background-image: url("../img/travel_icon_lv.svg");
}
.blue .dx-state-hover .dx-icon-Travel, .blue .dx-list-item-selected .dx-icon-Travel {
    background-image: url("../img/travel_icon_bl.svg");
}
.green .dx-state-hover .dx-icon-Travel, .green .dx-list-item-selected .dx-icon-Travel {
    background-image: url("../img/travel_icon_gr.svg");
}
.pink .dx-state-hover .dx-icon-Travel, .pink .dx-list-item-selected .dx-icon-Travel {
    background-image: url("../img/travel_icon_p.svg");
}

/*--------------Incentive Module-------------------*/
.dx-icon-Incentive {
    background-image: url("../img/Incentive.svg");
}
.dx-state-hover .dx-icon-Incentive, .dx-list-item-selected .dx-icon-Incentive {
    background-image: url("../img/Incentive_red.svg");
}
.lavender .dx-state-hover .dx-icon-Incentive, .lavender .dx-list-item-selected .dx-icon-Incentive {
    background-image: url("../img/Incentive_lv.svg");
}
.blue .dx-state-hover .dx-icon-Incentive, .blue .dx-list-item-selected .dx-icon-Incentive {
    background-image: url("../img/Incentive_bl.svg");
}
.green .dx-state-hover .dx-icon-Incentive, .green .dx-list-item-selected .dx-icon-Incentive {
    background-image: url("../img/Incentive_gr.svg");
}
.pink .dx-state-hover .dx-icon-Incentive, .pink .dx-list-item-selected .dx-icon-Incentive {
    background-image: url("../img/Incentive_pk.svg");
}

/*--------------Employee Engangement Module-------------------*/
.dx-icon-EmployeeEngagement {
    background-image: url("../img/Employee engagement.svg");
}
.dx-state-hover .dx-icon-EmployeeEngagement, .dx-list-item-selected .dx-icon-EmployeeEngagement {
    background-image: url("../img/Employee engagement_red.svg");
}
.lavender .dx-state-hover .dx-icon-EmployeeEngagement, .lavender .dx-list-item-selected .dx-icon-EmployeeEngagement {
    background-image: url("../img/Employee engagement_lv.svg");
}
.blue .dx-state-hover .dx-icon-EmployeeEngagement, .blue .dx-list-item-selected .dx-icon-EmployeeEngagement {
    background-image: url("../img/Employee engagement_bl.svg");
}
.green .dx-state-hover .dx-icon-EmployeeEngagement, .green .dx-list-item-selected .dx-icon-EmployeeEngagement {
    background-image: url("../img/Employee engagement_gr.svg");
}
.pink .dx-state-hover .dx-icon-EmployeeEngagement, .pink .dx-list-item-selected .dx-icon-EmployeeEngagement {
    background-image: url("../img/Employee engagement_p.svg");
}


/*custom-styles*/
#menuDrawer .dx-scrollable {
    /*width: 260px !important;*/
    float: left;
    transition: .2s;
    height: 100%;
}

.SystemSettings {
    position: fixed;
    width: 50px;
    bottom: 0;
    left: 0;
    height: 6%;
    background: var(--primary-color);
    transition: 0.3s;
}

#menuDrawer .dx-drawer-content {
    padding-top: 45px;
    display: table;
}

#subMenuList {
    transition: 0.3s;
}

#subMenuList {
    padding-left: 1px;
    background: #ffff;
    box-shadow: 0px 4px 9.1px 0.9px rgba(0, 0, 0, 0.07), 0px 4px 9.1px 0.9px rgba(245, 245, 245, 0.33);
    -webkit-box-shadow: 0px 4px 9.1px 0.9px rgba(0, 0, 0, 0.07), 0px 4px 9.1px 0.9px rgba(245, 245, 245, 0.33);
    -moz-box-shadow: 0px 4px 9.1px 0.9px rgba(0, 0, 0, 0.07), 0px 4px 9.1px 0.9px rgba(245, 245, 245, 0.33);
}

.submenuClosed {
    position: absolute;
    left: 0px;
    top: 60px;
    background: #ffffff;
    height: 34px;
    z-index: 20;
    width: 25px;
    line-height: 37px;
    padding: 0 0 0 4px;
    border-radius: 0 6px 6px 0px;
    box-shadow: 0px 4px 9.1px 0.9px rgba(0, 0, 0, 0.07), 0px 4px 9.1px 0.9px rgba(245, 245, 245, 0.33);
    -webkit-box-shadow: 0px 4px 9.1px 0.9px rgba(0, 0, 0, 0.07), 0px 4px 9.1px 0.9px rgba(245, 245, 245, 0.33);
    -moz-box-shadow: 0px 4px 9.1px 0.9px rgba(0, 0, 0, 0.07), 0px 4px 9.1px 0.9px rgba(245, 245, 245, 0.33);
    transition: .2s;
}
.submenuClosed.expanded {
        left: 280px;
        transition: 0.3s;
        transform: rotate(180deg);
        border-radius: 10px 0px 0px 10px;
        padding-left: 8px;
}
#subMenuList .dx-treelist-container {
    box-shadow: 0px 4px 9.1px 0.9px rgba(0, 0, 0, 0.07), 0px 4px 9.1px 0.9px rgba(245, 245, 245, 0.33);
    -webkit-box-shadow: 0px 4px 9.1px 0.9px rgba(0, 0, 0, 0.07), 0px 4px 9.1px 0.9px rgba(245, 245, 245, 0.33);
    -moz-box-shadow: 0px 4px 9.1px 0.9px rgba(0, 0, 0, 0.07), 0px 4px 9.1px 0.9px rgba(245, 245, 245, 0.33);
    padding-left: 8px;
    background: #fff;
}
#subMenuList .dx-list-item-content {
    font-size: 15px;
}

#subMenuList .dx-list-item-selected {
    border-left: none;
    color: initial;
}

#subMenuList .dx-state-focused {
    color: initial;
}

.SystemSettings .dx-list-item-content {
    background: transparent;
}

.SystemSettings.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover, .SystemSettings.dx-state-hover {
    background-color: var(--primary-color) !important;
    color: initial;
}

.dx-icon-SystemSettings {
    background-image: url("../img/SettinGs.svg");
    position: relative;
    top: 6px;
    background-color: var(--primary-color);
}
.dx-icon-Reports {
    background-image: url("../img/file-report.png");
    position: relative;
    top: 6px;
    background-color: var(--primary-color);
}

.dx-state-hover .dx-icon-SystemSettings, .dx-list-item-selected .dx-icon-SystemSettings {
    background-image: url("../img/SettinGs.svg");
    transition:0.2s;
    opacity:1;
}
.dx-state-hover .dx-icon-SystemSettings {
    opacity: 0.5;
    transition: 0.2s;
}

.dx-button-mode-contained.dx-state-focused {
    background: transparent;
    border-color: none;
}

#subMenuList .dx-treelist-headers {
    border-bottom: none;
}

#subMenuList .dx-treelist-cell-expandable {
    text-align: left;
    border: #ffffff00;
    /*background: transparent;*/
}

#menuDrawer {
    position: absolute;
    height: 100%;
}

.Content .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > td {
    background-color: #f4f5f6;
    color: rgb(51,51,51);
}

.Content .dx-treelist-rowsview .dx-treelist-collapsed span {
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    font-variant: normal;
    text-transform: none;
    line-height: 16.5px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .Content .dx-treelist-rowsview .dx-treelist-collapsed span:before {
        content: "\e64b";
    }

.Content .dx-treelist-rowsview .dx-treelist-expanded span {
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    font-variant: normal;
    text-transform: none;
    line-height: 16.5px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .Content .dx-treelist-rowsview .dx-treelist-expanded span:before {
        content: "\e648";
    }

.Content .dx-treelist-rowsview .dx-treelist-empty-space:before {
    content: "\f04e";
    visibility: hidden;
    display: none;
}

.Content .dx-list-item-selected .dx-list-item-icon-container {
    margin-left: -2px;
}

.SystemSettings {
    width: 48px;
    color: #fff;
    line-height: 28px;
    box-shadow: 0px 4px 9.1px 0.9px rgba(0, 0, 0, 0.07), 0px 4px 9.1px 0.9px rgba(245, 245, 245, 0.33);
    -webkit-box-shadow: 0px 4px 9.1px 0.9px rgba(0, 0, 0, 0.07), 0px 4px 9.1px 0.9px rgba(245, 245, 245, 0.33);
    overflow: hidden;
    transition: 0.3s;
}

.More {
    position: sticky;
    bottom: 17%;
    width: 50px;
    transition: 0.3s;
    overflow: hidden;
    height: 80px;
    background: #fff;
}

.dx-drawer-opened .SystemSettings, .dx-drawer-opened .SystemSettings {
    width: 260px;
    transition: 0.4s;
}

.dx-drawer-opened .More, .dx-drawer-opened .More {
    width: 260px;
    transition: 0.4s;
}

.Voyon-Login .dx-button-mode-contained.dx-button-success {
    background-color: var(--primary-color);
    border-color: transparent;
    color: #fff;
    width: 100%;
}

.choose_lang {
    font-size: 13px;
    float: right;
    padding: 10px 0;
    color: #1a71f5;
}

.lt-hr {
    width: 100%;
    height: 1px;
    background: #f5f5f5;
    display: block;
}

.company-logo {
    padding: 30px 0;
    display: block;
}

#menuDrawer .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
    background-color: var(--primary-color);
}

.submenu-DropDownElement {
    padding-left: 13px;
}

#subMenuList {
    left: -280px;
    transition: 0.3s;
}

    #subMenuList.show-sub-menu {
        left: 0px;
        transition: 0.2s;
    }

.vy-view-content .dx-toolbar.dx-widget.dx-visibility-change-handler.dx-collection {
    margin-bottom: 0;
    /*background: rgb(255, 255, 255);*/
}

.vy-view-content .dx-datagrid-header-panel {
    position: relative;
    margin-top: 0px;
    z-index: 5;
    margin-bottom: 5px;
}

.vy-view-content .dx-form-group-caption {
    font-size: 18px;
    font-weight: 500;
    position: relative;
    top: -7px;
}

.vy-view-content .dx-datagrid-borders > .dx-datagrid-headers {
    padding: 0px 0px 0px;
}

.vy-view-content .dx-header-row .dx-sort-indicator.dx-text-content-alignment-left {
    line-height: inherit;
    color: #000;
}

/*user-profile*/
/*grid style*/



.Voyon-Grids .dx-datagrid-borders .dx-datagrid-rowsview, .dx-datagrid-headers + .dx-datagrid-rowsview,
.Voyon-tree-list .dx-treelist-borders .dx-treelist-rowsview, .Voyon-tree-list .dx-treelist-headers + .dx-treelist-rowsview {
    border: 1px solid #ddd0;
    padding: 6px;
    border-radius: 0px 0px 6px 6px;
    font-size: 14px;
    background: rgba(255, 255, 255, 1);
    padding: 0 10px 0px !important;
    padding-right: 10px !important;
}
.dx-datagrid-headers + .dx-datagrid-rowsview {
    padding: 0 20px 0px !important;
    padding-right: 20px !important;
}
.Voyon-Grids #employee-attendance-listing-grid .dx-datagrid-borders .dx-datagrid-rowsview{
    padding: 0 10px 0px !important;
    padding-right: 10px !important;
}
.Voyon-Grids .dx-datagrid .dx-column-indicators {
    line-height: 30px;
    float: right !important;
}


.Voyon-Grids .dx-datagrid-filter-row .dx-texteditor-input-container, .Voyon-Forms .dx-texteditor-input-container {
    background: #fff0;
    border-radius: 0px;
    /*height: 26px;*/
}
.dx-texteditor-input-container.dx-tag-container {
    height: 26px;
}
.search-by-item-ul li .dx-texteditor-input-container.dx-tag-container {
    height: 32px;
}
#SystemSettings-UserCompanyInfo-VoyonGrids .dx-texteditor-input-container.dx-tag-container {
    height: auto;
}

/*.dx-textbox .dx-texteditor-input-container,*/ .dx-numberbox .dx-texteditor-input-container {
    /*height: 26px;*/
}


.dx-editor-filled.dx-dropdowneditor.dx-state-hover:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon,
.dx-editor-filled .dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon, .dx-editor-filled .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon, .dx-editor-filled.dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon, .dx-editor-filled.dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon {
    background: transparent;
}

.Voyon-Grids .dx-datagrid-filter-row {
    background: rgb(255 255 255);
}
.dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell {
    padding-left: 10px;
    padding-right:5px;
}
.dx-datagrid-content .dx-datagrid-table .dx-datagrid-filter-row .dx-editor-cell {
    padding-left: 2px;
}

.dx-texteditor-input {
    min-height: 28px;
    font-family: 'Segoe UI',Helvetica,Verdana,sans-serif;
}
/*grid style*/
/*radio button*/
.dx-radiobutton.dx-state-hover .dx-radiobutton-icon:before {
    border-color:var(--primary-color);
}

.dx-radiobutton-icon:before {
    display: block;
    width: 17px;
    height: 17px;
    border: 1px solid var(--primary-color);
    background-color: rgb(243 242 242 / 10%);
    content: "";
    border-radius: 11px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    box-shadow: 0px 0px 2.76px 0.24px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0px 0px 2.76px 0.24px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 0px 2.76px 0.24px rgba(0, 0, 0, 0.12);
}

.dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
    display: block;
    margin-top: -16px;
    margin-left: 3px;
    width: 13px;
    height: 13px;
    content: "";
    border-radius: 42px;
}

.dx-radiobutton.dx-state-focused:not(.dx-state-active) .dx-radiobutton-icon:before {
    border:1px solid var(--primary-color);;
}
/* / radio button*/
/*popup style*/
.preloader {
    position: absolute;
    z-index: 2500;
    background: #ffffffe6;
    transform: scale(1);
    padding: 42vh 0px;
    height: 100%;
    width: 100%;
    display: table-caption;
    text-align: center;
    vertical-align: middle;
}
/*treelist*/
.Voyon-tree-list {
    padding: 15px 20px;
}

    .Voyon-tree-list .dx-treelist-header-panel {
        border-bottom: none;
    }

    .Voyon-tree-list .dx-treelist-headers .dx-treelist-table .dx-row > td {
        border-bottom: 1px solid #ddd0;
    }

    .Voyon-tree-list .dx-treelist .dx-column-lines > td {
        border-left: 0px solid #ddd0;
        border-right: 0px solid #ddd0;
    }


    .Voyon-tree-list .dx-treelist .dx-row-lines > td {
        border-bottom: 1px solid #7b7b7b36;
    }

.dx-treelist-borders > .dx-treelist-headers {
    border-top: 1px solid #ddd0;
    border-left: 1px solid #ddd0;
    border-right: 1px solid #ddd0;
    border-bottom:1px solid #ddd0;
    padding: 0 10px 0;
    background: #fff;
    border-radius: 7px 7px 0px 0px;
    padding-right: 10px !important;
}

.Voyon-tree-list .dx-treelist-table {
    background-color: #fff;
}

.Voyon-tree-list .dx-treelist-rowsview .dx-treelist-content:not(.dx-treelist-content-fixed) {
    font-size: 13px;
}

.Voyon-tree-list .dx-treelist-rowsview {
    padding: 10px;
}

    .Voyon-tree-list .dx-treelist-rowsview .dx-treelist-expanded span {
        font: 18px/18px DXIcons !important;
        font-size: 14px !important;
        color: #222;
    }

        .Voyon-tree-list .dx-treelist-rowsview .dx-treelist-expanded span:before {
            content: "\f001" !important;
        }


.Voyon-tree-list .dx-icon-edit:before {
    content: "\e61c";
    left: -4px;
    position: relative;
    font-family: 'themify';
    font-size: 17px;
}

.Voyon-tree-list .dx-icon-trash:before {
    content: "\e605";
    left: -4px;
    position: relative;
    font-family: 'themify';
    font-size: 17px;
}

.Voyon-FileUpload .dx-icon-trash:before {
    content: "\e605";
    left: 0px;
    position: relative;
    font-family: 'themify';
    font-size: 17px;
}

.Voyon-tree-list .dx-icon-add:before {
    content: "\e61a";
    position: relative;
    font-family: 'themify';
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
}
.Voyon-tree-list tr.dx-row.dx-data-row td:first-child {
    border-radius: 6px 0px 0px 6px;
}
.Voyon-tree-list tr.dx-row.dx-data-row td:last-child {
    border-radius: 0px 6px 6px 0px;
}
/*treelist*/
/*custom scrollbar*/

/* width */
.vy-view-content::-webkit-scrollbar, .submenu-drawer::-webkit-scrollbar, .vy-custom-scroll::-webkit-scrollbar, Vf-custom-scroll::-webkit-scrollbar {
    width: 8px;
    transition: width .2s linear .15s;
}

    .vy-view-content::-webkit-scrollbar:hover, .submenu-drawer::-webkit-scrollbar:hover, .vy-custom-scroll::-webkit-scrollbar:hover, .Vf-custom-scroll::-webkit-scrollbar:hover {
        width: 15px;
        transition: width .2s linear .15s;
        transition: .3s;
    }
/* Track */
.vy-view-content::-webkit-scrollbar-track, .submenu-drawer::-webkit-scrollbar-track, .vy-custom-scroll::-webkit-scrollbar-track, .Vf-custom-scroll::-webkit-scrollbar-track {
    background: rgba(183,183,183,.2);
}
/* Handle */
.vy-view-content::-webkit-scrollbar-thumb, .submenu-drawer::-webkit-scrollbar-thumb, .vy-custom-scroll::-webkit-scrollbar-thumb, .Vf-custom-scroll::-webkit-scrollbar-thumb {
    background: rgba(183,183,183,.7);
    border-radius: 2px;
    border: 4px solid transparent;
}
 /* Handle on hover */
    .vy-view-content::-webkit-scrollbar-thumb:hover, .submenu-drawer::-webkit-scrollbar-thumb:hover, .submenu-drawer::-webkit-scrollbar-thumb:hover {
        background: rgba(183,183,183,.7);
    }
/*custom scrollbar*/
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit-with-icons .dx-link,
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit-with-icons .dx-link {
    left: -4px;
    position: relative;
    font-family: 'themify';
    font-size: 17px;
}
.dx-treelist-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link, .dx-treelist-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused), .dx-treelist-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) {
    background-color: rgba(0,0,0,.0);
    color: #222;
}
.dx-treelist-content .dx-treelist-table .dx-row > td, .dx-treelist-content .dx-treelist-table .dx-row > tr > td {
    vertical-align: middle;
}
.dx-treelist .dx-link {
    color: #bfbffd;
}
.vy-view-content .dx-datagrid-borders > .dx-datagrid-headers {
    padding: 15px 0px 0px;
}
.dx-form-group-caption {
    font-size: 14px;
    font-weight: 500;
    color: #555;
    position: relative;
    top: -2px;
    font-family:var(--main-font);
}
.docs-section-view .dx-form-group-caption {
    font-size: 13px;
    top:0px;
}

.vy-view-content .dx-form-group-caption {
    font-size: 14px;
    font-weight: 500;
    position: relative;
    color: #555;
    top: 0px;
}

.vy-view-content .VoyonGridInnerChild {
    padding: 15px 20px;
    border: 1px solid #e3e1e1;
    border-radius: 4px;
    margin-bottom: 30px;
}

.dx-icon.dx-icon-gridfilter {
    position: relative;
    font-family: 'themify';
    font-size: 17px;
    font-style: normal;
}

.dx-icon-gridfilter:before {
    content: "\e6a2";
}

.dx-icon-edit:before {
    content: "\e61c";
}

.dx-icon-trash:before {
    content: "\e605";
}

.vy-view-content .dx-toolbar-text-auto-hide .dx-button .dx-button-content {
    padding: 4px 5px;
}
/*Voyon Flyout Styles*/
.Voyon-Flyout-Background {
    position: absolute;
    width: 0;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 20;
    backdrop-filter: contrast(100%);
    margin-top: 60px;
    background: #e3e3e300;
    padding: 0px;
    overflow: auto;
    transition: 0.3s;
    transition-delay: .2s;
}

.FlyoutBackground {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    backdrop-filter: contrast(70%);
    right: 0;
    z-index: 20;
    margin-top: 60px;
    background: #e3e3e300;
    padding: 0px;
    overflow: auto;
    transition: 0.3s;
    transition-delay: .2s;
}

.Voyon-Flyin {
    width: 500px;
    right: -500px;
    position: relative;
    float: right;
    background: #fff;
    padding: 30px 20px;
    height: 88%;
    transition: 0.4s;
    box-shadow: 0px 4px 9.1px 0.9px rgba(0, 0, 0, 0.07), 0px 4px 9.1px 0.9px rgba(245, 245, 245, 0.33);
    -webkit-box-shadow: 0px 4px 9.1px 0.9px rgba(0, 0, 0, 0.07), 0px 4px 9.1px 0.9px rgba(245, 245, 245, 0.33);
    -moz-box-shadow: 0px 4px 9.1px 0.9px rgba(0, 0, 0, 0.07), 0px 4px 9.1px 0.9px rgba(245, 245, 245, 0.33);
    transition-delay: 0.5s;
}

.Voyon-Flyout {
    right: 0px;
    transition: 0.5s;
    transition-delay: 0.2s;
}

.Voyon-Flyin .dx-button-mode-contained.dx-button-success {
    background-color: var(--primary-color);
    border-color: transparent;
    border-radius: 6px;
    color: #fff;
}

.Voyon-Flyin .dx-button-mode-contained.dx-button-default {
    background-color: #e8e8e8;
    border-color: transparent;
    color: #222;
    border-radius: 6px;
}

.Voyon-Flyin #bottom-close-cancel {
    margin-top: 15px;
    border-top: 1px solid #e8e8e8;
    position: absolute;
    bottom: 70px;
    width: 100%;
    margin-left: -20px;
    padding-left: 20px;
}

.vy-view-content #LeaveManagement-Leave-Deduction-VoyonGrids1 .dx-datagrid-header-panel {
    position: relative;
    margin-top: -59px;
}

.vy-view-content #BulktabPanelContainer .dx-datagrid-header-panel {
    position: relative;
    margin-top: -25px;
    background: #fff;
    margin-bottom: 0px;
}
/*expression-builder*/
.vy-exp-item {
    background: var(--primary-bg);
    padding: 15px;
    border-radius: 6px;
}

#display-Operations tr td button {
    margin: 10px;
    border: none;
    background: #fff;
    border-radius: 4px;
    font-size: 21px;
    width: 60px;
    text-align: center;
    height: 50px;
    transition: 0.2s;
}

#display-Constants tr td button {
    margin: 10px;
    border: none;
    background: #fff;
    border-radius: 4px;
    font-size: 21px;
    width: 78px;
    text-align: center;
    height: 60px;
    transition: 0.2s;
}

.vy-exp-btn tr td button:hover, .vy-exp-btn tr td button:focus {
    border: 1px solid var(--primary-color) !important;
    transition: 0.3s;
    outline: none;
}

.first-list #treeview {
    display: table;
}

.con-ope-list li:before {
    content: "\f04e";
    width: 22px;
    top: 50%;
    margin-top: -13px;
    margin-left: -5px;
    font: 22px/22px DXIcons;
    margin-right: 3px;
    position: relative;
    top: 4px;
}

.first-list .dx-scrollable-content {
    background: var(--primary-bg);
}

.vy-exp-builder .first-list .dx-treeview-item {
    padding: 5px 6px 0;
    min-height: 18px;
}

.exp-builder .dx-treeview-item-without-checkbox.dx-state-focused > .dx-treeview-item,
.exp-builder .dx-list:not(.dx-list-select-decorator-enabled) .dx-lisit-item.dx-state-focused {
    color: initial;
}

.exp-builder .dx-scrollable-content {
    background: var(--primary-bg);
}
.vy-error-msg {
    color: #de1111;
}

.vy-sucess-msg {
    color: #179f26;
}

.vy-exp-builder .dx-form-group-with-caption > .dx-form-group-content {
    padding-bottom: 0px;
    padding-top: 10px;
    margin-top: 0px;
}

.vy-exp-builder .dx-layout-manager .dx-field-item:not(.dx-first-row) {
    padding-top: 0px;
}

.vy-exp-builder .full-view-card .dx-layout-manager {
    margin-bottom: 7px;
}

.vy-exp-builder .dx-first-col .dx-form-group-with-caption > .dx-form-group-content {
    border-top: none;
}

.vy-exp-builder .dx-layout-manager .dx-label-h-align.dx-flex-layout:not(.dx-field-item-label-align) {
    display: block;
    margin-bottom: 0px;
}

.vy-exp-builder .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
    color: #222;
}

.vy-exp-builder .dx-treeview-toggle-item-visibility:before {
    content: "\f04e";
    position: absolute;
    display: block;
    width: 22px;
    top: 50%;
    margin-top: -14px;
    left: 50%;
    margin-left: -11px;
}
/* /expression-builder*/
/*fileupload*/
.Voyon-FileUploader .dx-datagrid-header-panel {
    background: #fff0;
    position: absolute;
    top: -60px;
    width: 96%;
}

.Voyon-FileUploader .informer h3 {
    font-size: 16px;
    text-align: left;
}

.Voyon-FileUploader .dx-toolbar-text-auto-hide .dx-button .dx-button-content {
    padding: 5px;
}

.Voyon-FileUploader .dx-toolbar-after .dx-item-content.dx-toolbar-item-content {
    position: relative;
    top: -14px;
}

.Voyon-FileUploader .dx-datagrid .dx-datagrid-rowsview .dx-datagrid-edit-form {
    background-color: #ffffff;
}

.Voyon-FileUploader .Voyon-Grids .dx-datagrid-borders .dx-datagrid-rowsview, .dx-datagrid-headers + .dx-datagrid-rowsview {
    border: 1px solid #ddd0;
    padding: 10px;
    border-radius: 0px 0px 6px 6px;
    font-size: 13px;
    background: rgb(255, 255, 255);
}
/* /fileupload*/


#CompanySwitch .dx-texteditor-input {
    padding: 8px 0px 8px;
    margin-left: -1px;
    font-weight: 700;
    font-size: 12px;
}
/*----------------------/StyleSheet------------------------------------------------*/
.dx-texteditor.dx-editor-filled,
.dx-texteditor.dx-state-active.dx-editor-filled, .dx-texteditor.dx-state-focused.dx-editor-filled {
    background: #fff;
    border: 1px solid rgba(65,65,65,0.31);
    border-radius: 5px;
}

#Voyon-Grids td .dx-datagrid-action.dx-cell-focus-disabled {
    color: initial;
    font-weight: 500;
}

.dx-invalid.dx-texteditor.dx-editor-filled {
    border-color: rgba(243, 0, 0, 0.5411764705882353);
}

.dx-invalid-message > .dx-overlay-content {
    color: #fff;
    background-color: #f51b1b;
    border-radius: 1px;
    padding: 5px 8px;
}

.dx-invalid.dx-texteditor.dx-editor-filled.dx-show-invalid-badge .dx-texteditor-input-container:after, .dx-invalid.dx-texteditor.dx-editor-outlined.dx-show-invalid-badge .dx-texteditor-input-container:after, .dx-invalid.dx-texteditor.dx-editor-underlined.dx-show-invalid-badge .dx-texteditor-input-container:after {
    background-color: #f71818;
}

.vy-sub-grid-title {
    margin-left: 10px;
    margin-top: 15px;
    margin-bottom: 20px;
    padding-bottom: 12px;
    font-size: 20px;
    font-weight: 500;
    font-family: 'DM Sans',sans-serif;
    position: inherit;
}

.Voyon-Grids-innergrid {
    padding: 6px 10px;
    margin-top: 30px;
}

.Voyon-Grids .dx-toolbar-after .dx-toolbar-item, .dx-toolbar-after .dx-toolbar-item:last-child {
    padding: 0px 0 0 0px;
}

.Voyon-Grids-innergrid .dx-datagrid-borders > .dx-datagrid-headers {
    border-top: 1px solid #ddd0;
    border-left: 1px solid #ddd0;
    border-right: 0;
    padding: 0px 6px 0px;
    padding-right: 10px !important;
    border-radius: 3px 3px 0px 0px;
    border-bottom: none;
    background: #fff0f0;
}

.top-nav .dx-button-mode-contained {
    background-color: transparent;
    border-color: transparent;
}

.dx-button-mode-contained.dx-state-active {
    background-color: transparent;
    border-color: transparent;
}

.top-nav .dx-button {
    border-width: 0px;
}

.Voyon-ChildGrids .dx-datagrid-borders > .dx-datagrid-headers {
    padding: 0px 0px 0px;
    background: #ffffff;
    /* border-bottom: 1px solid #cdcdcd !important; */
    padding: 0 5px !important;
    padding-right: 5px !important;
}

.Voyon-ChildGrids .dx-datagrid .dx-column-lines > td:first-child {
    border-left: none;
    padding: 5px 15px !important;
}

.Voyon-ChildGrids .dx-toolbar-items-container {
    height: 40px;
    overflow: visible;
    margin-bottom: 0;
}

.Voyon-ChildGrids {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(217, 220, 228);
    padding: 15px;
    padding-top: 10px;
    margin-bottom: 15px;
    margin-top: 15px;
    border-radius: 5px;
    box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.09);
}


    /*.Voyon-ChildGrids:last-of-type {
        margin-bottom: 0px;
    }*/

.Voyon-ChildGrids-title {
}

.Voyon-ChildGrids .dx-toolbar.dx-widget.dx-visibility-change-handler.dx-collection {
    margin-bottom: 0;
    background: rgb(255, 255, 255);
}

.Voyon-ChildGrids .dx-toolbar {
    padding: 0px 0px;
}

.Voyon-ChildGrids .dx-icon-trash:before {
    content: "\e605";
}

.Voyon-Grids .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit-with-icons .dx-link,
.Voyon-Grids .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit-with-icons .dx-link {
    display: none;
    margin-left: 8px;
}

.Voyon-Grids .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row.dx-state-hover .dx-command-edit-with-icons .dx-link,
.Voyon-Grids .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row.dx-state-hover .dx-command-edit-with-icons .dx-link {
    display: inline-block;
}

.dx-datagrid-rowsview .dx-data-row .dx-command-edit:not(.dx-focused) .dx-link,
.dx-treelist-rowsview .dx-data-row .dx-command-edit:not(.dx-focused) .dx-link {
    color: #929598 !important;
}

.link-grid-btns .dx-data-row .dx-command-edit:not(.dx-focused)  .dx-link.dx-link-cancel {
    color: #000 !important;
}
.link-grid-btns .dx-data-row .dx-command-edit:not(.dx-focused) .dx-link.dx-link-save {
    color: #fff !important;
}

.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link {
    background-color: #f4f5f6;
}

.lavender .Content .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > td {
    background-color: #f1f8ff;
    color: rgb(51,51,51);
}



.Voyon-FileUpload .dx-row-inserted.dx-edit-row.dx-datagrid-edit-form {
    border: 1px solid #ddddddc7;
    padding: 10px;
}
.Voyon-FileUpload .dx-fileuploader-wrapper {
    padding: 10px 0px;
}

.Voyon-FileUpload .dx-fileuploader-input-wrapper {
    padding: 7px 0;
    border: 0px dashed transparent;
}
.Voyon-FileUpload .dx-fileuploader-button.dx-button-has-text {
    width: 100%;
}
.Voyon-FileUpload .dx-fileuploader-input-wrapper .dx-fileuploader-button {
    background: #eff1fa;
    border: 1px dashed #b5bfed;
}

.Voyon-FileUpload .dx-fileuploader-button-container {
    display: table-cell;
    vertical-align: middle;
    float: right;
}
    .Voyon-FileUpload .dx-fileuploader-button-container .dx-fileuploader-cancel-button i {
        color: #fff;
        font-size: 13px;
        line-height: 18px;
    }

    .Voyon-FileUpload .dx-fileuploader-button-container .dx-fileuploader-cancel-button {
        border-radius: 50%;
        background-color: #acb8d4;
        box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.15);
        color: #fff;
        width: 28px !important;
        float: right;
        margin-right: 0;
    }

.Voyon-FileUpload .dx-fileuploader-file-name {
    padding-bottom: 8px;
    color: #000;
    font-size: 13px;
    font-weight: 500;
}

.Voyon-FileUpload .dx-fileuploader-file-status-message {
    color: #7b85b5;
}
.Voyon-FileUpload .dx-fileuploader-file-size {
    font-size: 13px;
    width: 70px;
    text-align: center;
    color: #7998b1;
}

.Vy-HGrids .dx-datagrid-header-panel {
    background: #fff;
}

    .Vy-HGrids .dx-datagrid-header-panel .dx-toolbar {
        margin-bottom: 0px;
    }

.Vy-HGrids .dx-datagrid-headers .dx-header-row {
    padding: 0px 8px;
}

.Vy-HGrids .dx-datagrid-headers tr.dx-header-row td {
    padding: 8px 15px !important;
}

.Vy-HGrids .dx-datagrid-rowsview .dx-row {
    border-bottom: 1px solid #e0e0e047;
}

.Vy-HGrids .dx-datagrid .dx-column-lines > td {
    border-right: 1px solid #ddd0;
}

    .Vy-HGrids .dx-datagrid .dx-column-lines > td:last-child {
        border-right: 1px solid transparent;
    }

.Vy-HGrids .dx-datagrid-rowsview, .dx-datagrid-headers + .dx-datagrid-rowsview {
    padding:0 5px !important;
    border-radius: 0px 0 0 0;
    font-size: 14px;
    background: rgba(255, 255, 255, 0.80);
}

.Vy-HGrids .dx-datagrid-headers tr.dx-header-row td {
    padding: 5px 10px !important;
}

.Vy-HGrids .dx-datagrid-borders > .dx-datagrid-headers {
    border-bottom: 1px solid #ddd0;
    border-top: 1px solid #ddd0;
}

.Vy-HGrids .dx-datagrid-header-panel {
    dx-datagrid-header-panel
}

.Vy-HGrids {
    margin-left: 60px;
    margin-right: 60px;
    border: 1px solid #c3c3c394;
}

    .Vy-HGrids .dx-datagrid-header-panel {
        padding-right: 8px;
        margin-bottom:1px;
    }

.vy-tabs .dx-item .dx-tab {
    font-size: 13px;
    display: inline-block;
    color: #191818;
    padding: 10px 18px 10px 10px;
    cursor: pointer;
}

.vy-tabs .dx-tab.dx-tab-selected {
    background: #fff;
    border-bottom: none;
}

.vy-tabs .dx-tabs::after {
    content: "";
    display: block;
    clear: both;
}

.vy-tabs .dx-tabpanel .dx-tab:not(.dx-tab-selected):not(.dx-state-hover) {
    background: #f4f3f3;
}

.vy-tabs .dx-tabs-scrollable .dx-tabs-wrapper {
    border: 1px solid #ddd;
    border-right: none;
}

.vy-tabs .dx-tabpanel.dx-state-focused .dx-tab-selected:after {
    border-color: #fff;
}

.vy-tabs .dx-tabpanel .dx-tabs {
    border: none;
}

.vy-tabs .dx-tabpanel.dx-state-focused .dx-multiview-wrapper {
    border: 1px solid #ffffff;
}

.vy-tabs .dx-tab:before {
    content: "";
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 2;
    height: 0;
    border-bottom: 1.5px solid transparent;
    bottom: 0px;
    margin: 0 3px;
}

.vy-tabs .dx-tab-selected:before {
    border-bottom: 2px solid var(--primary-color);
    bottom: 0;
}

.vy-tabs .dx-state-hover:before {
    border-bottom: 2px solid var(--primary-color);
    opacity: 0.3;
}

.vy-tabs .dx-tab-selected.dx-state-hover:before {
    border-bottom: 2px solid var(--primary-color);
    opacity: 1;
}

.vy-tabs .dx-tab-selected:before {
    /*width: 0px;*/
    transition: 03s;
}

.vy-tabs .dx-tabs {
    border: 0px solid #ddd;
}

.vy-tabs .dx-tabpanel .dx-tab {
    width: auto;
}

.vy-tabs .dx-tabs {
    background-color: #fff;
}

.vy-tabs .dx-tab-selected:after {
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    border-right: none;
    border-left: none;
    border-top: none;
    border-bottom: none;
    z-index: 1;
}

.dx-tabpanel .dx-multiview-wrapper {
    border: 0px solid #ddd;
}

.vy-tabs .Voyon-Forms {
    margin: 25px 0px;
}

.vy-tabs .dx-tabpanel .dx-tabs {
    background-color: #fff;
}

.vy-tabs .dx-tabpanel-tabs {
    padding: 0px 0px;
    border-bottom: 2px solid #f4f3f3;
}

.vy-tabs .dx-tab:hover
.vy-tabs .dx-tabpanel .dx-tab {
    width: auto;
    padding: 10px 20px;
}

.vy-tabs .dx-tab .dx-tab-text {
    position: relative;
    top: 0px;
    transition: .3s;
    text-transform: uppercase;
    font-size: 11px;
}
.dx-tabpanel .dx-tab {
    width: auto !important;
    min-width: 85px;
}

    .vy-tabs .dx-tab .dx-tab-text:hover {
        transition: .1s;
    }

.vy-tabs .dx-tab-selected .dx-tab-text {
    font-weight: 500;
}

.vy-tabs .dx-tab.dx-state-hover {
    background-color: #fff;
}
.dx-multiview-item-hidden {
}
.vy-tabs .dx-multiview-item {
    transform: translate(0px, 0px) !important;
    transition: .3s;
}
.Vf-tabs-default .dx-multiview-item-hidden {
    top: 0;
    opacity:0;
}
.vy-tabs .dx-multiview-item.dx-multiview-item-hidden {
        transform: translate(36px, 0px);
        transition: .3s;
}
.Voyon-Forms .dx-state-readonly .dx-texteditor-input {
    padding-left: 0px;
    font-weight: 400;
}
.Voyon-Forms .dx-state-readonly.dx-colorbox .dx-texteditor-input {
    padding-left: 20px;
}
.Voyon-Forms .dx-state-readonly.dx-colorbox .dx-colorbox-color-result-preview {
    left: 0px;
}

.Voyon-Forms .dx-texteditor.dx-state-readonly.dx-editor-filled {
    border-color: rgba(148, 148, 148, 0.64);
    border: none;
    border-bottom: 1px dashed rgba(148, 148, 148, 0.64);
}

    .Voyon-Forms .dx-texteditor.dx-state-readonly.dx-editor-filled.dx-state-hover {
        background-color: rgba(255,86,128,0);
    }

.Voyon-Forms .dx-visibility-change-handler label .dx-field-item-label-text {
    color: #555;
    font-size: 13px;
    font-weight: 400;
}
.Voyon-Forms .dx-state-readonly .dx-editor-filled.dx-state-focused .dx-texteditor-container {
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-box-shadow: none;
}

.left-tabs .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected {
    background-color: transparent;
    color: #fff;
}

#serviceModules .dx-treelist-headers {
    background: #fff;
    border: none;
}

    #serviceModules .dx-treelist-headers .dx-treelist-table .dx-row > td {
        border-bottom: 1px solid #ddd;
    }

.Voyon-Grids .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select,
.Voyon-Grids .dx-treelist-content .dx-treelist-table .dx-row .dx-command-select {
    padding: 0;
    width: 35px;
    min-width: 15px;
    max-width: 30px;
    padding-left: 4px;
}

.dx-datagrid-checkbox-size .dx-checkbox-icon,
.dx-treelist-checkbox-size .dx-checkbox-icon {
    height: 16px;
    width: 16px;
    border-radius: 120px;
    font-size: 13px;
    color: #fff;
    background: #fff;
    border: 1px solid #767676;
}
.Records-limitBox .dx-texteditor-input {
    font-size: 13px;
    padding: 2px 1px;
    padding-left: 5px;
    min-height: 18px;
    font-weight: 500;
    color: #000;
    text-align: center;
    position: relative;
    top: -1px;
}

.dx-checkbox.dx-state-focused .dx-checkbox-icon {
    border: 1px solid #fff;
}

.dx-select-checkbox.dx-checkbox-checked span.dx-checkbox-icon {
    background: var(--primary-color);
    border-color: var(--primary-color);
}

.dx-checkbox-checked .dx-checkbox-icon:before {
    content: "\f005";
    position: absolute;
    display: block;
    width: 18px;
    top: 50%;
    margin-top: -7.5px;
    left: 50%;
    margin-left: -9px;
    font-weight: 600;
    font-size: 10px;
}
.Voyon-Grids .dx-datagrid-headers .dx-checkbox-icon,
.Voyon-Grids .dx-treelist-headers .dx-checkbox-icon {
    margin-top: 1px;
}
.dx-datagrid .dx-column-lines > td .dx-column-indicators,
.dx-treelist .dx-column-lines > td .dx-column-indicators {
    opacity: 0;
}

.dx-datagrid .dx-column-lines > td:hover .dx-column-indicators,
.dx-treelist .dx-column-lines > td:hover .dx-column-indicators {
    opacity: 1;
}

.dx-datagrid-rowsview .dx-row,
.dx-treelist-rowsview .dx-row {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    font-size: 13px;
    /* border: none; */
    height: 42px;
}
#SystemSettings-UserCompanyInfo-VoyonGrids .dx-datagrid-rowsview .dx-row {
    height: auto;
}

.dx-datagrid-table .dx-header-row,
.dx-treelist-table .dx-header-row {
    height: 42px;
}

.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused), .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused),
.dx-treelist-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused) {
    background-color: rgba(0, 0, 0, 0);
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td {
    background-color: transparent;
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > td,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > td {
    border-bottom: 1px solid #e8e8e8;
    border-top: 1px solid #ffffff;
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > td,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > td {
    border-left-color: #fff;
    border-right-color: #fff;
}

.dx-row.dx-data-row td.dx-command-select {
    border-radius: 6px 0px 0px 6px;
}

.dx-row.dx-data-row td.dx-command-edit {
    border-radius: 0px 0px 0px 0px;
}

.dx-data-row.dx-state-hover, .Vf-grid-default .dx-datagrid-content.dx-datagrid-content-fixed tr.dx-data-row.dx-state-hover td:not(.dx-pointer-events-none) {
    background-color: #ddeaf3 !important;
}

.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused),
.dx-treelist-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused) {
    background-color: #ddeaf3;
}

.dx-datagrid-rowsview .dx-row:last-of-type,
.dx-treelist-rowsview .dx-row:last-of-type {
    border-bottom: 1px solid transparent;
}

.dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > td, .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > tr:first-child > td,
.dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > td, .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > tr:first-child > td {
    border-bottom: 1px solid #e8e8e8;
}
.dx-treelist-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) {
    background-color: rgb(0 0 0 / 0%);
}

.Vy-maintoolbar .dx-button-content {
    padding: 4px 3px;
}

.Vy-maintoolbar .dx-texteditor.dx-editor-filled {
    background: #ffffff;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    margin-right: 12px;
    margin-left: 23px;
}

.Vy-maintoolbar .dx-datagrid-search-panel .dx-placeholder {
    color: #bab8b8;
    font-size: 13px;
}

.Vy-maintoolbar .dx-icon.fas.fa-filter {
    font-size: 13px;
}

.Vy-maintoolbar .dx-icon.dx-icon-overflow,
.batch-toolbar .dx-icon.dx-icon-overflow {
    font-size: 14px;
    font-family: "Font Awesome 5 Free";
}
.Vy-maintoolbar .dx-icon.dx-icon-overflow::before ,
.batch-toolbar .dx-icon.dx-icon-overflow::before {
        font-family: "Font Awesome 5 Free";
        content: "\f142";
        display: inline-block;
        padding-right: 3px;
        vertical-align: middle;
        font-weight: 900;
}
.batch-toolbar .dx-dropdownmenu.dx-button-has-icon .dx-button-content {
    padding: 4px 4px;
    padding-right: 0;
}
.batch-toolbar .dx-toolbar-menu-container .dx-button {
    margin-left: 0px;
}
.batch-toolbar .dx-button-mode-contained {
    background-color: #ddd0;
    border-color: #ddd0;
}
.Vy-maintoolbar .dx-searchbox .dx-icon-search {
    font: 16px/18px DXIcons;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    width: 34px;
    height: 34px;
    background-position: 8px 8px;
    background-size: 18px 18px;
    padding: 8px;
    text-align: center;
    color: #bab8b8;
}

.Vy-maintoolbar .dx-button-mode-contained {
    border-color: transparent;
    color: #333;
}

.Vy-maintoobar {
    padding-bottom: 10px;
    padding-top: 0;
}

.Voyon-Grids .dx-datagrid-headers .dx-datagrid-content,
.Voyon-Grids .dx-treelist-headers .dx-treelist-content {
    margin-bottom: 0px;
    border-bottom: 1px solid #cdcdcd !important;
}
.dx-treelist-headers .dx-treelist-content {
    margin-bottom: 0px;
}
.dx-datagrid-rowsview .dx-data-row.dx-row-lines:last-of-type > td {
    border-bottom: 1px solid #f56969;
}

.Records-limitBox .dx-dropdowneditor-button {
    width: 14px;
    min-width: 14px;
    padding: 1px;
    border-radius: 4px;
    position: relative;
    top: -1px;
}
.dx-datagrid-nodata {
    height: 20px;
    color:transparent;
}
.Grid-addNew-Btn .dx-item-content.dx-toolbar-item-content {
    padding-right: 21px;
}
.dx-pager .dx-pages {
    float: left;
}
.EmployeeDetails .dx-layout-manager .dx-label-h-align.dx-flex-layout:not(.dx-field-item-label-align) {
    display: block;
    margin-bottom: 0px;
}
.empPublishPic .dx-field-item-label-content {
    width: 410px !important;
}
.EmployeeDetails .dx-fileuploader-input-container {
    display: none;
}
.employeeFullView .BasicDetails .dx-form-group-with-caption > .dx-form-group-content {
    padding-top: 25px;
}
.Cand-search-parent.employeeFullView .BasicDetails .dx-form-group-with-caption > .dx-form-group-content {
    padding-top: 5px;
}
.employeeCard .Voyon-ChildGrids .dx-toolbar-items-container {
    height: 40px;
    overflow: visible;
    margin-bottom: 0;
    background: rgb(255, 255, 255);
}
.Records-limitBox .dx-texteditor-buttons-container {
    width: 20px;
}
.employeeCard .Voyon-ChildGrids {
    border: 1px solid #f4f3f300;
    padding: 5px 0px;
    padding-top: 0px;
    margin-bottom: 20px;
}
.employeeCard .Voyon-ChildGrids .dx-datagrid-headers .dx-datagrid-content {
    margin-bottom: 0px !important;
    border-bottom: 1px solid #cdcdcd !important;
}
.employeeCard .Voyon-ChildGrids .dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable {
    padding: 0 15px 15px !important;
    background: #fff;
}
.familyDetails .dx-datagrid-search-panel {
    display:none;
}
.dx-row.dx-freespace-row.dx-column-lines {
    display: none !important;
}
.Voyon-ChildGrids .dx-row.dx-freespace-row.dx-column-lines {
    display:none !important;
}
.empBenefit .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    line-height: 20px;
}
.empBenefit .employeeCard .Voyon-ChildGrids {
    border: 1px solid #fff;
    padding: 0px 0px;
    padding-top: 0px;
}
.empBenefit .dx-datagrid-headers {
    border-bottom: 0px solid #ddd;
}
.Lg-language .dx-texteditor.dx-editor-filled {
    background: transparent;
    border: 1px solid rgba(65, 65, 65, 0);
}
.Lg-language .dx-texteditor.dx-state-hover.dx-editor-filled {
    border-color: rgba(53, 53, 53, 0) !important;
}
.Signup-Btn .dx-button-mode-contained.dx-button-default.dx-state-hover, .Signup-Btn .dx-button-mode-contained.dx-button-default.dx-state-focused {
    background: rgb(7, 156, 224);
}
input:-internal-autofill-selected {
    background-color: #fff !important;
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
#BusinessUnitSelect.dx-texteditor.dx-editor-filled {
    border: 1px solid rgba(65,65,65,0)
}
#BusinessUnitSelect.dx-state-hover.dx-editor-filled, #CompanySwitch.dx-state-hover.dx-editor-filled {
    border-color: transparent !important;
    background-color: transparent;
}
#More-Services .dx-list-item-icon-container {
    width: 58px;
    height: 58px;
    margin: 0 auto;
    text-align: center;
}
#More-Services .menu-text {
    font-size: 10px;
    word-break: break-word;
    white-space: nowrap;
    overflow: hidden;
    line-height: 35px;
    width: auto;
    margin: 0;
}
.asd .Vy-maintoolbar .dx-button-mode-contained {
    background: transparent;
    border: 2px solid var(--primary-color);
}
.asd .dx-button-content {
    padding: 5px 10px;
    color: var(--primary-color);
}
.AdvancePage .dx-layout-manager .dx-field-item:not(.dx-last-col) {
    padding-right: 0px;
}
.AdvanceSettlementPage .dx-layout-manager .dx-field-item:not(.dx-last-col) {
    padding-right: 0px;
}
#Benefit-Advance-VoyonGrids .dx-toolbar.dx-widget {
    background: var(--toolbar-color);
    padding: 4px 20px;
    border-radius: 7px;
    font-size:14px;
}
#Benefit-Advance-VoyonGrids .dx-toolbar.dx-widget .dx-button-has-text .dx-button-content {
    padding: 5px 18px 6px;
    font-size: 13px;
    font-family: var(--main-font);
    position: relative;
    top: -2px;
}
#Benefit-Advance-VoyonGrids .dx-toolbar.dx-widget .dx-button-has-text .dx-button-content{
    font-size:11px;
}
.vy-text-approved,
.vy-text-qualified {
    background: #57cc94;
    text-align: center;
    padding: 5px 7px 8px;
    color: #fff;
    border-radius: 4px;
    line-height: 12px;
    font-size: 13px;
    width: max-content;
    box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.15);
}
.vy-text-approvalstarted {
    background: #b0cc41;
    text-align: center;
    padding: 5px 7px 8px;
    color: #fff;
    border-radius: 4px;
    line-height: 12px;
    font-size: 13px;
    width: max-content;
    box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.15);
}
.vy-text-active,
.vy-text-selected {
    background: #57cc95;
    text-align: center;
    padding: 5px 7px 8px;
    color: #fff;
    border-radius: 4px;
    line-height: 12px;
    font-size: 13px;
    width: max-content;
    box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.15);
}
.vy-text-inactive {
    background: #b0c2da;
    text-align: center;
    padding: 5px 7px 8px;
    color: #fff;
    border-radius: 4px;
    line-height: 12px;
    font-size: 13px;
    width: max-content;
    box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.15);
}
.vy-text-submitted,
.vy-text-scheduled {
    background: #dfbe4d;
    text-align: center;
    padding: 5px 7px 8px;
    color: #fff;
    border-radius: 4px;
    line-height: 12px;
    font-size: 13px;
    width: max-content;
    box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.15);
}
.vy-text-rejected {
    background: #be1558;
    text-align: center;
    padding: 5px 7px 8px;
    color: #fff;
    border-radius: 4px;
    line-height: 12px;
    font-size: 13px;
    width: max-content;
    box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.15);
}
.vy-text-cancelled {
    background: #f04f4f;
    text-align: center;
    padding: 5px 7px 8px;
    color: #fff;
    border-radius: 4px;
    line-height: 12px;
    font-size: 13px;
    width: max-content;
    box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.15);
}
.vy-text-draft,
.vy-text-rescheduled {
    background: #575757;
    text-align: center;
    padding: 5px 7px 8px;
    color: #fff;
    border-radius: 4px;
    line-height: 12px;
    font-size: 13px;
    width: max-content;
    box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.15);
}
.vy-text-drafted {
    background: #575757;
    text-align: center;
    padding: 5px 7px 8px;
    color: #fff;
    border-radius: 4px;
    line-height: 12px;
    font-size: 13px;
    width: max-content;
    box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.15);
}
.vy-text-pending {
    background: #F29339;
    text-align: center;
    padding: 5px 7px 8px;
    color: #fff;
    border-radius: 4px;
    line-height: 12px;
    font-size: 13px;
    width: max-content;
    box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.15);
}
.vy-text-pendingcompanyinput {
    background: #b85042;
    text-align: center;
    padding: 5px 7px 8px;
    color: #fff;
    border-radius: 4px;
    line-height: 12px;
    font-size: 13px;
    width: max-content;
    box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.15);
}
.vy-text-requested {
    background: #ff6e40;
    text-align: center;
    padding: 5px 7px 8px;
    color: #fff;
    border-radius: 4px;
    line-height: 12px;
    font-size: 13px;
    width: max-content;
    box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.15);
}
.vy-text-inprogress,
.vy-text-decisionpending {
    background: #e1dd72;
    text-align: center;
    padding: 5px 7px 8px;
    color: #fff;
    border-radius: 4px;
    line-height: 12px;
    font-size: 13px;
    width: max-content;
    box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.15);
}
.vy-text-onhold {
    background: #81b7d2;
    text-align: center;
    padding: 5px 7px 8px;
    color: #fff;
    border-radius: 4px;
    line-height: 12px;
    font-size: 13px;
    width: max-content;
    box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.15);
}
.vy-text-hold {
    background: #81b7d2;
    text-align: center;
    padding: 5px 7px 8px;
    color: #fff;
    border-radius: 4px;
    line-height: 12px;
    font-size: 13px;
    width: max-content;
    box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.15);
}
.vy-text-reassigned {
    background: #ddc3a5;
    text-align: center;
    padding: 5px 7px 8px;
    color: #fff;
    border-radius: 4px;
    line-height: 12px;
    font-size: 13px;
    width: max-content;
    box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.15);
}
.vy-text-resolved {
    background: #778899;
    text-align: center;
    padding: 5px 7px 8px;
    color: #fff;
    border-radius: 4px;
    line-height: 12px;
    font-size: 13px;
    width: max-content;
    box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.15);
}
.vy-text-assigned {
    background: #a8c66c;
    text-align: center;
    padding: 5px 7px 8px;
    color: #fff;
    border-radius: 4px;
    line-height: 12px;
    font-size: 13px;
    width: max-content;
    box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.15);
}
.vy-text-overdue {
    background: #F76C00;
    text-align: center;
    padding: 5px 7px 8px;
    color: #fff;
    opacity:0.7;
    border-radius: 4px;
    line-height: 12px;
    font-size: 13px;
    width: max-content;
    box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.15);
}
.vy-text-completed {
    background: #77c593;
    text-align: center;
    padding: 5px 7px 8px;
    color: #fff;
    border-radius: 4px;
    line-height: 12px;
    font-size: 13px;
    width: max-content;
    box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.15);
}
.vy-text-notstarted {
    background: #52a9ed;
    text-align: center;
    padding: 5px 7px 8px;
    color: #fff;
    border-radius: 4px;
    line-height: 12px;
    font-size: 13px;
    width: max-content;
    box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.15);
}
.vy-text-issued {
    background: #52a9ed;
    text-align: center;
    padding: 5px 7px 8px;
    color: #fff;
    border-radius: 4px;
    line-height: 12px;
    font-size: 13px;
    width: max-content;
    box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.15);
}
.vy-text-cancellationrequested {
    background: #ff6e6e;
    text-align: center;
    padding: 5px 7px 8px;
    color: #fff;
    border-radius: 4px;
    line-height: 12px;
    font-size: 13px;
    width: max-content;
    box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.15);
}
.vy-text-transferred {
    background: #273B7A;
    text-align: center;
    padding: 5px 7px 8px;
    color: #fff;
    border-radius: 4px;
    line-height: 12px;
    font-size: 13px;
    width: max-content;
    box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.15);
}
.vy-text-followup {
    background: #ffcf85;
    text-align: center;
    padding: 5px 7px 8px;
    color: #fff;
    border-radius: 4px;
    line-height: 12px;
    font-size: 13px;
    width: max-content;
    box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.15);
}
.vy-text-new {
    background: #1488CC;
    text-align: center;
    padding: 5px 7px 8px;
    color: #fff;
    border-radius: 4px;
    line-height: 12px;
    font-size: 13px;
    width: max-content;
    box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.15);
}
.vy-text-new {
    background: #1488CC;
    text-align: center;
    padding: 5px 7px 8px;
    color: #fff;
    border-radius: 4px;
    line-height: 12px;
    font-size: 13px;
    width: max-content;
    box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.15);
}
.vy-text-closed {
    background: #954239;
    text-align: center;
    padding: 5px 7px 8px;
    color: #fff;
    border-radius: 4px;
    line-height: 12px;
    font-size: 13px;
    width: max-content;
    box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.15);
}
.vy-text-taskcompleted {
    background: #b7eef2;
}
.vy-text-triggered {
    background: #ab7bd3;
}
.vy-text-nottriggered {
    background: #e56262;
}
.vy-text-onboarded {
    background: #2cc06e;
}
.vy-text-ApprovalStarted {
    background: #94d169;
}
.vy-text-fandFProcessed {
    background: #f7d83b;
}
.vy-text-label-new .status-round {
    background: #1488CC;
}
.vy-text-label-inprogress .status-round {
    background: #e1dd72;
}
.vy-text-label-onhold .status-round {
    background: #81b7d2;
}
.vy-text-label-closed .status-round {
    background: #954239;
}
.vy-text-label-inactive .status-round {
    background: #b0c2da;
}

vy-text-label-cancelled
#Benefit-AdvanceSettlement-VoyonForms .dx-datagrid-headers {
    background: var(--toolbar-color);
    border-radius: 8px 8px 0px 0px;
}
#Benefit-AdvanceSettlement-VoyonForms .dx-datagrid-rowsview {
    border-radius: 0px 0px 8px 8px;
}
.dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title {
    padding-top: 5px;
    padding-bottom: 2px;
    background-color: transparent;
}
.dx-checkbox-checked .dx-checkbox-icon {
    font: 12px/16px DXIcons;
    color: #fff;
}
.dx-checkbox-icon {
    width: 18px;
    height: 18px;
    border-radius: 50%;
 
}
.dx-checkbox-checked .dx-checkbox-icon {
    background-color: var(--primary-color);
}
.dx-datagrid-column-chooser-plain{
    font-size:13px;
    color:#222;
}
.dx-datagrid-column-chooser-plain .dx-treeview-item {
    padding: 5px 6px;
    min-height: 25px;
    padding-left: 30px;
}
#More-Services .dx-scrollable-scroll.dx-state-invisible, #More-Services .dx-scrollable-scroll,#More-Services .dx-scrollable-scrollbar {
    display: none;
    opacity: 0;
}

.Grid-addNew-Btn:hover .dx-button-mode-contained.dx-button-default {
    -webkit-box-shadow: 0px 4px 11.83px 1.17px rgb(0 0 0 / 36%);
    -moz-box-shadow: 0px 4px 11.83px 1.17px rgb(0 0 0 / 36%);
    box-shadow: 0px 4px 11.83px 1.17px rgb(0 0 0 / 36%);
    transition:0.2s;
}
.Records-limitBox .dx-dropdowneditor-icon {
    font: 18px/23px DXIcons;
}
.Voyon-Grids .dx-datagrid-rowsview .dx-select-checkboxes-hidden > tbody > tr > td > .dx-select-checkbox {
    display: initial;
}
.Voyon-Grids .dx-command-edit-with-icons .dx-datagrid-text-content{
    display:inline-block;
    vertical-align:middle;
}
.Voyon-Grids .dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) .dx-master-detail-cell, .Voyon-Grids .dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) > .dx-datagrid-group-space {
    background-color: #ffffff;
}
.dx-master-detail-row.dx-adaptive-detail-row .dx-field-item-label-text {
    color: #000;
    font-weight: 600;
    white-space: nowrap;
    font-size: 13px;
}
.dx-master-detail-row.dx-adaptive-detail-row  .dx-master-detail-cell {
    text-align: left;
    padding: 4px 30px;
    font-size:13px;
    color:#222;
}
.dx-master-detail-row.dx-adaptive-detail-row .dx-layout-manager .dx-label-h-align.dx-flex-layout:not(.dx-field-item-label-align) {
    display: inherit;
    margin-bottom: 10px;
}

.dx-datagrid-column-chooser-plain .dx-textbox .dx-texteditor-input-container {
    font-size: 12px;
}
.dx-datagrid-column-chooser-plain .dx-placeholder:before {
    padding: 6px 30px 6px;
}
.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select .dx-popup-content {
    padding: 0 15px 0px;
}
.dx-datagrid-column-chooser-plain .dx-searchbox .dx-icon-search {
    font: 14px/15px DXIcons;
    position: absolute;
    top: 50%;
    margin-top: -14px;
    width: 28px;
    height: 34px;
    background-position: 8px 8px;
    background-size: 18px 18px;
    padding: 8px;
    text-align: center;
    color: #bab8b8;
}
.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select .dx-popup-content {
    padding: 0 15px 0px;
}
.dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
    color: rgb(0 0 0 / 69%);
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
    color: var(--primary-color);
    background-color: transparent;
}
.dx-popup-wrapper .dx-state-focused.dx-overlay-content {
    border: 1px solid #ddd0;
}
.dx-overlay-shader {
    background-color: rgb(159 172 184 / 33%);
}
.Voyon-Grids .dx-row.dx-data-row.dx-column-lines .dx-command-select .dx-select-checkbox{
    display:none;
}
.Voyon-Grids .dx-row.dx-data-row.dx-column-lines:hover .dx-command-select .dx-select-checkbox {
    display: initial;
}
.Voyon-Grids .dx-row.dx-data-row.dx-column-lines.dx-selection .dx-command-select .dx-select-checkbox {
    display: initial;
}
.dx-texteditor-input-container input{
    height:26px;
}
.vy-view-content .Voyon-ChildGrids .dx-datagrid-header-panel {
    margin-bottom: 0px;
    margin-top: -15px;
}
.Voyon-ChildGrids .dx-toolbar-button .dx-datagrid-search-panel {
    margin-right: 7px;
    margin-left: 0px;
}
.Voyon-ChildGrids .dx-datagrid-headers .dx-datagrid-content {
    margin-bottom: 0px;
    border-bottom: 1px solid #cdcdcd
}
.Voyon-ChildGrids .dx-datagrid-nowrap .dx-header-row > td > .dx-datagrid-text-content {
    font-size: 12px;
    font-weight:500;
    line-height:26px;
}
.dx-box-item-content {
    font-size: 13px;
}
#Move-Left .dx-button-mode-contained .dx-icon, #Move-Right .dx-button-mode-contained .dx-icon {
    color: #848484;
}
.text-editor-msg .dx-toolbar-text-auto-hide .dx-button .dx-icon {
    width: 11px;
    height: 11px;
    background-position: 0 0;
    background-size: 12px 12px;
    padding: 0;
    font-size: 11px;
    text-align: center;
    line-height: 11px;
    margin-right: 0;
    margin-left: 0;
}
.text-editor-msg .dx-htmleditor-toolbar-wrapper {
    padding: 0px 3px;
}
.text-editor-msg .dx-htmleditor {
    /* border-color: #ddd; */
    border: 1px solid #d6d6d6;
    padding: 0px;
    padding-top: 1px;
    margin-bottom: 15px;
    border-radius: 5px;
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.06);
}
.Emt-fvalue .dx-texteditor.dx-state-readonly.dx-editor-filled {
    border-color: rgba(65,65,65,0.31);
    background-color: #fff;
}
.EmtInsert-btn.dx-button-mode-contained.dx-button-success {
    width: 100%;
    background: var(--primary-color);
    margin-top: 18px;
    height: 30px;
}
.EmtInsert-btn .dx-button-content {
    padding: 1px 18px 1px;
}

.Emt-addnew, .Emt-addnew.dx-state-hover, .Emt-addnew .dx-state-focused {
    float: right;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--primary-color) !important;
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.24);
    -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.24);
    border-color:transparent;
}
.Emt-addnew .dx-button-content,.blk-trash  .dx-button-content {
    padding: 4px;
}
.Emt-addnew .dx-icon ,.blk-trash  .dx-icon {
    color: #fff;
    font-size: 14px;
    line-height: 19px;
}
.blk-trash .dx-icon {
    color: #222;
}
.Emt-left .dx-field:first-child {
    border-bottom: 1px solid transparent;
}
.Emt-addnew.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-normal, .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-normal {
    background-color: var(--primary-color);
}
.blk-trash {
    float: right;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    margin-left:4px !important;
}
#Bulk-EditPopupForm label{
    display:none
}
#Bulk-EditPopupForm .dx-layout-manager .dx-label-h-align.dx-flex-layout:not(.dx-field-item-label-align) {
    margin-bottom: 0px;
}
#Bulk-EditPopupForm .dx-layout-manager .dx-field-item:not(.dx-first-col) {
    padding-left: 0px;
}
.dx-datagrid-column-chooser .dx-overlay-content {
    background-color: #fff;
}
#divBaseComponent-ApplicableFor-VoyonForms1 .dx-tag-container.dx-texteditor-input-container .dx-texteditor-input {
    height:26px;
    min-height:26px;
}
.dx-tabpanel .dx-tabs-wrapper {
    display: flex;
}
#calendarYearLists{
    width: 100%;
    height: 74vh !important;
    background: #fff;
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.05);
    border-radius: 7px;
    padding: 16px 20px;
}
#gridReguralizationPopup table .dx-row.dx-data-row.dx-row-lines,
.gridReguralizationPopup table .dx-row.dx-data-row.dx-row-lines {
    border: 1px solid var(--primary-light-border) !important;
    display: block;
    margin-top: 10px;
    width: 700px;
    padding: 9px 0;
    height: auto !important;
    background-color: var(--primary-light);
    border-radius: 5px;
}
.gridReguralizationPopup.timesheet table .dx-row.dx-data-row.dx-row-lines {
    margin-top: 0px;
}
#gridReguralizationPopup table .dx-row.dx-data-row.dx-row-lines td:nth-child(2),
#gridReguralizationPopup table .dx-row.dx-data-row.dx-row-lines td:nth-child(1){
    width: 30%;
    padding: 2px 8px;
}
.Att-regularizationPopup #gridReguralizationPopup table .dx-row.dx-data-row.dx-row-lines td:nth-child(2),
.Att-regularizationPopup #gridReguralizationPopup table .dx-row.dx-data-row.dx-row-lines td:nth-child(1) {
    padding: 2px 6px;
}
#gridReguralizationPopup table .dx-row.dx-data-row.dx-row-lines td:nth-child(3){
    width: 21%;
    padding: 8px 18px;
}
.Att-regularizationPopup #gridReguralizationPopup table .dx-row.dx-data-row.dx-row-lines td:nth-child(3) {
    padding: 8px 4px;
}
.gridReguralizationPopup.offline-scribe table .dx-row.dx-data-row td:nth-child(1),
.gridReguralizationPopup.offline-scribe table .dx-row.dx-header-row td:nth-child(1) {
    width: 130px;
    padding:8px !important;
}
.gridReguralizationPopup.offline-scribe table .dx-row.dx-data-row td:nth-child(2),
.gridReguralizationPopup.offline-scribe table .dx-row.dx-header-row td:nth-child(2) {
    width: 141px;
    padding: 8px !important;
}
.gridReguralizationPopup.offline-scribe table .dx-row.dx-data-row td:nth-child(3),
.gridReguralizationPopup.offline-scribe table .dx-row.dx-header-row td:nth-child(3) {
    width: 145px;
    padding: 8px !important;
    max-width: 145px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.gridReguralizationPopup.offline-scribe.timesheet-onlinee table .dx-row.dx-data-row td:nth-child(3),
.gridReguralizationPopup.offline-scribe.timesheet-onlinee table .dx-row.dx-header-row td:nth-child(3) {
    width: 116px;
    max-width: 116px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.gridReguralizationPopup.offline-scribe table .dx-row.dx-data-row td:nth-child(4),
.gridReguralizationPopup.offline-scribe table .dx-row.dx-header-row td:nth-child(4) {
    max-width: 106px;
    padding: 8px !important;
    overflow: hidden;
    text-overflow: ellipsis;
}
.gridReguralizationPopup.offline-scribe.timesheet-onlinee table .dx-row.dx-data-row td:nth-child(5),
.gridReguralizationPopup.offline-scribe.timesheet-onlinee table .dx-row.dx-header-row td:nth-child(5) {
    text-align: left !important;
}
.gridReguralizationPopup.offline-scribe table .dx-row.dx-data-row td:nth-child(5),
.gridReguralizationPopup.offline-scribe table .dx-row.dx-header-row td:nth-child(5) {
    width: 106px;
    text-align: center !important;
    padding: 8px !important;
    max-width: 106px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.gridReguralizationPopup.offline-scribe table .dx-row.dx-data-row td:nth-child(6),
.gridReguralizationPopup.offline-scribe table .dx-row.dx-header-row td:nth-child(6) {
    width: 106px;
    text-align: center !important;
    padding: 8px !important;
}
.gridReguralizationPopup.offline-scribe table .dx-row.dx-data-row td,
.gridReguralizationPopup.offline-scribe table .dx-row.dx-header-row td{

}
#gridReguralizationPopup table .dx-row.dx-data-row.dx-row-lines td:nth-child(4){
    padding-top:2px;
    padding-left:0px;
}
#gridReguralizationPopup .dx-datagrid .dx-row-lines > td,
.gridReguralizationPopup .dx-datagrid .dx-row-lines > td {
    border-bottom: 1px solid #ddd0;
    border-top: 1px solid #ddd0 !important;
}
#gridReguralizationPopup .dx-datagrid-headers,
#gridReguralizationPopup .dx-datagrid-header-panel,
.gridReguralizationPopup .dx-datagrid-headers,
.gridReguralizationPopup .dx-datagrid-header-panel {
    border-bottom: 0;
}
#gridReguralizationPopup .dx-row-inserted,
#gridReguralizationPopup .dx-edit-row,
.gridReguralizationPopup .dx-row-inserted,
.gridReguralizationPopup .dx-edit-row {
    background-color: #fff !important;
    box-shadow: 0px 5px 12px 0px rgba(120, 120, 120, 0.13);
    border: 1px solid rgb(205, 208, 214) !important;
    display: block;
    margin-top: 10px;
    width: 706px;
    padding: 9px 0;
    height: auto !important;
    border-radius: 5px;
}
.gridReguralizationPopup.offscr .dx-row-inserted,
.gridReguralizationPopup.offscr .dx-edit-row {
    width: 756px;
}
.gridReguralizationPopup.offline-scribe table .dx-row-inserted,
.gridReguralizationPopup.offline-scribe table .dx-edit-row {
    margin-top: 0px;
}
#gridReguralizationPopup .dx-edit-row td,
.gridReguralizationPopup .dx-edit-row td{
    padding:10px;
    width:75%;
}
.dx-gallery .dx-gallery-nav-button-next:before, .dx-gallery .dx-gallery-nav-button-prev:before {
    color: #a6a6a6;
    visibility: hidden;
}
#dashBoardEvents.dx-gallery .dx-gallery-nav-button-next:before, #dashBoardEvents.dx-gallery .dx-gallery-nav-button-prev:before,
#dashBoardEventsAttachment.dx-gallery .dx-gallery-nav-button-next:before, #dashBoardEventsAttachment.dx-gallery .dx-gallery-nav-button-prev:before {
    color: rgb(255 255 255);
}
.dx-gallery:hover .dx-gallery-nav-button-next:before, .dx-gallery:hover .dx-gallery-nav-button-prev:before {
    visibility: visible;
}
.dx-gallery .dx-gallery-nav-button-next.dx-state-hover:after, .dx-gallery .dx-gallery-nav-button-prev.dx-state-hover:after,
.dx-gallery .dx-gallery-nav-button-next.dx-state-active:after, .dx-gallery .dx-gallery-nav-button-prev.dx-state-active:after {
    background-color: rgba(168,168,255,.0);
}

.dx-gallery .dx-gallery-nav-button-next, .dx-gallery .dx-gallery-nav-button-prev {
    width: auto;
}
.dx-gallery .dx-gallery-nav-button-next:before {
    margin-right: -10px;
    font-size: 20px;
    margin-top: -7px;
}
#dashBoardEventsAttachment.dx-gallery .dx-gallery-nav-button-next:before {
    margin-right: 0px;
}
#dashBoardEventsAttachment.dx-gallery .dx-gallery-nav-button-prev:before {
    margin-left: 0px;
}
#dashBoardEvents.dx-gallery .dx-gallery-nav-button-next:before {
    margin-right: 0px;
    font-size: 20px;
    margin-top: -2px;
}
.dx-gallery .dx-gallery-nav-button-prev:before {
    margin-left: -10px;
    font-size: 20px;
     margin-top: -7px;
}
#dashBoardEvents.dx-gallery .dx-gallery-nav-button-prev:before {
    margin-left: 0px;
    font-size: 20px;
    margin-top: -2px;

}
.anomaly-leave-types .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
    background-color: transparent;
    color: rgba(0,0,0,.04);
}
#CustomFormContainerSystemSettings-Company-GeneralSettings-VoyonForms .dx-form-group-with-caption:first-of-type {
    padding-top: 10px;
}
.dx-scrollbar-vertical.dx-scrollbar-hoverable{
    margin-right:0px;
}
#holidayCalendarGrid .dx-list-item-content {
    padding: 0px;
}
.dx-scheduler-work-space-month .dx-scheduler-appointment {
    -webkit-box-shadow: inset 2px 0 0 0 rgba(0,0,0,0) !important;
    box-shadow: inset 2px 0 0 0 rgba(0,0,0,0) !important;
}
.dx-scheduler-work-space-month .dx-scheduler-appointment-content{
    padding:0px;
    padding-top:0px;
}
.calendar-dashboard .dx-scheduler-appointment-collector.dx-button.dx-button-default {
    padding: 1px 0px;
    border-radius: 3px;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    font-size: 8px;
    line-height: 8px;
    height: 15px;
    margin: 7px 0px 0px 3px;
    background: #ddd0;
    text-align: left;
    top: -4px;
    color: #007bff;
    width: 75px !important;
    position: absolute;
    left: inherit;
}
.calendar-dashboard .dx-scheduler-appointment-collector.dx-button.dx-state-hover:before {
    background-color: rgba(0,0,0,0);
}
.dx-popup-content .calendar-dashboard .dx-scheduler-appointment-collector.dx-button.dx-button-default {
    width: 100px !important;
}
.dx-scheduler-work-space-month .dx-scheduler-date-table-cell > div {
    padding-right: 0px;
    text-align: left;
}
.dx-context-menu .dx-submenu {
    background-color: #fff;
    border: 1px solid #ececec;
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.15);
    box-shadow: 0 2px 2px rgba(0,0,0,.15);
    border-radius: 4px;
}
.dx-context-menu .dx-submenu .dx-menu-item-text {
    font-family: var(--main-font);
    font-size: 13px;
    font-weight: 500;
}
.dx-context-menu.dx-menu-base .dx-icon {
    width: 18px;
    height: 18px;
    background-position: 0 0;
    background-size: 18px 18px;
    padding: 0;
    font-size: 13px;
    text-align: center;
    line-height: 21px;
    color: #9aa7b0;
}
.dx-datagrid-rowsview .dx-row.dx-group-row:not(.dx-row-focused) {
    background-color: #fff;
}
/*.dx-popup-wrapper .dx-popup-content {
    overflow-y:auto;
}*/
    .dx-highlight-outline {
    padding: 7px !important;
}

.dx-diagram-floating-toolbar-container.dx-widget:nth-child(3) {
    top: 90% !important;
    transform: none !important;
    transition: 0.2s;
    left: 210px !important;
    position: absolute;
}
.dx-diagram-floating-toolbar-container.dx-widget:nth-child(2) {
    top: 90% !important;
    transform: none !important;
    box-shadow: none !important;
    left: 515px !important;
    position: absolute;
}
.dx-diagram-floating-toolbar-container.dx-widget:nth-child(1) {
    top: 90% !important;
    transform: none !important;
    left: 120px !important;
    box-shadow: none !important;
    transition:0.2s;
    position:absolute;
    z-index:28;
}
.emp-org-card .dx-diagram-floating-toolbar-container.dx-widget:nth-child(1) {
    position: absolute;
    z-index: 28;
    top: 92px !important;
    transform: none !important;
    left: inherit !important;
    right:40px !important;
    box-shadow: none !important;
    transition: all 0.2s ease 0s;
}
.coll-cont .dx-diagram-floating-toolbar-container.dx-widget:nth-child(3) {
    top: 85% !important;
    transition: 0.2s;
}
.coll-cont .dx-diagram-floating-toolbar-container.dx-widget:nth-child(2) {
    top: 85% !important;
    transition: 0.2s;
}
.coll-cont .dx-diagram-floating-toolbar-container.dx-widget:nth-child(1) {
    top: 85% !important;
    transition: 0.2s;
}
.dx-diagram-properties-panel-group-title {
    padding: 8px 15px;
    font-weight: 700;
    color: var(--primary-color);
}
.dx-diagram-i-button-properties-panel-open {
    background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%09.st1%7Bopacity%3A0.35%3Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Benable-background%3Anew%20%20%20%20%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M17.8%2C10.3l-1%2C1l-2.1-2.1l1-1C15.8%2C8.1%2C15.9%2C8%2C16.1%2C8c0.1%2C0%2C0.3%2C0.1%2C0.4%2C0.2l1.3%2C1.3%0A%09C18%2C9.7%2C18%2C10.1%2C17.8%2C10.3z%20M14%2C2H4v13h2v2H4c-1.1%2C0-2-0.9-2-2V2c0-1.1%2C0.9-2%2C2-2h10c1.1%2C0%2C2%2C0.9%2C2%2C2v3l-2%2C2V2z%20M16.1%2C11.9l-6%2C6.1H8%0A%09v-2.1l6.1-6.1L16.1%2C11.9z%22%20fill%3D%22%23fff%22%2F%3E%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st1%22%20d%3D%22M5%2C3h8v5l-6%2C6H5V3z%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A);
    width: 18px;
    height: 18px;
}
.dx-diagram-i-button-layout-layered-bt {
    background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2064%2064%22%20style%3D%22enable-background%3Anew%200%200%2064%2064%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%09.st1%7Bopacity%3A0.5%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22_x34_%22%3E%0A%09%3Cpath%20id%3D%22_x35_%22%20class%3D%22st0%22%20d%3D%22M60%2C20v8c0%2C1.1-0.9%2C2-2%2C2h-8c-1.1%2C0-2-0.9-2-2v-8c0-1.1%2C0.9-2%2C2-2h8C59.1%2C18%2C60%2C18.9%2C60%2C20z%20M58%2C20%0A%09%09h-8v8h8V20z%20M46%2C6v8c0%2C1.1-0.9%2C2-2%2C2h-8c-1.1%2C0-2-0.9-2-2V6c0-1.1%2C0.9-2%2C2-2h8C45.1%2C4%2C46%2C4.9%2C46%2C6z%20M44%2C6h-8v8h8V6z%20M46%2C34v8%0A%09%09c0%2C1.1-0.9%2C2-2%2C2h-8c-1.1%2C0-2-0.9-2-2v-8c0-1.1%2C0.9-2%2C2-2h8C45.1%2C32%2C46%2C32.9%2C46%2C34z%20M44%2C34h-8v8h8V34z%20M46%2C50v8c0%2C1.1-0.9%2C2-2%2C2h-8%0A%09%09c-1.1%2C0-2-0.9-2-2v-8c0-1.1%2C0.9-2%2C2-2h8C45.1%2C48%2C46%2C48.9%2C46%2C50z%20M44%2C50h-8v8h8V50z%20M32%2C20v8c0%2C1.1-0.9%2C2-2%2C2h-8c-1.1%2C0-2-0.9-2-2%0A%09%09v-8c0-1.1%2C0.9-2%2C2-2h8C31.1%2C18%2C32%2C18.9%2C32%2C20z%20M30%2C20h-8v8h8V20z%20M12%2C4l6%2C6h-5v50h-2V10H6L12%2C4z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22_x32_%22%20class%3D%22st1%22%3E%0A%09%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M55%2C9v2v7h-2v-7h-7V9h7H55z%20M53%2C30h2v7v2h-2h-7v-2h7V30z%20M39%2C44h2v4h-2V44z%20M27%2C9h7v2h-7v7h-2v-7V9%0A%09%09H27z%20M27%2C37h7v2h-7h-2v-2v-7h2V37z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A);
    width: 18px;
    height: 18px;
}
.dx-diagram-i-button-layout-layered-tb {
    background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2064%2064%22%20style%3D%22enable-background%3Anew%200%200%2064%2064%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%09.st1%7Bopacity%3A0.5%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22_x34_%22%3E%0A%09%3Cpath%20id%3D%22_x35_%22%20class%3D%22st0%22%20d%3D%22M58%2C46h-8c-1.1%2C0-2-0.9-2-2v-8c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8C60%2C45.1%2C59.1%2C46%2C58%2C46z%20M58%2C36%0A%09%09h-8v8h8V36z%20M44%2C60h-8c-1.1%2C0-2-0.9-2-2v-8c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8C46%2C59.1%2C45.1%2C60%2C44%2C60z%20M44%2C50h-8v8h8V50z%20M44%2C32%0A%09%09h-8c-1.1%2C0-2-0.9-2-2v-8c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8C46%2C31.1%2C45.1%2C32%2C44%2C32z%20M44%2C22h-8v8h8V22z%20M44%2C16h-8%0A%09%09c-1.1%2C0-2-0.9-2-2V6c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8C46%2C15.1%2C45.1%2C16%2C44%2C16z%20M44%2C6h-8v8h8V6z%20M30%2C46h-8c-1.1%2C0-2-0.9-2-2v-8%0A%09%09c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8C32%2C45.1%2C31.1%2C46%2C30%2C46z%20M30%2C36h-8v8h8V36z%20M6%2C54h5V4h2v50h5l-6%2C6L6%2C54z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22_x32_%22%20class%3D%22st1%22%3E%0A%09%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M53%2C55h-7v-2h7v-7h2v7v2H53z%20M53%2C27h-7v-2h7h2v2v7h-2V27z%20M39%2C16h2v4h-2V16z%20M25%2C55v-2v-7h2v7h7v2%0A%09%09h-7H25z%20M27%2C34h-2v-7v-2h2h7v2h-7V34z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A);
    width: 18px;
    height: 18px;
}
.dx-diagram-i-button-layout-layered-lr {
    background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2064%2064%22%20style%3D%22enable-background%3Anew%200%200%2064%2064%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%09.st1%7Bopacity%3A0.5%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22_x34_%22%3E%0A%09%3Cpath%20id%3D%22_x35_%22%20class%3D%22st0%22%20d%3D%22M45%2C59h-8c-1.1%2C0-2-0.9-2-2v-8c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8C47%2C58.1%2C46.1%2C59%2C45%2C59z%20M45%2C57%0A%09%09v-8h-8v8H45z%20M59%2C45h-8c-1.1%2C0-2-0.9-2-2v-8c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8C61%2C44.1%2C60.1%2C45%2C59%2C45z%20M59%2C43v-8h-8v8H59z%0A%09%09%20M31%2C45h-8c-1.1%2C0-2-0.9-2-2v-8c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8C33%2C44.1%2C32.1%2C45%2C31%2C45z%20M31%2C43v-8h-8v8H31z%20M15%2C45H7%0A%09%09c-1.1%2C0-2-0.9-2-2v-8c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8C17%2C44.1%2C16.1%2C45%2C15%2C45z%20M15%2C43v-8H7v8H15z%20M45%2C31h-8c-1.1%2C0-2-0.9-2-2%0A%09%09v-8c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8C47%2C30.1%2C46.1%2C31%2C45%2C31z%20M45%2C29v-8h-8v8H45z%20M61%2C11l-6%2C6v-5H5v-2h50V5L61%2C11z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22_x32_%22%20class%3D%22st1%22%3E%0A%09%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M56%2C54h-2h-7v-2h7v-7h2v7V54z%20M35%2C52v2h-7h-2v-2v-7h2v7H35z%20M21%2C38v2h-4v-2H21z%20M56%2C26v7h-2v-7h-7%0A%09%09v-2h7h2V26z%20M28%2C26v7h-2v-7v-2h2h7v2H28z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A);
    width: 18px;
    height: 18px;
}
.dx-diagram-i-button-layout-layered-rl {
    background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2064%2064%22%20style%3D%22enable-background%3Anew%200%200%2064%2064%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%09.st1%7Bopacity%3A0.5%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22_x34_%22%3E%0A%09%3Cpath%20id%3D%22_x35_%22%20class%3D%22st0%22%20d%3D%22M19%2C57v-8c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8c0%2C1.1-0.9%2C2-2%2C2h-8C19.9%2C59%2C19%2C58.1%2C19%2C57z%20M29%2C57%0A%09%09v-8h-8v8H29z%20M5%2C43v-8c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8c0%2C1.1-0.9%2C2-2%2C2H7C5.9%2C45%2C5%2C44.1%2C5%2C43z%20M15%2C43v-8H7v8H15z%20M33%2C43v-8%0A%09%09c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8c0%2C1.1-0.9%2C2-2%2C2h-8C33.9%2C45%2C33%2C44.1%2C33%2C43z%20M43%2C43v-8h-8v8H43z%20M49%2C43v-8c0-1.1%2C0.9-2%2C2-2h8%0A%09%09c1.1%2C0%2C2%2C0.9%2C2%2C2v8c0%2C1.1-0.9%2C2-2%2C2h-8C49.9%2C45%2C49%2C44.1%2C49%2C43z%20M59%2C43v-8h-8v8H59z%20M19%2C29v-8c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8%0A%09%09c0%2C1.1-0.9%2C2-2%2C2h-8C19.9%2C31%2C19%2C30.1%2C19%2C29z%20M29%2C29v-8h-8v8H29z%20M11%2C5v5h50v2H11v5l-6-6L11%2C5z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22_x32_%22%20class%3D%22st1%22%3E%0A%09%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M10%2C52v-7h2v7h7v2h-7h-2V52z%20M38%2C52v-7h2v7v2h-2h-7v-2H38z%20M49%2C38v2h-4v-2H49z%20M10%2C24h2h7v2h-7v7%0A%09%09h-2v-7V24z%20M31%2C26v-2h7h2v2v7h-2v-7H31z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A);
    width: 18px;
    height: 18px;
}
.dx-diagram-i-button-layout-tree-tb {
    background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2064%2064%22%20style%3D%22enable-background%3Anew%200%200%2064%2064%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%09.st1%7Bopacity%3A0.5%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22_x34_%22%3E%0A%09%3Cpath%20id%3D%22_x35_%22%20class%3D%22st0%22%20d%3D%22M57%2C60h-6c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6C59%2C59.1%2C58.1%2C60%2C57%2C60z%20M57%2C52%0A%09%09h-6v6h6V52z%20M57%2C40h-6c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6C59%2C39.1%2C58.1%2C40%2C57%2C40z%20M57%2C32h-6v6h6V32z%20M47%2C28%0A%09%09h-6c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6C49%2C27.1%2C48.1%2C28%2C47%2C28z%20M47%2C20h-6v6h6V20z%20M47%2C14h-6%0A%09%09c-1.1%2C0-2-0.9-2-2V6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6C49%2C13.1%2C48.1%2C14%2C47%2C14z%20M47%2C6h-6v6h6V6z%20M39%2C38c0%2C1.1-0.9%2C2-2%2C2h-6%0A%09%09c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2V38z%20M37%2C32h-6v6h6V32z%20M32%2C52v6c0%2C1.1-0.9%2C2-2%2C2h-6c-1.1%2C0-2-0.9-2-2v-6%0A%09%09c0-1.1%2C0.9-2%2C2-2h6C31.1%2C50%2C32%2C50.9%2C32%2C52z%20M24%2C58h6v-6h-6V58z%20M11%2C60l-6-6h5V4h2v50h5L11%2C60z%20M38%2C50h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6%0A%09%09c0%2C1.1-0.9%2C2-2%2C2h-6c-1.1%2C0-2-0.9-2-2v-6C36%2C50.9%2C36.9%2C50%2C38%2C50z%20M38%2C58h6v-6h-6V58z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22_x32_%22%20class%3D%22st1%22%3E%0A%09%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M53%2C50V40h2v10H53z%20M53%2C24h-4v-2h4h2v2v6h-2V24z%20M43%2C14h2v4h-2V14z%20M39.9%2C46H35h-2h-5v4h-2v-6h7v-4%0A%09%09h2v4h7v6h-2L39.9%2C46z%20M35%2C30h-2v-6v-2h2h4v2h-4V30z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A);
    width: 18px;
    height: 18px;
}
.dx-diagram-i-button-layout-tree-bt {
    background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2064%2064%22%20style%3D%22enable-background%3Anew%200%200%2064%2064%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%09.st1%7Bopacity%3A0.5%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22_x34_%22%3E%0A%09%3Cpath%20id%3D%22_x35_%22%20class%3D%22st0%22%20d%3D%22M59%2C6v6c0%2C1.1-0.9%2C2-2%2C2h-6c-1.1%2C0-2-0.9-2-2V6c0-1.1%2C0.9-2%2C2-2h6C58.1%2C4%2C59%2C4.9%2C59%2C6z%20M57%2C6h-6v6%0A%09%09h6V6z%20M59%2C26v6c0%2C1.1-0.9%2C2-2%2C2h-6c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6C58.1%2C24%2C59%2C24.9%2C59%2C26z%20M57%2C26h-6v6h6V26z%20M49%2C38v6%0A%09%09c0%2C1.1-0.9%2C2-2%2C2h-6c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6C48.1%2C36%2C49%2C36.9%2C49%2C38z%20M47%2C38h-6v6h6V38z%20M49%2C52v6c0%2C1.1-0.9%2C2-2%2C2h-6%0A%09%09c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6C48.1%2C50%2C49%2C50.9%2C49%2C52z%20M47%2C52h-6v6h6V52z%20M39%2C32c0%2C1.1-0.9%2C2-2%2C2h-6c-1.1%2C0-2-0.9-2-2v-6%0A%09%09c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2V32z%20M37%2C26h-6v6h6V26z%20M30%2C14h-6c-1.1%2C0-2-0.9-2-2V6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6%0A%09%09C32%2C13.1%2C31.1%2C14%2C30%2C14z%20M24%2C12h6V6h-6V12z%20M17%2C10h-5v50h-2V10H5l6-6L17%2C10z%20M36%2C12V6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6%0A%09%09c0%2C1.1-0.9%2C2-2%2C2h-6C36.9%2C14%2C36%2C13.1%2C36%2C12z%20M38%2C12h6V6h-6V12z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22_x32_%22%20class%3D%22st1%22%3E%0A%09%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M55%2C14v10h-2V14H55z%20M53%2C34h2v6v2h-2h-4v-2h4V34z%20M43%2C46h2v4h-2V46z%20M40%2C14h2v6h-7v4h-2v-4h-7v-6h2%0A%09%09v4h5h2h4.9L40%2C14z%20M35%2C40h4v2h-4h-2v-2v-6h2V40z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A);
    width: 18px;
    height: 18px;
}
.dx-diagram-i-button-layout-tree-lr {
    background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2064%2064%22%20style%3D%22enable-background%3Anew%200%200%2064%2064%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%09.st1%7Bopacity%3A0.5%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22_x34_%22%3E%0A%09%3Cpath%20id%3D%22_x35_%22%20class%3D%22st0%22%20d%3D%22M58%2C59h-6c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6C60%2C58.1%2C59.1%2C59%2C58%2C59z%20M58%2C57%0A%09%09v-6h-6v6H58z%20M38%2C59h-6c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6C40%2C58.1%2C39.1%2C59%2C38%2C59z%20M38%2C57v-6h-6v6H38z%0A%09%09%20M26%2C49h-6c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6C28%2C48.1%2C27.1%2C49%2C26%2C49z%20M26%2C47v-6h-6v6H26z%20M12%2C49H6%0A%09%09c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6C14%2C48.1%2C13.1%2C49%2C12%2C49z%20M12%2C47v-6H6v6H12z%20M32%2C39c-1.1%2C0-2-0.9-2-2v-6%0A%09%09c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6c0%2C1.1-0.9%2C2-2%2C2H32z%20M38%2C37v-6h-6v6H38z%20M50%2C30v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6%0A%09%09c0%2C1.1-0.9%2C2-2%2C2h-6C50.9%2C32%2C50%2C31.1%2C50%2C30z%20M52%2C24v6h6v-6H52z%20M54%2C17v-5H4v-2h50V5l6%2C6L54%2C17z%20M52%2C36h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6%0A%09%09c0%2C1.1-0.9%2C2-2%2C2h-6c-1.1%2C0-2-0.9-2-2v-6C50%2C36.9%2C50.9%2C36%2C52%2C36z%20M52%2C38v6h6v-6H52z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22_x32_%22%20class%3D%22st1%22%3E%0A%09%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M50%2C55H40v-2h10V55z%20M30%2C53v2h-6h-2v-2v-4h2v4H30z%20M18%2C43v2h-4v-2H18z%20M50%2C40v2h-6v-7h-4v-2h4v-7h6%0A%09%09v2h-4v5v2v4.9L50%2C40z%20M24%2C35v4h-2v-4v-2h2h6v2H24z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A);
    width: 18px;
    height: 18px;
}
.dx-diagram-i-button-layout-tree-rl {
    background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2064%2064%22%20style%3D%22enable-background%3Anew%200%200%2064%2064%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%09.st1%7Bopacity%3A0.5%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22_x34_%22%3E%0A%09%3Cpath%20id%3D%22_x35_%22%20class%3D%22st0%22%20d%3D%22M4%2C57v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6c0%2C1.1-0.9%2C2-2%2C2H6C4.9%2C59%2C4%2C58.1%2C4%2C57z%20M12%2C57v-6H6%0A%09%09v6H12z%20M24%2C57v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6c0%2C1.1-0.9%2C2-2%2C2h-6C24.9%2C59%2C24%2C58.1%2C24%2C57z%20M32%2C57v-6h-6v6H32z%20M36%2C47v-6%0A%09%09c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6c0%2C1.1-0.9%2C2-2%2C2h-6C36.9%2C49%2C36%2C48.1%2C36%2C47z%20M44%2C47v-6h-6v6H44z%20M50%2C47v-6c0-1.1%2C0.9-2%2C2-2h6%0A%09%09c1.1%2C0%2C2%2C0.9%2C2%2C2v6c0%2C1.1-0.9%2C2-2%2C2h-6C50.9%2C49%2C50%2C48.1%2C50%2C47z%20M58%2C47v-6h-6v6H58z%20M26%2C39c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6%0A%09%09c1.1%2C0%2C2%2C0.9%2C2%2C2v6c0%2C1.1-0.9%2C2-2%2C2H26z%20M32%2C37v-6h-6v6H32z%20M12%2C32H6c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6%0A%09%09C14%2C31.1%2C13.1%2C32%2C12%2C32z%20M6%2C24v6h6v-6H6z%20M4%2C11l6-6v5h50v2H10v5L4%2C11z%20M14%2C38v6c0%2C1.1-0.9%2C2-2%2C2H6c-1.1%2C0-2-0.9-2-2v-6%0A%09%09c0-1.1%2C0.9-2%2C2-2h6C13.1%2C36%2C14%2C36.9%2C14%2C38z%20M6%2C38v6h6v-6H6z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22_x32_%22%20class%3D%22st1%22%3E%0A%09%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M14%2C53h10v2H14V53z%20M40%2C53v-4h2v4v2h-2h-6v-2H40z%20M50%2C43v2h-4v-2H50z%20M18%2C39.9V35v-2v-5h-4v-2h6v7%0A%09%09h4v2h-4v7h-6v-2L18%2C39.9z%20M34%2C35v-2h6h2v2v4h-2v-4H34z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A);
    width: 18px;
    height: 18px;
}
.dx-diagram .dxdi-control .dxdi-canvas {
    background-color: #fff;
}
.Org-chart-section .dxdi-page-shadow {
    fill: #ffffff;
    filter: none;
}
.dx-diagram-properties-panel-group-toolbar .dx-diagram-toolbar.dx-toolbar {
    padding: 5px 15px !important;
}
.Voyon-FileUpload table.dx-datagrid-table.dx-datagrid-table-fixed {
    display: inline-block;
}
.dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tabs {
    -webkit-box-shadow: inset 0 -1px #337ab700, inset 0 1px, inset -1px 0, inset 1px 0 !important;
    box-shadow: inset 0 -1px #337ab700, inset 0 1px, inset -1px 0, inset 1px 0 !important;
}
.dx-tabpanel > .dx-tabpanel-tabs .dx-tab {
    -webkit-box-shadow: inset 0 1px, inset 0 -1px #ddd0 !important;
    box-shadow: inset 0 1px, inset 0 -1px #ddd0 !important;
}
.dx-tabpanel > .dx-tabpanel-tabs .dx-tabs {
    -webkit-box-shadow: inset 0 -1px #ddd0, inset 0 1px, inset -1px 0, inset 1px 0;
    box-shadow: inset 0 -1px #ddd0, inset 0 1px, inset -1px 0, inset 1px 0;
}
.dx-tabpanel .dx-tabs{
    color:transparent !important;
    background-color:transparent !important
}
.dx-tabpanel .dx-tabs,
.dx-tabpanel .dx-tabs .dx-tab {
    color: #ddd0 !important;
}
.CalendarHolidayForm .dx-datagrid .dx-datagrid-rowsview .dx-datagrid-edit-form {
    background-color: #ffffff !important;
}
.dashboard-dropdown .dx-list-group .dx-list-item-content {
    background: rgb(255 255 255 / 0%);
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover {
    background-color: var(--hover-var2);
    color: #333;
}
.notif-pulldown .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover {
    background-color: #ffffff00;
}
#helpTree.Voyon-tree-list .dx-treelist-borders .dx-treelist-rowsview {
    padding: 0 0px 10px !important;
    padding-right: 10px !important;
}
#searchPage .dx-placeholder {
    padding-left: 22px;
}
#searchPage input.dx-texteditor-input {
    padding-left: 30px;
}
.dx-datagrid-rowsview .dx-data-row .dx-command-edit:not(.dx-focused) .dx-link.list-action-rect-Icon {
    /*color: #fff !important;*/
}
.dxdi-canvas text {
    font-family: var(--main-font);
    font-size: 9pt;
}
#scheduler .dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable .dx-scrollable-content {
    min-height: 100%;
}
.calendar-dashboard .dx-button-content.dx-scheduler-appointment-collector-content::before {
    content: "...";
    position: absolute;
    top: 3px;
    display: block;
    right: 4px;
    font-size: 17px;
    top: -2px;
    color: var(--primary-color);
}
#scheduler .dx-scheduler-work-space-day .dx-button-content.dx-scheduler-appointment-collector-content::before,
#scheduler .dx-scheduler-work-space-week .dx-button-content.dx-scheduler-appointment-collector-content::before

{
    content: "...";
    position: absolute;
    top: 3px;
    display: block;
    right: -25px;
    font-size: 17px;
    top: -5px;
    color: var(--primary-color);
}
#schedulerPop .dx-scheduler-work-space-day .dx-button-content.dx-scheduler-appointment-collector-content::before,
#schedulerPop .dx-scheduler-work-space-week .dx-button-content.dx-scheduler-appointment-collector-content::before {
    content: "...";
    position: absolute;
    top: 3px;
    display: block;
    right: 0px;
    font-size: 17px;
    top: -5px;
    color: var(--primary-color);
}
.calendar-dashboard .dx-button-content.dx-scheduler-appointment-collector-content span {
    visibility: hidden;
}
#scheduler  .dx-scheduler-appointment-collector.dx-button.dx-state-hover:before {
    background-color: rgba(0,0,0,0);
}
.statutory-override {
    padding: 15px 15px;
    font-size: 13px;
    color: #555;
    font-weight: 500;
}
.dx-menu-item.dx-state-hover {
    color: #333;
    background-color: var(--hover);
}
/*.dx-header-row .dx-editor-cell .dx-select-checkbox {
    display: flex;
}*/
#Voyon-Reporting-Grids .dx-header-row .dx-editor-cell .dx-select-checkbox,
.grid-header-check-inlineflex .dx-header-row .dx-editor-cell .dx-select-checkbox {
    display: inline-flex;
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active {
    background-color: transparent;
    color: rgba(0,0,0,.04);
}
.nav-tabs .nav-link{
   color:inherit;
}
.dxc-tooltip{
    z-index:9999;
}
.custom-dx-grid .dx-pager {
    position: relative;
}
.custom-dx-grid .dx-pager .dx-pages {
    float: right;
}
.custom-dx-grid .dx-pager .dx-pages .dx-info {
    position: absolute;
    left: 0;
}
.bulk-emp-child-grid.custom-dx-grid .dx-pager .dx-pages .dx-info {
    display: none
}
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 50px;
    margin-bottom: -50px;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 25px;
    margin-bottom: -30px;
}
.dx-datebox-wrapper-calendar .dx-calendar{
    margin:0px;
}
.dx-datebox-wrapper-calendar .dx-popup-content {
    margin: 0px;
}
.dx-calendar {
    background: #fff;
}
.dx-calendar-navigator .dx-calendar-caption-button{
    font-size:12px;
}
.dx-calendar-cell {
    text-align: center;
    padding: 1px 8px 2px;
    color: #333;
    font-size: 11px;
    border-radius: 4px;
}
.dx-calendar {
    width: 282px;
    min-width: 282px;
    height: 268.6px;
    min-height: 268.6px;
    background-color: #ffffff;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    border: 1px solid transparent;
}
.dx-calendar-navigator .dx-button {
    height: 100%;
    border-radius: 0;
    display: table-cell;
    border-color: #fff;
}
.dx-datebox-calendar .dx-dropdowneditor-icon {
    font: 16px/19px DXIcons;
    width: 29px;
}
.dx-calendar-navigator .dx-button{
    border-color:transparent;
}
.dx-pager .dx-pages .dx-prev-button:before,
.dx-pager .dx-pages .dx-next-button:before{
    content: "\f104";
    font-family: "Font Awesome 5 Free";
    font-size: 13px;
    font-weight: 600;
    color: #848484;
}
.dx-pager .dx-pages .dx-prev-button:before {
    content: "\f104";
}
.dx-pager .dx-pages .dx-next-button:before {
    content: "\f105";
}
.dx-pager .dx-page-sizes .dx-selection, .dx-pager .dx-pages .dx-selection {
    color: #848484;
    border-color: transparent;
    background-color: transparent;
    font-weight: 800;
}
.dx-pager .dx-pages .dx-page {
    padding: 5px 5px;
    font-size:13px;
    margin:0px;
}
.dx-pager .dx-pages .dx-navigate-button {
    height: 9px;
    padding: 8px 10px;
}
.dx-pager .dx-pages .dx-info {
    font-weight: 500;
    font-size: 13px;
}
.dx-datagrid-summary-item {
    color: rgb(51,51,51);
    line-height:normal;
}
.dx-datagrid-rowsview .dx-group-row .dx-datagrid-summary-item {
    line-height: 22px;
}
.dx-datagrid-total-footer.dx-datagrid-nowrap {
    background: #fff;
}
.off-plan .dx-data-row.dx-state-hover,
.off-plan .dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused) {
    background-color: var(--toolbar-color) !important;
}
#salaryGradeForm .dx-form-group-caption,
#advancePolicyForm .dx-form-group-caption {
    margin-top: 25px;
}
.dx-editor-filled .dx-texteditor-input {
    font-family: var(--main-font);
}
#CustomFormContainerBenefit-GratuityRule-VoyonForms .dx-layout-manager .dx-field-item:not(.dx-last-col) {
    padding-right: 0px;
}
.dx-htmleditor .dx-htmleditor-content {
    background: var(--white);
}
.text-editor-msg .dx-htmleditor {
    background: #e7eaef;
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
    background-color: var(--hover);
    color: #3c3c3c;
    border-radius: 5px;
}
#eventsList .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
    background-color: var(--hover) !important;
}
.vy-view-content .dx-form-group-with-caption > .dx-form-group-content {
    margin-top: 8px;
}
/*.dx-editor-filled.dx-state-focused .dx-dropdowneditor-input-wrapper,
.dx-editor-filled.dx-state-focused .dx-texteditor-container {
    box-shadow: none;
}*/
#UserPreferenceForm .dx-list-item-after-bag .dx-list-reorder-handle {
    font: 18px/18px DXIcons;
    width: 28.8px;
    height: 28.8px;
    background-position: 5px 5px;
    background-size: 18px 18px;
    padding: 5px;
    text-align: center;
    background: #eaecf766;
    border-radius: 6px;
    color: #3d7fc7;
    position: relative;
    right: 0px;
}
.dx-checkbox.dx-checkbox-checked.dx-state-readonly .dx-checkbox-icon {
    border-color: var(--primary-color);
    background-color: var(--primary-color);
}
.dxdi-canvas .shape {
    cursor: default;
}
.dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit.dx-command-edit-with-icons{
    user-select:none;
}
.dx-checkbox.dx-state-hover .dx-checkbox-icon {
    border: 1px solid #ddd;
}
.dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none,
.dx-datagrid .dx-datagrid-headers .dx-header-row td.dx-pointer-events-none {
    border-left: 0px solid #fff;
    border-right: 0px solid #fff;
}
dx-datagrid .dx-column-lines > td select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 20px;
    text-overflow: '';
    outline:none;
    cursor:pointer;
    padding: 6px !important;
    text-align:left !important;
}
.dx-datagrid .dx-column-lines > td:hover select {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    padding: 0px !important;
    text-align: right;
}
.Candidate-search-list.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
    color: transparent;
}
.Candidate-search-list.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover {
    background-color: transparent;
}
.Candidate-search-list.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
    background-color: #fff0;

}
.Candidate-search-list .dx-dropdowneditor-icon {
    color: #718aa5db;
}
.Candidate-search-list.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) {
    background-color: rgba(0,0,0,.0);
}
.dx-button-mode-contained.dx-button-danger.dx-state-hover {
    background-color: #ddd0;
}
.dx-button-mode-contained.dx-button-danger.dx-state-focused {
    background-color: #ddd0;
}
.dx-texteditor.dx-editor-filled.dx-state-hover {
    border: 1px solid rgba(65,65,65,0.31);
}
.hiring-summary-infos {
    width: 160px;
    position: absolute;
    right: 30px;
}
#hiring-Summary {
    width: 400px;
    margin:0 auto;
}
.border-strip {
    border: 3px solid rgb(96, 166, 159);
    height: 9px;
    width: 9px;
    border-radius: 3px;
    margin-right: 5px;
}
.HSsum .border-strip.second {
    border-color: rgb(120, 182, 217);
}
.HSsum .border-strip.third {
    border-color: rgb(102, 130, 187);
}
.HSsum .border-strip.fourth {
    border-color: rgb(238, 186, 105);
}
.HSsum .border-strip.first {
    border-color: rgb(96, 166, 159);
}
.HSsum {
    font-size: 12px;
    color: #a5a4a4;
    display: flex;
    align-items: center;
}
.row.HSsum .count {
    font-weight: 500;
    color: #656565;
}
.HSsum .border-strip {
    display:inline-flex;
}
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-focused {
    background-color: rgba(0,0,0,.0);
    opacity: .8;
}
.Vf-grid-child .dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) .dx-master-detail-cell,
.Vf-grid-child .dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) > .dx-datagrid-group-space {
    background-color: #fff;
}
.dx-dialog.dx-popup-wrapper .dx-overlay-content {
    border-radius:9px;
}
.dx-popup-content.dx-dialog-content {
    padding: 0 20px;
}
.dx-fileuploader-content > .dx-fileuploader-upload-button.dx-button-mode-contained {
    margin-left: 0px;
    margin-right: 0px;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
}
 .dx-fileuploader-content > .dx-fileuploader-upload-button.dx-button-mode-contained .dx-button-text {
    color: #fff;
}
.notif-pulldown.task .dx-list-group-header {
    font-weight: 700;
    padding: 10px 10px 10px;
    border-top: 0px solid #ddd;
    border-bottom: 0px solid #ddd;
    background: rgba(230,230,230,.05);
    color: #333;
}
.gridReguralizationPopup.offline-scribe table .dx-row.dx-data-row.dx-row-lines {
    width: 706px;
}
.gridReguralizationPopup.offline-scribe.timesheet-onlinee table .dx-row.dx-data-row.dx-row-lines {
    width: 806px;
}
.gridReguralizationPopup.Offline-Scribing-TimeSheet table .dx-row.dx-data-row.dx-row-lines {
    width: 756px;
}
.gridReguralizationPopup.offline-scribe .dx-datagrid-headers {
    background: #e2e2f1;
    border-radius: 5px;
    padding: 0 0px !important;
}
.gridReguralizationPopup.Timesheet-popup table .dx-row.dx-data-row td:nth-child(1), .gridReguralizationPopup.Timesheet-popup table .dx-row.dx-header-row td:nth-child(1) {
    width: 135px;
    max-width: 135px;
    padding: 8px !important;
}
.gridReguralizationPopup.Timesheet-popup table .dx-row.dx-data-row td:nth-child(2),
.gridReguralizationPopup.Timesheet-popup table .dx-row.dx-header-row td:nth-child(2) {
    width: 115px;
    max-width: 115px;
    padding: 8px !important;
    text-align: left !important;
}
.gridReguralizationPopup.Timesheet-popup table .dx-row.dx-data-row td:nth-child(3),
.gridReguralizationPopup.Timesheet-popup table .dx-row.dx-header-row td:nth-child(3) {
    width: 111px;
    max-width: 111px;
    padding: 8px !important;
    text-align: left !important;
}
.gridReguralizationPopup.Timesheet-popup table .dx-row.dx-data-row td:nth-child(4),
.gridReguralizationPopup.Timesheet-popup table .dx-row.dx-header-row td:nth-child(4) {
    width: 240px;
    max-width: 240px;
    padding: 8px !important;
}
.gridReguralizationPopup.offline-scribe table .dx-row.dx-data-row td:nth-child(6),
.gridReguralizationPopup.offline-scribe table .dx-row.dx-header-row td:nth-child(6) {
    width: 108px;
    max-width: 108px;
    text-align: left !important;
    padding: 8px !important;
}
.Offline-Scribing-TimeSheet.gridReguralizationPopup .dx-row.dx-data-row td:nth-child(6),
.Offline-Scribing-TimeSheet.gridReguralizationPopup table .dx-row.dx-header-row td:nth-child(6) {
    width: 125px;
    max-width: 125px;
    text-align: left !important;
    padding: 8px !important;
}
.gridReguralizationPopup.Offline-Scribing-TimeSheet table .dx-row.dx-data-row td:nth-child(5),
.gridReguralizationPopup.Offline-Scribing-TimeSheet table .dx-row.dx-header-row td:nth-child(5) {
    width: 92px;
    max-width: 92px;
    text-align: left !important;
    padding: 8px !important;
}
.gridReguralizationPopup.Offline-Scribing-TimeSheet table .dx-row.dx-data-row td:nth-child(4),
.gridReguralizationPopup.Offline-Scribing-TimeSheet table .dx-row.dx-header-row td:nth-child(4) {
    width: 100px;
    max-width: 100px;
    padding: 8px !important;
}
.gridReguralizationPopup.Offline-Scribing-TimeSheet table .dx-row.dx-data-row td:nth-child(3),
.gridReguralizationPopup.Offline-Scribing-TimeSheet table .dx-row.dx-header-row td:nth-child(3) {
    width: 81px;
    max-width: 81px;
    padding: 8px !important;
}
.gridReguralizationPopup.Offline-Scribing-TimeSheet table .dx-row.dx-data-row td:nth-child(2),
.gridReguralizationPopup.Offline-Scribing-TimeSheet table .dx-row.dx-header-row td:nth-child(2) {
    width: 141px;
    max-width: 141px;
    padding: 8px !important;
}
.gridReguralizationPopup.Offline-Scribing-TimeSheet table .dx-row.dx-data-row td:nth-child(1),
.gridReguralizationPopup.Offline-Scribing-TimeSheet table .dx-row.dx-header-row td:nth-child(1) {
    width: 145px;
    max-width: 145px;
    padding: 8px !important;
}

.gridReguralizationPopup.Timesheet-popup.QC table .dx-row.dx-data-row td:nth-child(1), .gridReguralizationPopup.Timesheet-popup.QC table .dx-row.dx-header-row td:nth-child(1) {
    width: 127px;
    max-width: 127px;
    padding: 8px !important;
}
.gridReguralizationPopup.Timesheet-popup.QC table .dx-row.dx-data-row td:nth-child(2), .gridReguralizationPopup.Timesheet-popup.QC table .dx-row.dx-header-row td:nth-child(2) {
    width: 122px;
    max-width: 122px;
    padding: 8px !important;
    text-align: left !important;
}
.gridReguralizationPopup.Timesheet-popup.QC table .dx-row.dx-data-row td:nth-child(3), .gridReguralizationPopup.Timesheet-popup.QC table .dx-row.dx-header-row td:nth-child(3) {
    width: 103px;
    max-width: 103px;
    padding: 8px !important;
    text-align: left !important;
}
.gridReguralizationPopup.Timesheet-popup.QC table .dx-row.dx-data-row td:nth-child(4), .gridReguralizationPopup.Timesheet-popup.QC table .dx-row.dx-header-row td:nth-child(4) {
    width: 139px;
    max-width: 139px;
    padding: 8px !important;
    text-align: left !important;
}
.gridReguralizationPopup.offline-scribe.QC table .dx-row.dx-data-row td:nth-child(5), .gridReguralizationPopup.offline-scribe.QC table .dx-row.dx-header-row td:nth-child(5) {
    width: 159px;
    max-width: 159px;
    text-align: left !important;
    padding: 8px !important;
    text-align: left !important;
}
.dx-texteditor.dx-invalid .dx-texteditor-input, .dx-texteditor.dx-valid .dx-texteditor-input {
    padding-right: 5px;
}
.gridReguralizationPopup.Timesheet-popup.QC2 table .dx-row.dx-data-row td:nth-child(5), .gridReguralizationPopup.Timesheet-popup.QC2 table .dx-row.dx-header-row td:nth-child(5) {
    width: 131px;
    max-width: 131px;
    text-align: left !important;
    padding: 8px !important;
    text-align: left !important;
}
.gridReguralizationPopup.Timesheet-popup.QC2 table .dx-row.dx-data-row td:nth-child(4), .gridReguralizationPopup.Timesheet-popup.QC2 table .dx-row.dx-header-row td:nth-child(4) {
    width: 135px;
    max-width: 135px;
    padding: 8px !important;
    text-align: left !important;
}
.gridReguralizationPopup.Timesheet-popup.QC2 table .dx-row.dx-data-row td:nth-child(3), .gridReguralizationPopup.Timesheet-popup.QC2 table .dx-row.dx-header-row td:nth-child(3) {
    width: 85px;
    max-width: 85px;
    padding: 8px !important;
    text-align: left !important;
}
.gridReguralizationPopup.Timesheet-popup.QC2 table .dx-row.dx-data-row td:nth-child(2), .gridReguralizationPopup.Timesheet-popup.QC2 table .dx-row.dx-header-row td:nth-child(2) {
    width: 120px;
    max-width: 120px;
    padding: 8px !important;
    text-align: left !important;
}
.gridReguralizationPopup.Timesheet-popup.QC2 table .dx-row.dx-data-row td:nth-child(1), .gridReguralizationPopup.Timesheet-popup.QC2 table .dx-row.dx-header-row td:nth-child(1) {
    width: 127px;
    max-width: 127px;
    padding: 8px !important;
}
.dx-htmleditor{
    border-radius:7px;
}
.dx-htmleditor .dx-quill-container{
    border-radius:7px;
}
.blue .dx-tag-content {
    background-color: #8CB5EB;
}
#EssCoreSwitch .dx-switch-container,
.Vf-toggle-switch .dx-switch-container {
    padding: 0 2px;
    height: 23px;
    border: 1px solid #c8eeff61;
    background: var(--primary-bg);
    border-radius: 18px;
}
.Vf-toggle-switch .dx-switch-container {
    border: 1px solid #ddd;
}
#EssCoreSwitch .dx-switch-handle,
.Vf-toggle-switch .dx-switch-handle {
    position: relative;
    float: left;
    flex-basis: 16px;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin-top: 3px;
    box-sizing: border-box;
}
#EssCoreSwitch .dx-switch-off,
.Vf-toggle-switch .dx-switch-off {
    padding-left: 1px;
    color: var(--primary-color);
}
#EssCoreSwitch .dx-switch-handle:before,
.Vf-toggle-switch .dx-switch-handle:before {
    display: block;
    content: ' ';
    width: 100%;
    height: 100%;
    background-color: var(--primary-color);
    border-radius: 12px;
}
#EssCoreSwitch.dx-switch-on-value .dx-switch-handle:before,
.Vf-toggle-switch.dx-switch-on-value .dx-switch-handle:before {
    background-color: #fff;
}
#EssCoreSwitch .dx-switch-on,
.Vf-toggle-switch .dx-switch-on {
    color: #f7f7f7;
}
#EssCoreSwitch.dx-switch-on-value .dx-switch-container,
.Vf-toggle-switch.dx-switch-on-value .dx-switch-container {
    background: var(--cand-second);
}
#EssCoreSwitch.dx-switch,
.Vf-toggle-switch.dx-switch {
    width: 72px;
    height: 24px;
}
.Vf-toggle-switch.dx-switch {
    width: 50px;
}
#EssCoreSwitch .dx-switch-off, #EssCoreSwitch .dx-switch-on,
.Vf-toggle-switch .dx-switch-off, .Vf-toggle-switch .dx-switch-on {
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    display: flex;
    justify-content: center;
}
.dx-show-clear-button .dx-icon-clear {
    padding: 8px 8px 8px;
    font-size: 15px;
    color: #e33e3e;
}
.dx-datagrid-rowsview.dx-empty {
    height: 144px;
}
.measures-form .dx-texteditor.dx-state-readonly.dx-editor-filled.dx-state-hover {
    background-color: rgba(255,86,128,.0);
    border:none;
}
.dx-datagrid-borders > .dx-datagrid-headers, .dx-datagrid-borders > .dx-datagrid-rowsview, .dx-datagrid-borders > .dx-datagrid-total-footer {
    border-left: 1px solid #ddd0;
    border-right: 1px solid #ddd0;
}
.dx-radiogroup-horizontal .dx-radiobutton {
    margin-top: 6px;
}
label {
    margin-bottom: 10px;
}
.dx-icon-plus, .dx-icon-minus {
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.dx-icon-plus:before {
    content: "\e61a";
}
.dx-icon-minus::before{
    content: "\e622";
}
.dx-dashboard-control {
    background-color: #fff !important;
}
.dx-tag-container.dx-texteditor-input-container .dx-texteditor-input{
    padding-top:5px;
}
.Cand-search .dx-tag {
    display: flex;
    align-items: center;
    height: 26px;
}
.dx-datagrid .dx-link {
    text-decoration: none;
}
.dx-checkbox-indeterminate .dx-checkbox-icon::before{
    background-color:transparent;
}
.dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table.dx-datagrid-table-fixed .dx-row td.dx-pointer-events-none {
    position: relative;
}
.Vf-grid-default .dx-datagrid-content .dx-datagrid-table .dx-data-row.dx-state-hover .dx-command-edit.dx-command-edit-with-icons{
    visibility:visible;
}

/*.dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table.dx-datagrid-table-fixed .dx-row td.dx-pointer-events-none::after {
    content: '';
    width: calc(100% - 8px);
    height: 100%;
    position: absolute;
    top: 0;
    left: 5px;
    z-index: 2222222;
    display: block;
    visibility: initial;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    box-shadow: 5px 1px 5px 0 #8d9ead69, 0px 1px 3px 0 #8d9ead69, -4px 0px 4px -1px #b6c6d473;
    -webkit-box-shadow: 5px 1px 5px 0 #8d9ead69, 0px 1px 3px 0 #8d9ead69, -4px 0px 4px -1px #b6c6d473;
    -moz-box-shadow: 5px 1px 5px 0 #8d9ead69, 0px 1px 3px 0 #8d9ead69, -4px 0px 4px -1px #b6c6d473;
}*/
.dx-datagrid-total-footer > .dx-datagrid-content {
    margin-top: 7px;
    margin-bottom: 7px;
    padding-top: 0px;
    padding-bottom: 0px;
}
/*table.dx-datagrid-table.dx-pointer-events-none.dx-datagrid-table-fixed tr td {
    background: #f0f4f7;
}*/
.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-date{
    line-height:normal;
}
.dx-numberbox.dx-texteditor input{
    text-align:right
}
.dx-field-label{
    font-family:var(--main-font);
}
.dx-slider-handle {
    margin-top: -8px;
    height: 14px;
    border-radius:50%;
}
.dxreControl[class*="generic.light"] .dxreView, .dxreControl[class*="generic.light"] .dxreRulerWrapper {
    background-color: #ddd0;
}
/*.dx-show-clear-button .dx-clear-button-area {
    width: 17px;
    min-width: 17px;
}*/
.dx-datagrid-search-panel.dx-show-clear-button .dx-clear-button-area,
.dx-tagbox-only-select.dx-show-clear-button .dx-clear-button-area {
    width: 34px;
    min-width: 34px;
}
.dx-scheduler-header .dx-toolbar .dx-toolbar-item-content, .dx-scheduler-header .dx-toolbar .dx-toolbar-menu-container {
    padding: 0px;
}
.dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected) {
    background-color: #fff;
}
.dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-item-selected {
    background-color: var(--primary-color);
}
#scheduler.calendar-dashboard .dx-scheduler-view-switcher .dx-button .dx-button-content{
    padding:2px 6px 3px;
}
.dx-scheduler-header .dx-toolbar .dx-scheduler-navigator .dx-scheduler-navigator-caption {
    min-width: 108px;
}
.dx-scheduler-view-switcher-dropdown-button {
    width:100%;
}
.dx-scheduler-view-switcher-dropdown-button  .dx-button-mode-outlined{
    border-color:transparent;
}
.dx-scheduler-container{
    background-color:#fff0;
}
.dx-dashboard-ellipsis{
    line-height:normal;
}
#VoyonDashboardControl .dx-treelist-container {
    background-color: #fff;
}
#VoyonDashboardControl .dx-dashboard-control {
    background-color: #f5f5f5 !important;
}
.dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none {
    border-left: 2px solid #ddd0;
    border-right: 2px solid #ddd0;
}
.dx-treeview-item {
    line-height: normal;
}
.dx-treeview-item-without-checkbox.dx-state-selected:not(.dx-state-focused) > .dx-treeview-item.dx-state-hover {
    background-color: rgba(0,0,0,0);
}
.dx-treeview-item-without-checkbox.dx-state-focused > .dx-treeview-item {
    background-color: #ffffff;
    color: var(--primary);
}
.dx-header-row .dx-editor-cell .dx-select-checkbox {
    display: inline;
}
.calendar-dashboard.tcalendar .dx-scheduler-date-time-shader-top {
    width:100% !important;
}
.calendar-dashboard.tcalendar.dx-scheduler-small .dx-scheduler-date-table .dx-scheduler-date-table-row:before {
    width: 0;
}
.calendar-dashboard.tcalendar.dx-scheduler-small .dx-scheduler-date-table {
    margin-left: 0px;
}
.calendar-dashboard.tcalendar .dx-scheduler-date-time-shader-all-day {
    margin-left: 0px;
}
.calendar-dashboard.tcalendar.dx-scheduler-small .dx-scheduler-all-day-table-row:before {
    width: 0;
}
.vy-text-notissued {
    background: #fcbc90;
    text-align: center;
    padding: 5px 7px 8px;
    color: #fff;
    border-radius: 4px;
    line-height: 12px;
    font-size: 13px;
    width: max-content;
    box-shadow: 0px 4px 11.83px 1.17px rgb(0 0 0 / 15%);
}
.vy-text-na {
    background: #b0a6e2;
    text-align: center;
    padding: 5px 7px 8px;
    color: #fff;
    border-radius: 4px;
    line-height: 12px;
    font-size: 13px;
    width: max-content;
    box-shadow: 0px 4px 11.83px 1.17px rgb(0 0 0 / 15%);
}
.dx-datagrid-column-chooser-list .dx-empty-message,.dx-header-filter-menu .dx-empty-message {
    font-size: 0
}
.dx-overlay-wrapper.dx-filemanager-dialog-popup .dx-widget.dx-button.dx-button-mode-contained[aria-label="Create"] {
    background: var(--primary-color) !important;
    color: #fff !important;
}
.dx-overlay-wrapper.dx-filemanager-dialog-popup .dx-widget.dx-button.dx-button-mode-contained[aria-label="Delete"] {
    background: var(--primary-color) !important;
    color: #fff !important;
}
.dx-overlay-wrapper.dx-filemanager-dialog-popup .dx-widget.dx-button.dx-button-mode-contained[aria-label="Save"] {
    background: var(--primary-color) !important;
    color: #fff !important;
}
.dx-overlay-wrapper.dx-filemanager-dialog-popup .dx-widget.dx-button.dx-button-mode-contained[aria-label="OK"] {
    background: var(--primary-color) !important;
    color: #fff !important;
}
.dx-overlay-wrapper.dx-filemanager-dialog-popup .dx-widget.dx-button.dx-button-mode-contained[aria-label="Copy"] {
    background: var(--primary-color) !important;
    color: #fff !important;
}
.dx-overlay-wrapper.dx-filemanager-dialog-popup .dx-widget.dx-button.dx-button-mode-contained[aria-label="Move"] {
    background: var(--primary-color) !important;
    color: #fff !important;
}
.dx-overlay-wrapper.dx-filemanager-dialog-popup .dx-overlay-content.dx-popup-normal.dx-popup-draggable.dx-resizable {
    transform: translate(535px, 278px) !important;
}
.dx-overlay-wrapper.dx-filemanager-dialog-popup .dx-popup-draggable .dx-popup-title{
    cursor: default !important;
}
#document_repository .dx-filemanager-notification-container .dx-filemanager-notification-popup-error .dx-popup-normal {
    transform: translate(5700px, 5350px) !important;
}
#document_repository .dx-filemanager-notification-container .dx-filemanager-notification-popup-error .dx-popup-normal .dx-filemanager-progress-box-error {
    background: #d9534f !important;
}
.dx-treeview-item-with-checkbox .dx-checkbox{
    top: 9px !important;
}
.dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview{
    padding:0;
}
.vy-text-red {
    background: #f04f4f;
    text-align: center;
    padding: 5px 7px 8px;
    color: #fff;
    border-radius: 4px;
    line-height: 12px;
    font-size: 13px;
    width: max-content;
    box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.15);
}
.vy-text-amber {
    background: #dfbe4d;
    text-align: center;
    padding: 5px 7px 8px;
    color: #fff;
    border-radius: 4px;
    line-height: 12px;
    font-size: 13px;
    width: max-content;
    box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.15);
}
.vy-text-green {
    background: #77c593;
    text-align: center;
    padding: 5px 7px 8px;
    color: #fff;
    border-radius: 4px;
    line-height: 12px;
    font-size: 13px;
    width: max-content;
    box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.15);
}
@font-face {
    font-family: 'themify';
    src: url('themify.eot?-fvbane');
    src: url('themify.eot?#iefix-fvbane') format('embedded-opentype'),url('themify.woff?-fvbane') format('woff'),url('themify.ttf?-fvbane') format('truetype'),url('themify.svg?-fvbane#themify') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="ti-"], [class*=" ti-"] {
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ti-wand:before {
    content: "\e600";
}

.ti-volume:before {
    content: "\e601";
}

.ti-user:before {
    content: "\e602";
}

.ti-unlock:before {
    content: "\e603";
}

.ti-unlink:before {
    content: "\e604";
}

.ti-trash:before {
    content: "\e605";
}

.ti-thought:before {
    content: "\e606";
}

.ti-target:before {
    content: "\e607";
}

.ti-tag:before {
    content: "\e608";
}

.ti-tablet:before {
    content: "\e609";
}

.ti-star:before {
    content: "\e60a";
}

.ti-spray:before {
    content: "\e60b";
}

.ti-signal:before {
    content: "\e60c";
}

.ti-shopping-cart:before {
    content: "\e60d";
}

.ti-shopping-cart-full:before {
    content: "\e60e";
}

.ti-settings:before {
    content: "\e60f";
}

.ti-search:before {
    content: "\e610";
}

.ti-zoom-in:before {
    content: "\e611";
}

.ti-zoom-out:before {
    content: "\e612";
}

.ti-cut:before {
    content: "\e613";
}

.ti-ruler:before {
    content: "\e614";
}

.ti-ruler-pencil:before {
    content: "\e615";
}

.ti-ruler-alt:before {
    content: "\e616";
}

.ti-bookmark:before {
    content: "\e617";
}

.ti-bookmark-alt:before {
    content: "\e618";
}

.ti-reload:before {
    content: "\e619";
}

.ti-plus:before {
    content: "\e61a";
}

.ti-pin:before {
    content: "\e61b";
}

.ti-pencil:before {
    content: "\e61c";
}

.ti-pencil-alt:before {
    content: "\e61d";
}

.ti-paint-roller:before {
    content: "\e61e";
}

.ti-paint-bucket:before {
    content: "\e61f";
}

.ti-na:before {
    content: "\e620";
}

.ti-mobile:before {
    content: "\e621";
}

.ti-minus:before {
    content: "\e622";
}

.ti-medall:before {
    content: "\e623";
}

.ti-medall-alt:before {
    content: "\e624";
}

.ti-marker:before {
    content: "\e625";
}

.ti-marker-alt:before {
    content: "\e626";
}

.ti-arrow-up:before {
    content: "\e627";
}

.ti-arrow-right:before {
    content: "\e628";
}

.ti-arrow-left:before {
    content: "\e629";
}

.ti-arrow-down:before {
    content: "\e62a";
}

.ti-lock:before {
    content: "\e62b";
}

.ti-location-arrow:before {
    content: "\e62c";
}

.ti-link:before {
    content: "\e62d";
}

.ti-layout:before {
    content: "\e62e";
}

.ti-layers:before {
    content: "\e62f";
}

.ti-layers-alt:before {
    content: "\e630";
}

.ti-key:before {
    content: "\e631";
}

.ti-import:before {
    content: "\e632";
}

.ti-image:before {
    content: "\e633";
}

.ti-heart:before {
    content: "\e634";
}

.ti-heart-broken:before {
    content: "\e635";
}

.ti-hand-stop:before {
    content: "\e636";
}

.ti-hand-open:before {
    content: "\e637";
}

.ti-hand-drag:before {
    content: "\e638";
}

.ti-folder:before {
    content: "\e639";
}

.ti-flag:before {
    content: "\e63a";
}

.ti-flag-alt:before {
    content: "\e63b";
}

.ti-flag-alt-2:before {
    content: "\e63c";
}

.ti-eye:before {
    content: "\e63d";
}

.ti-export:before {
    content: "\e63e";
}

.ti-exchange-vertical:before {
    content: "\e63f";
}

.ti-desktop:before {
    content: "\e640";
}

.ti-cup:before {
    content: "\e641";
}

.ti-crown:before {
    content: "\e642";
}

.ti-comments:before {
    content: "\e643";
}

.ti-comment:before {
    content: "\e644";
}

.ti-comment-alt:before {
    content: "\e645";
}

.ti-close:before {
    content: "\e646";
}

.ti-clip:before {
    content: "\e647";
}

.ti-angle-up:before {
    content: "\e648";
}

.ti-angle-right:before {
    content: "\e649";
}

.ti-angle-left:before {
    content: "\e64a";
}

.ti-angle-down:before {
    content: "\e64b";
}

.ti-check:before {
    content: "\e64c";
}

.ti-check-box:before {
    content: "\e64d";
}

.ti-camera:before {
    content: "\e64e";
}

.ti-announcement:before {
    content: "\e64f";
}

.ti-brush:before {
    content: "\e650";
}

.ti-briefcase:before {
    content: "\e651";
}

.ti-bolt:before {
    content: "\e652";
}

.ti-bolt-alt:before {
    content: "\e653";
}

.ti-blackboard:before {
    content: "\e654";
}

.ti-bag:before {
    content: "\e655";
}

.ti-move:before {
    content: "\e656";
}

.ti-arrows-vertical:before {
    content: "\e657";
}

.ti-arrows-horizontal:before {
    content: "\e658";
}

.ti-fullscreen:before {
    content: "\e659";
}

.ti-arrow-top-right:before {
    content: "\e65a";
}

.ti-arrow-top-left:before {
    content: "\e65b";
}

.ti-arrow-circle-up:before {
    content: "\e65c";
}

.ti-arrow-circle-right:before {
    content: "\e65d";
}

.ti-arrow-circle-left:before {
    content: "\e65e";
}

.ti-arrow-circle-down:before {
    content: "\e65f";
}

.ti-angle-double-up:before {
    content: "\e660";
}

.ti-angle-double-right:before {
    content: "\e661";
}

.ti-angle-double-left:before {
    content: "\e662";
}

.ti-angle-double-down:before {
    content: "\e663";
}

.ti-zip:before {
    content: "\e664";
}

.ti-world:before {
    content: "\e665";
}

.ti-wheelchair:before {
    content: "\e666";
}

.ti-view-list:before {
    content: "\e667";
}

.ti-view-list-alt:before {
    content: "\e668";
}

.ti-view-grid:before {
    content: "\e669";
}

.ti-uppercase:before {
    content: "\e66a";
}

.ti-upload:before {
    content: "\e66b";
}

.ti-underline:before {
    content: "\e66c";
}

.ti-truck:before {
    content: "\e66d";
}

.ti-timer:before {
    content: "\e66e";
}

.ti-ticket:before {
    content: "\e66f";
}

.ti-thumb-up:before {
    content: "\e670";
}

.ti-thumb-down:before {
    content: "\e671";
}

.ti-text:before {
    content: "\e672";
}

.ti-stats-up:before {
    content: "\e673";
}

.ti-stats-down:before {
    content: "\e674";
}

.ti-split-v:before {
    content: "\e675";
}

.ti-split-h:before {
    content: "\e676";
}

.ti-smallcap:before {
    content: "\e677";
}

.ti-shine:before {
    content: "\e678";
}

.ti-shift-right:before {
    content: "\e679";
}

.ti-shift-left:before {
    content: "\e67a";
}

.ti-shield:before {
    content: "\e67b";
}

.ti-notepad:before {
    content: "\e67c";
}

.ti-server:before {
    content: "\e67d";
}

.ti-quote-right:before {
    content: "\e67e";
}

.ti-quote-left:before {
    content: "\e67f";
}

.ti-pulse:before {
    content: "\e680";
}

.ti-printer:before {
    content: "\e681";
}

.ti-power-off:before {
    content: "\e682";
}

.ti-plug:before {
    content: "\e683";
}

.ti-pie-chart:before {
    content: "\e684";
}

.ti-paragraph:before {
    content: "\e685";
}

.ti-panel:before {
    content: "\e686";
}

.ti-package:before {
    content: "\e687";
}

.ti-music:before {
    content: "\e688";
}

.ti-music-alt:before {
    content: "\e689";
}

.ti-mouse:before {
    content: "\e68a";
}

.ti-mouse-alt:before {
    content: "\e68b";
}

.ti-money:before {
    content: "\e68c";
}

.ti-microphone:before {
    content: "\e68d";
}

.ti-menu:before {
    content: "\e68e";
}

.ti-menu-alt:before {
    content: "\e68f";
}

.ti-map:before {
    content: "\e690";
}

.ti-map-alt:before {
    content: "\e691";
}

.ti-loop:before {
    content: "\e692";
}

.ti-location-pin:before {
    content: "\e693";
}

.ti-list:before {
    content: "\e694";
}

.ti-light-bulb:before {
    content: "\e695";
}

.ti-Italic:before {
    content: "\e696";
}

.ti-info:before {
    content: "\e697";
}

.ti-infinite:before {
    content: "\e698";
}

.ti-id-badge:before {
    content: "\e699";
}

.ti-hummer:before {
    content: "\e69a";
}

.ti-home:before {
    content: "\e69b";
}

.ti-help:before {
    content: "\e69c";
}

.ti-headphone:before {
    content: "\e69d";
}

.ti-harddrives:before {
    content: "\e69e";
}

.ti-harddrive:before {
    content: "\e69f";
}

.ti-gift:before {
    content: "\e6a0";
}

.ti-game:before {
    content: "\e6a1";
}

.ti-filter:before {
    content: "\e6a2";
}

.ti-files:before {
    content: "\e6a3";
}

.ti-file:before {
    content: "\e6a4";
}

.ti-eraser:before {
    content: "\e6a5";
}

.ti-envelope:before {
    content: "\e6a6";
}

.ti-download:before {
    content: "\e6a7";
}

.ti-direction:before {
    content: "\e6a8";
}

.ti-direction-alt:before {
    content: "\e6a9";
}

.ti-dashboard:before {
    content: "\e6aa";
}

.ti-control-stop:before {
    content: "\e6ab";
}

.ti-control-shuffle:before {
    content: "\e6ac";
}

.ti-control-play:before {
    content: "\e6ad";
}

.ti-control-pause:before {
    content: "\e6ae";
}

.ti-control-forward:before {
    content: "\e6af";
}

.ti-control-backward:before {
    content: "\e6b0";
}

.ti-cloud:before {
    content: "\e6b1";
}

.ti-cloud-up:before {
    content: "\e6b2";
}

.ti-cloud-down:before {
    content: "\e6b3";
}

.ti-clipboard:before {
    content: "\e6b4";
}

.ti-car:before {
    content: "\e6b5";
}

.ti-calendar:before {
    content: "\e6b6";
}

.ti-book:before {
    content: "\e6b7";
}

.ti-bell:before {
    content: "\e6b8";
}

.ti-basketball:before {
    content: "\e6b9";
}

.ti-bar-chart:before {
    content: "\e6ba";
}

.ti-bar-chart-alt:before {
    content: "\e6bb";
}

.ti-back-right:before {
    content: "\e6bc";
}

.ti-back-left:before {
    content: "\e6bd";
}

.ti-arrows-corner:before {
    content: "\e6be";
}

.ti-archive:before {
    content: "\e6bf";
}

.ti-anchor:before {
    content: "\e6c0";
}

.ti-align-right:before {
    content: "\e6c1";
}

.ti-align-left:before {
    content: "\e6c2";
}

.ti-align-justify:before {
    content: "\e6c3";
}

.ti-align-center:before {
    content: "\e6c4";
}

.ti-alert:before {
    content: "\e6c5";
}

.ti-alarm-clock:before {
    content: "\e6c6";
}

.ti-agenda:before {
    content: "\e6c7";
}

.ti-write:before {
    content: "\e6c8";
}

.ti-window:before {
    content: "\e6c9";
}

.ti-widgetized:before {
    content: "\e6ca";
}

.ti-widget:before {
    content: "\e6cb";
}

.ti-widget-alt:before {
    content: "\e6cc";
}

.ti-wallet:before {
    content: "\e6cd";
}

.ti-video-clapper:before {
    content: "\e6ce";
}

.ti-video-camera:before {
    content: "\e6cf";
}

.ti-vector:before {
    content: "\e6d0";
}

.ti-themify-logo:before {
    content: "\e6d1";
}

.ti-themify-favicon:before {
    content: "\e6d2";
}

.ti-themify-favicon-alt:before {
    content: "\e6d3";
}

.ti-support:before {
    content: "\e6d4";
}

.ti-stamp:before {
    content: "\e6d5";
}

.ti-split-v-alt:before {
    content: "\e6d6";
}

.ti-slice:before {
    content: "\e6d7";
}

.ti-shortcode:before {
    content: "\e6d8";
}

.ti-shift-right-alt:before {
    content: "\e6d9";
}

.ti-shift-left-alt:before {
    content: "\e6da";
}

.ti-ruler-alt-2:before {
    content: "\e6db";
}

.ti-receipt:before {
    content: "\e6dc";
}

.ti-pin2:before {
    content: "\e6dd";
}

.ti-pin-alt:before {
    content: "\e6de";
}

.ti-pencil-alt2:before {
    content: "\e6df";
}

.ti-palette:before {
    content: "\e6e0";
}

.ti-more:before {
    content: "\e6e1";
}

.ti-more-alt:before {
    content: "\e6e2";
}

.ti-microphone-alt:before {
    content: "\e6e3";
}

.ti-magnet:before {
    content: "\e6e4";
}

.ti-line-double:before {
    content: "\e6e5";
}

.ti-line-dotted:before {
    content: "\e6e6";
}

.ti-line-dashed:before {
    content: "\e6e7";
}

.ti-layout-width-full:before {
    content: "\e6e8";
}

.ti-layout-width-default:before {
    content: "\e6e9";
}

.ti-layout-width-default-alt:before {
    content: "\e6ea";
}

.ti-layout-tab:before {
    content: "\e6eb";
}

.ti-layout-tab-window:before {
    content: "\e6ec";
}

.ti-layout-tab-v:before {
    content: "\e6ed";
}

.ti-layout-tab-min:before {
    content: "\e6ee";
}

.ti-layout-slider:before {
    content: "\e6ef";
}

.ti-layout-slider-alt:before {
    content: "\e6f0";
}

.ti-layout-sidebar-right:before {
    content: "\e6f1";
}

.ti-layout-sidebar-none:before {
    content: "\e6f2";
}

.ti-layout-sidebar-left:before {
    content: "\e6f3";
}

.ti-layout-placeholder:before {
    content: "\e6f4";
}

.ti-layout-menu:before {
    content: "\e6f5";
}

.ti-layout-menu-v:before {
    content: "\e6f6";
}

.ti-layout-menu-separated:before {
    content: "\e6f7";
}

.ti-layout-menu-full:before {
    content: "\e6f8";
}

.ti-layout-media-right-alt:before {
    content: "\e6f9";
}

.ti-layout-media-right:before {
    content: "\e6fa";
}

.ti-layout-media-overlay:before {
    content: "\e6fb";
}

.ti-layout-media-overlay-alt:before {
    content: "\e6fc";
}

.ti-layout-media-overlay-alt-2:before {
    content: "\e6fd";
}

.ti-layout-media-left-alt:before {
    content: "\e6fe";
}

.ti-layout-media-left:before {
    content: "\e6ff";
}

.ti-layout-media-center-alt:before {
    content: "\e700";
}

.ti-layout-media-center:before {
    content: "\e701";
}

.ti-layout-list-thumb:before {
    content: "\e702";
}

.ti-layout-list-thumb-alt:before {
    content: "\e703";
}

.ti-layout-list-post:before {
    content: "\e704";
}

.ti-layout-list-large-image:before {
    content: "\e705";
}

.ti-layout-line-solid:before {
    content: "\e706";
}

.ti-layout-grid4:before {
    content: "\e707";
}

.ti-layout-grid3:before {
    content: "\e708";
}

.ti-layout-grid2:before {
    content: "\e709";
}

.ti-layout-grid2-thumb:before {
    content: "\e70a";
}

.ti-layout-cta-right:before {
    content: "\e70b";
}

.ti-layout-cta-left:before {
    content: "\e70c";
}

.ti-layout-cta-center:before {
    content: "\e70d";
}

.ti-layout-cta-btn-right:before {
    content: "\e70e";
}

.ti-layout-cta-btn-left:before {
    content: "\e70f";
}

.ti-layout-column4:before {
    content: "\e710";
}

.ti-layout-column3:before {
    content: "\e711";
}

.ti-layout-column2:before {
    content: "\e712";
}

.ti-layout-accordion-separated:before {
    content: "\e713";
}

.ti-layout-accordion-merged:before {
    content: "\e714";
}

.ti-layout-accordion-list:before {
    content: "\e715";
}

.ti-ink-pen:before {
    content: "\e716";
}

.ti-info-alt:before {
    content: "\e717";
}

.ti-help-alt:before {
    content: "\e718";
}

.ti-headphone-alt:before {
    content: "\e719";
}

.ti-hand-point-up:before {
    content: "\e71a";
}

.ti-hand-point-right:before {
    content: "\e71b";
}

.ti-hand-point-left:before {
    content: "\e71c";
}

.ti-hand-point-down:before {
    content: "\e71d";
}

.ti-gallery:before {
    content: "\e71e";
}

.ti-face-smile:before {
    content: "\e71f";
}

.ti-face-sad:before {
    content: "\e720";
}

.ti-credit-card:before {
    content: "\e721";
}

.ti-control-skip-forward:before {
    content: "\e722";
}

.ti-control-skip-backward:before {
    content: "\e723";
}

.ti-control-record:before {
    content: "\e724";
}

.ti-control-eject:before {
    content: "\e725";
}

.ti-comments-smiley:before {
    content: "\e726";
}

.ti-brush-alt:before {
    content: "\e727";
}

.ti-youtube:before {
    content: "\e728";
}

.ti-vimeo:before {
    content: "\e729";
}

.ti-twitter:before {
    content: "\e72a";
}

.ti-time:before {
    content: "\e72b";
}

.ti-tumblr:before {
    content: "\e72c";
}

.ti-skype:before {
    content: "\e72d";
}

.ti-share:before {
    content: "\e72e";
}

.ti-share-alt:before {
    content: "\e72f";
}

.ti-rocket:before {
    content: "\e730";
}

.ti-pinterest:before {
    content: "\e731";
}

.ti-new-window:before {
    content: "\e732";
}

.ti-microsoft:before {
    content: "\e733";
}

.ti-list-ol:before {
    content: "\e734";
}

.ti-linkedin:before {
    content: "\e735";
}

.ti-layout-sidebar-2:before {
    content: "\e736";
}

.ti-layout-grid4-alt:before {
    content: "\e737";
}

.ti-layout-grid3-alt:before {
    content: "\e738";
}

.ti-layout-grid2-alt:before {
    content: "\e739";
}

.ti-layout-column4-alt:before {
    content: "\e73a";
}

.ti-layout-column3-alt:before {
    content: "\e73b";
}

.ti-layout-column2-alt:before {
    content: "\e73c";
}

.ti-instagram:before {
    content: "\e73d";
}

.ti-google:before {
    content: "\e73e";
}

.ti-github:before {
    content: "\e73f";
}

.ti-flickr:before {
    content: "\e740";
}

.ti-facebook:before {
    content: "\e741";
}

.ti-dropbox:before {
    content: "\e742";
}

.ti-dribbble:before {
    content: "\e743";
}

.ti-apple:before {
    content: "\e744";
}

.ti-android:before {
    content: "\e745";
}

.ti-save:before {
    content: "\e746";
}

.ti-save-alt:before {
    content: "\e747";
}

.ti-yahoo:before {
    content: "\e748";
}

.ti-wordpress:before {
    content: "\e749";
}

.ti-vimeo-alt:before {
    content: "\e74a";
}

.ti-twitter-alt:before {
    content: "\e74b";
}

.ti-tumblr-alt:before {
    content: "\e74c";
}

.ti-trello:before {
    content: "\e74d";
}

.ti-stack-overflow:before {
    content: "\e74e";
}

.ti-soundcloud:before {
    content: "\e74f";
}

.ti-sharethis:before {
    content: "\e750";
}

.ti-sharethis-alt:before {
    content: "\e751";
}

.ti-reddit:before {
    content: "\e752";
}

.ti-pinterest-alt:before {
    content: "\e753";
}

.ti-microsoft-alt:before {
    content: "\e754";
}

.ti-linux:before {
    content: "\e755";
}

.ti-jsfiddle:before {
    content: "\e756";
}

.ti-joomla:before {
    content: "\e757";
}

.ti-html5:before {
    content: "\e758";
}

.ti-flickr-alt:before {
    content: "\e759";
}

.ti-email:before {
    content: "\e75a";
}

.ti-drupal:before {
    content: "\e75b";
}

.ti-dropbox-alt:before {
    content: "\e75c";
}

.ti-css3:before {
    content: "\e75d";
}

.ti-rss:before {
    content: "\e75e";
}

.ti-rss-alt:before {
    content: "\e75f";
}

#content {
    height: 100%;
    /*overflow-y: auto;*/
}

.container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}

.dx-icon-Home {
    background-image: url(../img/home_icon.svg);
}

.dx-list-item-icon {
    width: 23px;
    height: 23px;
    background-position: 0 0;
    background-size: 23px 23px;
    padding: 0;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
}

.left-tabs .menu-text {
    text-align: center;
    width: 100%;
    font-size: 11px;
    font-weight: 500;
    color: #b2b2b2;
    padding-top: 5px;
}

.left-tabs .dx-list-item {
    border-top: none;
    color: #333;
    overflow: auto;
    height: 66px;
    padding: 10px 0px;
    background: #fff !important;
}

.left-tabs .dx-list-item-content {
    overflow: inherit;
    padding: 0px;
}

.left-tabs .MenuSystemSettings .dx-list-item-content {
    margin: 0 auto;
    text-align: center;
}

.top-nav {
    width: 100%;
    position: fixed;
    height: 75px;
    overflow: hidden;
    z-index: 22;
    background-color: #fff;
    margin-top: 0px;
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.05);
}

.left-tabs {
    width: 90px;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0px;
    margin-top: 0px;
    z-index: 30;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.05);
    transition: .3s;
}

#servicesList {
    position: absolute;
}

.MenuSystemSettings .dx-list-item-icon-container {
    background-color: var(--primary-color);
    width: 38px !important;
    height: 38px;
    border-radius: 12px;
    padding: 4px 8px;
    margin: 0 auto;
    text-align: center;
    padding-right: 8px !important;
    box-shadow: 0px 5px 12px 0px rgba(34, 55, 150, 0.29);
}

#servicesList {
    z-index: 32;
    padding-top: 70px;
    width: 100%;
}

    #servicesList .dx-scrollable-content {
        overflow: hidden;
    }

#toolbar .dx-button-mode-contained {
    background-color: transparent;
    border-color: transparent;
    color: #333;
}

.MenuSystemSettings {
    position: absolute;
    bottom: 25px;
    width: 100%;
}

    .MenuSystemSettings .dx-list-item-icon {
        width: 19px;
        height: 19px;
        background-position: 0 0;
        background-size: 19px 19px;
        padding: 0;
        font-size: 18px;
        text-align: center;
        line-height: 25px;
    }

.folks-logo img {
    width: 162px;
}

.Voyon-Grids {
    padding: 0px 0px 0px;
    margin-top: -8px;
}

.left-tabs.extended {
    width: 280px;
    transition: 0.2s;
}

.content-wrapper {
    position: absolute;
    height: 100%;
    padding: 0px;
    padding-left: 94px !important;
    padding-top: 60px;
}

.content {
    padding: 15px 15px;
}

.pd-lf {
    padding-left: 0
}

.wc-first-row {
    padding-top: 2px;
}

.Wc-card {
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    padding: 15px 20px !important;
    position: relative;
}

.Vy-wc1 {
    background-image: -moz-linear-gradient( 174deg, rgb(11,186,251) 0%, rgb(66,133,236) 100%);
    background-image: -webkit-linear-gradient( 174deg, rgb(11,186,251) 0%, rgb(66,133,236) 100%);
    background-image: -ms-linear-gradient( 174deg, rgb(11,186,251) 0%, rgb(66,133,236) 100%);
    border-radius: 8px;
    height: 85px;
    margin-bottom: 13px;
}

.Vy-wc2 {
    min-height: 300px;
    background: transparent !important;
    margin-bottom: 6.5px;
    padding: 0px 0 15px;
}

.Vy-wc3 {
    min-height: 300px;
    margin-bottom: 6.5px;
}

.Vy-wc4 {
    min-height: 300px;
    margin-bottom: 6.5px;
    padding: 7.5px 15px;
}

.Vy-wc5 {
    min-height: 200px;
}

.Vy-wc6 {
    min-height: 200px;
}

.Vy-wc7 {
    min-height: 200px;
}

.Vy-wc8 {
    min-height: 200px;
}

.Dsm {
    margin: 0 -15px;
}

.HfDsm {
    margin: 0 -7.5px;
}

.Four-card {
    padding: 0 2px;
    height: 100%;
}

.attendance-today {
    padding: 0 8px;
    height: inherit;
}

.Otitle {
    font-size: 14px;
    margin-bottom: 6.5px;
    font-weight: 500;
    color: #747e85;
}

.Vy-wc1 .user-avatar {
    width: 40px;
    height: 40px;
    position: initial;
    top: auto;
    border-radius: 12px;
    background: #dadada;
    float: left;
    margin: 0 0px;
    margin-right: 0px;
    overflow: hidden;
    border: 1px solid #fff;
    margin-left: 15px;
}

.Wc-bottom-row {
    padding: 0 6px;
}

.Wc-Mesg {
    font-size: 17px;
    color: #fff;
    font-weight: 500;
    margin-top: 7px;
    width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 5px;
}

.Time-stat {
    font-size: 13px;
    color: #a8e0f7;
    line-height: 13px;
    margin-top: 2px;
}

    .Time-stat span {
        font-weight: 500;
    }

.Tt-head {
    font-size: 15px;
    color: #d3ebfa;
    margin-top: 6px;
}

.Tt-dtls {
    font-size: 13px;
    color: #fff;
    margin-top: 8px;
}

    .Tt-dtls span {
    }

.Vy-wc12 {
    float: left;
    display: inline-flex;
    padding: 0px;
    border-left: 1px solid rgba(255, 255, 255, .25);
    padding-left: 20px;
}

.D-img {
    float: left;
    width: 40px;
    margin-right: 8px;
}

.d-text .date span {
    font-size: 17px;
    font-weight: 700;
}

    .d-text .date span.DayDate {
        font-size: 14px;
        font-weight: 400;
    }

.d-text .date {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: #fff;
    margin-top: -2px;
    padding-bottom: 5px;
    word-break: break-word;
    white-space: pre;
}

.d-text .month {
    font-size: 14px;
    line-height: 14px;
    color: #ffffff;
    opacity: .7;
    word-break: break-all;
    white-space: pre;
}

.meeting-text {
    width: auto;
    padding-left: 10px;
}

.meeting-img {
    opacity: 0.59;
    width: 40px;
    float: left;
}

.d-card {
    background: rgba(110, 31, 116, .14);
    padding: 14px 15px;
    border-radius: 10px;
    margin-left: 15px;
}

.rNumDts {
    display: inline-flex;
    margin: -9px 0;
    padding: 0;
}

.team-opacity {
    opacity: .64;
}

.Vy-wc1 {
    padding: 20px;
}

.dispad {
    padding: 0px !important;
}

.nav-all {
    padding: 0 0px;
}

.nav-left {
    width: 40%;
    float: left;
    padding: 23px 0;
    padding-left: 92px;
}

.userprofile .username {
    margin-top: 1px;
    display: inline-block;
    font-size: 14px;
    padding-right: 50px;
}

.nav-right {
    max-width: 60%;
    float: right;
    padding: 18px 0;
    padding-right: 20px;
}

.submenu-drawer {
    background: #fff;
    width: 280px;
    z-index: 1499;
    position: absolute;
    left: -299px;
    padding: 5px 25px 15px;
    line-height: 35px;
    height: 100%;
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.07);
    transition: 0.4s;
    height: calc(100vh - 60px);
    overflow: auto;
}

    .submenu-drawer .submenu-list-item {
        color: #5d6872;
        font-size: 13px;
        line-height: 32px;
        cursor: pointer;
    }

    .submenu-drawer .head-item {
        font-size: 16px;
        font-weight: 700;
        color: #000000;
    }

.submenu-list-item.sub-head:before {
    content: '+';
    float: right;
    font-size: 18px;
    border: 1.5px solid #151515;
    position: absolute;
    right: 15px;
    height: 16px;
    width: 16px;
    color: #151515;
    line-height: 7px;
    padding: 2px 0;
    border-radius: 31px;
    text-align: center;
    font-weight: 600;
    margin-top: 10px;
    text-align: center;
}

.submenu-list-item.sub-head.plus-btn:before {
    content: '-';
    float: right;
    font-size: 20px;
    border: 1.5px solid #151515;
    position: absolute;
    right: 15px;
    height: 16px;
    width: 16px;
    color: #151515;
    line-height: 5px;
    padding: 2px 0;
    border-radius: 31px;
    text-align: center;
    font-weight: 600;
    margin-top: 10px;
    text-align: center;
}

.submenu-drawer .sub-item {
    padding-left: 50px;
    background: #f2f3f8;
    margin-left: -25px;
    margin-right: -25px;
}

.sub-head ul {
    height: 0px;
    overflow: hidden;
    transition: 0.3s;
    margin-left: -25px;
    margin-right: -25px;
    padding-left: 25px !important;
    opacity: .5;
    transition: 0.2s;
}

.submenu-list-item.serviceSelected, .submenu-list-item:hover {
    color: #1c7bdd;
}

.sub-head ul.opened {
    height: 100%;
    transform: scalex(1);
    opacity: 1;
    transition: 0.2s;
}

.menu-bar-icon {
    float: left;
    padding: 20px 0px 30px;
    padding-left: 1px;
    margin-right: 0;
    cursor: pointer;
    margin: 0 auto;
    height: 75px;
    width: 100%;
}

    .menu-bar-icon #toolbar {
        padding: 0px;
    }

.chatBot-btn {
    background-color: #1b1b1b;
}

.b1 {
    display: block;
    width: 25px;
    height: 2px;
    background: #878787;
    border-radius: 0px;
}

.left-tabs .MenuSystemSettings .menu-text {
    display: none;
}

.left-tabs .MenuMore .menu-text {
    display: none;
}

.b2 {
    display: block;
    width: 25px;
    height: 2px;
    background: #878787;
    border-radius: 0px;
    margin-top: 3px;
}

.b3 {
    display: block;
    width: 25px;
    height: 2px;
    background: #878787;
    border-radius: 8px;
    margin-top: 3px;
    transition: .2s;
}

    .b3.short {
        display: block;
        width: 12.5px;
        height: 2px;
        background: #878787;
        border-radius: 8px;
        margin-top: 3px;
        transition: .2s;
    }

.left-bar {
    width: 75px;
    float: left;
    position: absolute;
    top: 0;
    z-index: 20;
    background-color: rgb(255, 255, 255);
    -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.05);
    background: #fff;
    height: 100%;
}

.Content {
    position: absolute;
    width: 100%;
    padding-left: 48px;
    height: 100%;
}

.short .b3 {
    width: 25px;
    transition: .2s;
}

.folks-logo {
    padding: 3px 0px 0;
}

.top-nav-search {
    padding: 2px 0px;
    width: 350px;
    float: left;
    margin-right: 22px;
}

    .top-nav-search input {
        border-radius: 4px;
        padding: 10px 35px;
        padding-right: 15px;
        border: none;
        font-size: 13px;
        width: 100%;
        background-color: rgb(233, 235, 240);
        line-height: 14px;
    }

.icoz-search {
    position: absolute;
    margin-top: 9px;
    font-size: 16px;
    margin-left: 12px;
    color: rgb(134, 134, 134);
    z-index: 2;
}

.icoz-mic {
    float: right;
    position: absolute;
    margin-top: 8px;
    margin-left: -26px;
    font-size: 18px;
    color: #626161;
    cursor: pointer;
}

.top-nav-search input::-webkit-input-placeholder { /* Edge */
    color: #626161;
    font-size: 13px;
}

.top-nav-search input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #626161;
    font-size: 13px;
}

.top-nav-search input::placeholder {
    color: #626161;
    font-size: 13px;
}

.top-nav-search:hover .icoz-mic {
    color: grey;
}

.icoz-line {
    background-size: 21px;
    height: 21px;
    width: 21px;
    display: block;
    margin: 7px auto;
}

.ico_dashboard {
    background-image: url(../img/dashboard_home.svg);
}

.top-icons-list {
    float: left;
    cursor: pointer;
    padding: 0 8px;
    color: rgb(178, 178, 178);
}

#subMenuList {
    left: -280px;
    display: table-cell;
    position: absolute;
    z-index: 21;
    vertical-align: top;
    width: 280px !important;
}

.dx-empty-collection#subMenuList {
    width: 260px !important;
}

#subMenuList .dx-treelist-rowsview .dx-treelist-table-fixed .dx-treelist-icon-container {
    float: right;
}

.top-icons-list > .ti-bell {
    font-size: 24px;
    margin: 6px auto;
    display: block;
    text-align: center;
}

.top-icons-list > .ti-help-alt {
    font-size: 20px;
    margin: 9px auto 5px;
    display: block;
    text-align: center;
}

.notification-number {
    position: absolute;
    background: #fd2525;
    border-radius: 50%;
    width: 19px;
    height: 19px;
    font-size: 13px;
    text-align: center;
    line-height: 17px;
    margin-top: 8px;
    margin-left: -7px;
    color: #fff;
}

.border-help {
}

.menu-bar-icon .dx-button-content {
    padding: 6px 0 0;
}

.user-profile {
    text-align: right;
    width: auto;
    float: right;
    padding: 0px;
    padding-left: 10px;
    order: 2;
}

    .user-profile p {
        font-size: 14px;
        margin: 0;
        font-weight: 400;
        float: left;
        line-height: 35px;
        font-family: 'Segoe UI',Helvetica,Verdana,sans-serif;
        line-height: 25px;
        text-transform: capitalize;
    }

#EmployeeSearch.dx-texteditor.dx-editor-filled {
    border-radius: 7px;
    border: 1px solid rgb(27,27,27.32%);
}

.push-right {
    float: right;
}

.ic_task {
    background-image: url(../img/checked-modified.svg);
    background-size: 17px;
    height: 17px;
    width: 17px;
    margin: 8px auto;
}

.nav-right .list-icos-random {
    height: 42px;
    padding: 0px 0;
    display: flex;
}

    .nav-right .list-icos-random.first-right {
        height: 42px;
        padding: 2px 0;
    }

.user-avatar {
    width: 36px;
    height: 36px;
    position: relative;
    top: 2px;
    border-radius: 50%;
    background: #dadada;
    float: right;
    margin: 0 20px;
    margin-right: 0px;
    box-shadow: -2px 0px 3.84px 0.16px rgba(0, 0, 0, 0.11);
    -webkit-box-shadow: -2px 0px 3.84px 0.16px rgba(0, 0, 0, 0.11);
    overflow: hidden;
    border: 2px solid var(--primary-color);
}

.tab-ico {
    background-size: 18px;
    height: 18px;
    width: 18px;
    display: block;
    margin: 10px auto;
}

.left-tabs .tab-item {
    padding: 3px 0;
}

.left-tabs .active-tab {
    border-left: 3px solid var(--primary-color);
    background: #f4f5f6;
}

.settings-tab {
    position: fixed;
    width: 50px;
    bottom: 0;
    background: var(--primary-color);
    transition: 0.3s;
}

.img-fill {
    width: 100%;
}

.sticky-more {
    position: sticky;
    bottom: 100px;
    left: 0;
    background: white;
    height: 80px;
}

.tab-item {
    cursor: pointer;
}

.extended .tab-ico {
    margin: 10px 20px;
}

.left-tabs.extended .tab-ico p {
    margin-left: 45px;
    font-size: 15px;
    display: block;
    white-space: pre;
}

.left-tabs .tab-ico p {
    display: none;
}

.settings-tab p {
    color: #fff;
}

.extended .settings-tab {
    width: 280px;
    transition: 0.2s;
}

.visible-medium {
    display: none;
}

.hidden-medium {
    display: block;
}

#radio-group-with-selection {
    margin-bottom: 10px;
}

#tasks-list {
    margin: 0 0 10px 10px;
    white-space: normal;
}

#list {
    margin: 10px 0 0 20px;
    padding-left: 0;
    text-align: left;
}

.landing {
    background: rgb(245, 245, 245);
}

.credential {
    float: right;
    width: 100%;
    /* bottom: 0; */
    font-weight: 400;
    /* height: 6%; */
    font-size: 12px;
    padding: 15px 15px 5px 60px;
    text-align: center;
    /* background: #f5f5f5; */
}

    .credential b {
        font-weight: 600;
    }

.menu-heading {
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

.grid-7 {
    width: 44%;
    float: left;
}

.grid-5 {
    width: 56%;
    float: left;
}

.home_parent_container {
    background: rgb(243, 244, 248);
    padding: 15px;
    height: 100%;
}

.grid-12 {
    width: 100%;
}

.clearfix {
    overflow: auto;
}

    .clearfix::after {
        content: "";
        clear: both;
        display: table;
    }

.submenu-drawer.show-sub-menu {
    left: 79px;
    transition: .4s;
    top: 60px;
}

.st-bar {
    background: #64dc5e;
    display: inline-block;
    width: 2px;
    height: 20px;
    border-radius: 2px;
    position: relative;
    transition: 0.3s;
}

.green .st-bar {
    background: #ffc107;
    transition: 0.3s;
}

.strenght-bars {
    display: inline-block;
}

.st-text {
    display: inline-block;
    margin-left: 10px;
    color: var(--primary-color);
    font-weight: 500;
    font-size: 16px;
}

    .st-text b {
        color: #222;
        margin-right: 5px;
    }

.st2 {
    height: 15px;
}

.st3 {
    height: 12px;
}

.st4 {
    height: 9px;
}

.st5 {
    height: 5px;
}

.full-stregth-bars {
    width: 500px;
    text-align: center;
    margin: 0 auto;
    margin-top: 6vh;
    padding-left: 15px;
}

.strength {
    display: inline-block;
}

.glb-strength {
    margin-left: 15px;
}

.welcome_user {
    display: block;
    width: 500px;
    margin: 0 auto;
    text-align: center;
}

    .welcome_user h2 {
        padding: 20px 30px;
        text-align: left;
        font-size: 48px !important;
        font-weight: 800;
        margin-top: 20px;
        padding-bottom: 0px;
    }

.weather-date {
    display: block;
    width: 500px;
    margin: 0 auto;
    text-align: center;
}

    .weather-date h3 {
        color: var(--primary-color);
        text-align: left;
        padding: 0 30px;
        font-size: 26px;
    }

        .weather-date h3 b {
            font-size: 36px;
            margin-right: 15px;
        }

.weather-status {
    text-align: left;
    padding: 10px 30px 0;
    font-size: 22px;
    font-weight: 500;
}

    .weather-status img {
        width: 60px;
        display: inline-block;
        margin-right: 16px;
        transition: .2s;
    }

    .weather-status p {
        display: inline-block;
        position: relative;
        top: 4px;
    }

    .weather-status span {
        color: #ffc107;
    }

.dismargin {
    margin: 0px !important;
}

.first-right {
    float: right;
}

.customer-logo {
    display: inline-block;
    margin-left: 22px;
    overflow: hidden;
    background: #fff;
    padding-right: 10px;
    order: 1;
}

    .customer-logo img {
        min-width: 36px;
        border-radius: 0px;
        max-width: 100px;
        max-height: 38px;
    }

    .customer-logo:after {
        content: '';
        height: 23px;
        width: 1px;
        background: #b9b9b9;
        position: absolute;
        margin-top: 8px;
        margin-left: 8px;
    }

.ov-heading h3 {
    color: var(--primary-color);
    font-size: 22px;
    font-weight: 500;
}

.overview {
    padding: 10px;
    padding-left: 15px;
}

.ov-box {
    border-radius: 6px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.33),0px 4px 10px 0px rgba(245, 245, 245, 0.33);
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.33),0px 4px 10px 0px rgba(245, 245, 245, 0.33);
    -moz-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.33),0px 4px 10px 0px rgba(245, 245, 245, 0.33);
    width: 22%;
    float: left;
    padding: 30px 25px;
    margin-right: 3%;
}

.arabic .ov-box {
    margin-right: 0%;
    margin-left: 3%;
}

.ov-title {
    color: red;
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 4px;
}


.ov-sub-title {
    color: #383838;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 30px;
}

.ov-number {
    font-size: 24px;
    font-weight: 500;
    margin-top: 30px;
}

.ov-heading {
    margin-bottom: 10px;
}

.ov1 span {
    content: '';
    background: #6e95cc;
    width: 90px;
    display: block;
    height: 4px;
    z-index: 19;
    right: -25px;
    top: -30px;
    position: relative;
    float: right;
    border-radius: 4px;
}

.ov2 span {
    content: '';
    width: 90px;
    display: block;
    height: 4px;
    z-index: 20;
    right: -25px;
    top: -30px;
    position: relative;
    float: right;
    border-radius: 4px;
    background: #f3b07f;
}

.ov3 span {
    background: #82e97d;
    content: '';
    width: 90px;
    display: block;
    height: 4px;
    z-index: 20;
    right: -25px;
    top: -30px;
    position: relative;
    float: right;
    border-radius: 4px;
}

.ov4 span {
    background: #fe6289;
    content: '';
    width: 90px;
    display: block;
    height: 4px;
    z-index: 20;
    right: -25px;
    top: -30px;
    position: relative;
    float: right;
    border-radius: 4px;
}

.overview span.dts {
    background-image: url(../img/ov-botton-dots.svg);
    width: 154px;
    height: 80px;
    position: absolute;
    right: 18px;
    bottom: 3px;
    background-repeat: no-repeat;
    z-index: 1;
    opacity: 0.8;
    display: none;
}

.ov4:after {
    background-image: url('../img/ov-botton-dots.svg');
    width: 120px;
    display: block;
    content: '';
    display: none;
}

.chatbot {
    position: absolute;
    width: 44px;
    height: 44px;
    background: #f7f7f7;
    border-radius: 106px;
    border: 4px solid #73838a47;
    border-radius: 50%;
    bottom: 76px;
    right: 25px;
    box-shadow: 0px 5px 12px 0px rgb(0 0 0 / 29%);
    -webkit-box-shadow: 0px 5px 12px 0px rgb(0 0 0 / 29%);
    -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.29);
    z-index: 36;
    cursor: pointer;
}

#chatbot-drag {
    width: 13px;
    height: 13px;
    border: 2px solid var(--white);
    border-radius: 50%;
    background: var(--white);
    position: absolute;
    right: -8px;
    top: 15px;
}

.chatbot:hover img {
    opacity: 0.5;
    transition: 0.2s;
}

.chatbot-img {
    opacity: 1;
    transition: 0.2s;
}

.chatbot-img {
    width: 100%;
    height: 100%;
    background-size: 40px 40px;
    background-image: url(../img/chatbot.png);
    padding: 0px;
    border-radius: 50%;
    overflow: hidden;
}

.chatbot-status {
    width: 13px;
    height: 13px;
    border: 2px solid #f1f1f1;
    border-radius: 50%;
    background: #84d604;
    position: absolute;
    right: -3px;
    top: -6px;
}

#chatbot-drag {
    width: 16px;
    height: 16px;
    border: 2px solid #f1f1f1;
    border-radius: 50%;
    background: #ffffff;
    position: absolute;
    right: -12px;
    top: 10px;
    font-size: 9px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    line-height: inherit;
    transition: .2s;
    opacity: 0;
    cursor: move;
}

.chatbot:hover #chatbot-drag {
    transition: .2s;
    opacity: 1;
}

.Voyon-Login {
    margin: 6vh auto 0;
    width: 484px;
    text-align: center;
    background: rgb(242, 243, 247);
    padding: 60px 50px 40px;
    border-radius: 9px;
    animation: fadeInUp 1s forwards 0s ease;
}

.login-bg {
    background-color: #fffdfd;
    background-image: url(../img/login-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: bottom;
}

.Lg-Logo {
    margin-bottom: 4vh;
}

.Lg-logosection {
    text-align: center;
    padding: 20px 20px;
    width: 800px;
    margin: 6vh auto 0;
}

    .Lg-logosection p {
        color: rgb(135, 134, 134);
        font-size: 14px;
        animation: fadeIn2 1s forwards .5s ease;
        user-select: none;
        -webkit-user-select: none;
    }

.Lg-Logo img {
    width: 250px;
    animation: fadeInDown 1s forwards 0.3s ease;
}

.Voyon-Login .Uimg {
    border: 6px solid rgba(242, 243, 247, 0.67);
    border-radius: 50%;
    background-color: #ffffff;
    opacity: 1;
    box-shadow: 0px 5px 27px 0px rgba(134, 139, 148, 0.18);
    -webkit-box-shadow: 0px 5px 27px 0px rgba(134, 139, 148, 0.18);
    -moz-box-shadow: 0px 5px 27px 0px rgba(134, 139, 148, 0.18);
    width: 80px;
    height: 80px;
    text-align: center;
    margin: 0 auto;
    animation: fadeIn2 1s forwards .3s ease;
}

.Uimg img {
    padding: 15px;
}

.bottom-close-cancel {
    margin-top: 15px;
    border-top: 1px solid #e8e8e8;
    position: absolute;
    bottom: 90px;
    width: 100%;
    margin-left: -20px;
    padding-left: 20px;
}

.arabic .bottom-close-cancel {
    margin-left: 0px;
    padding-left: 0px;
    margin-right: -20px;
    padding-right: 20px;
}

.Uimg_Canvas {
    position: absolute;
    width: 384px;
    margin: 0 auto;
    margin-top: -100px;
    display: block;
    text-align: center;
}

.Voyon-Login .LgCard {
    background: #fff;
    padding: 10px 15px;
    margin-bottom: 20px;
    box-shadow: 0px 5px 8px 0px rgba(89, 89, 89, 0.1);
    -webkit-box-shadow: 0px 5px 8px 0px rgba(89, 89, 89, 0.1);
    -moz-box-shadow: 0px 5px 8px 0px rgba(89, 89, 89, 0.1);
    border-radius: 2px;
}

.Lg-language .dx-texteditor-container {
    border-bottom: 1px solid #b4b4b4;
    padding-bottom: 5px;
}

.Lg-dArrow {
    color: #05a6f0;
    position: relative;
    top: 6px;
    font-size: 17px;
    right: -4px;
}

.Signup-for-first .dx-button-mode-contained.dx-button-danger {
    background-color: #e1e3ed;
}

.Signup-for-first .dx-button-text {
    color: #62666a;
    font-weight: 500;
    font-size: 14px;
}

.forgot-password {
    color: #05a6f0;
    font-size: 13px;
    margin-top: 7px;
    cursor: pointer;
}

.Signup-Btn {
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.24);
    -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.24);
    padding-left: 0px !important;
    border-radius: 3px;
}

    .Signup-Btn .dx-button-content {
        color: #fff;
        font-weight: 500;
        font-size: 14px;
    }

.Signup-for-first .dx-button-has-text .dx-button-content {
    padding: 7px 18px 8px;
    line-height: 13px;
}

.Voyon-Login .LgCard.focused {
    border-left: 5px solid rgb(7, 156, 224);
    margin-left: -5px;
    border-radius: 0px 2px 2px 0px;
}

.LgCard .dx-widget input {
    padding: 0px 0 0;
    font-weight: 500;
    font-size: 14px;
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.LgCard .dx-widget .dx-placeholder:before {
    padding: 7px 0px 8px;
}

.Lg-language .dx-placeholder:before {
    padding: 7px 3px 8px;
}

.Lg-language {
    margin-bottom: 20px;
    padding-left: 2px;
    padding-right: 35px !important;
}

.visible-eye-icon {
    width: 16px;
}

.Voyon-Login .dx-box-item-content .dx-first-row .dx-field-item-label {
    text-align: left;
    margin-bottom: 2px;
}

.Voyon-Login .dx-field-item-required-mark {
    display: none;
}

.Voyon-Login .dx-box-item-content .dx-first-row .dx-field-item-label .dx-field-item-label-text {
    font-size: 13px;
    color: rgb(120, 120, 120);
}

.Signup-Btn .dx-button-default {
    background-color: rgb(7, 156, 224);
}

.LgCard .dx-button-mode-contained.dx-button-default {
    background-color: #fff;
    border-color: transparent;
    color: #fff;
}

.LgCard .dx-button-has-icon .dx-icon {
    width: 16px;
    height: auto;
    background-position: 0 0;
    background-size: 16px;
    padding: 0;
    font-size: 15px;
    text-align: center;
    line-height: 18px;
    margin-right: 0;
    margin-left: 0;
}

.popup-close-btn {
    height: 20px;
    font-size: 13px;
    text-align: center;
    line-height: 19px !important;
    color: #222;
    z-index: 50;
    float: right;
    cursor: pointer;
    text-align: right;
    position: relative;
    top: 0px;
}
/*user-profile*/
.user-profile {
    cursor: pointer;
}

.user-profile-dropdown {
    display: none;
    width: 330px;
    position: absolute;
    right: 13px;
    top: 72px;
    z-index: 23;
    background-color: rgb(255, 255, 255);
    box-shadow: -1px 3px 10px 10px rgb(0 0 0 / 6%), 0 4.5px 12px rgb(0 0 0 / 12%);
    -webkit-box-shadow: -1px 3px 10px 10px rgb(0 0 0 / 6%), 0 4.5px 12px rgb(0 0 0 / 12%);
    -moz-box-shadow: -1px 3px 10px 10px rgb(0 0 0 / 6%), 0 4.5px 12px rgb(0 0 0 / 12%);
    font-family: 'Segoe UI',Helvetica,Verdana,sans-serif;
    border-radius: 4px;
}

.user-logout-btn .dx-button-content {
    padding: 6px 18px 7px;
    font-size: 13px;
    font-weight: 400;
}

.user-logout-btn.dx-button-mode-contained.dx-button-default {
    background-color: var(--primary-color);
    border-color: transparent;
    color: #fff;
    box-shadow: 0px 4px 19.92px 4.08px rgba(66, 168, 220, 0);
    -moz-box-shadow: 0px 4px 19.92px 4.08px rgba(66, 168, 220, 0);
    -webkit-box-shadow: 0px 4px 19.92px 4.08px rgba(66, 168, 220, 0);
    border-radius: 6px;
}

    .user-logout-btn.dx-button-mode-contained.dx-button-default:hover {
        background-color: var(--primary-color);
        border-color: transparent;
        color: #fff;
        box-shadow: 0px 4px 19.92px 4.08px rgba(66, 168, 220, 0.33);
        -moz-box-shadow: 0px 4px 19.92px 4.08px rgba(66, 168, 220, 0.33);
        -webkit-box-shadow: 0px 4px 19.92px 4.08px rgba(66, 168, 220, 0.33);
        border-radius: 6px;
    }

.ac-settings a {
    color: var(--primary-color) !important;
    font-weight: 500;
}

.Logout-span-text {
    cursor: pointer;
    font-weight: 500;
    color: var(--primary-color);
    filter: brightness(0.9);
    cursor: pointer;
    line-height: 30px;
}

.profile-avatar {
    width: 68px;
    border-radius: 7px;
    margin: 0 auto;
    overflow: hidden;
    cursor: default;
}

.profile-tittles {
    margin: 0 auto;
    text-align: center;
    padding: 20px 15px 0;
    border-bottom: 0px solid #e5e4e4;
}

.pro-name {
    font-weight: 500;
    font-size: 17px;
    margin: 8px 0 0px;
    font-family: 'Segoe UI',Helvetica,Verdana,sans-serif;
    cursor: pointer;
    color: #4f4f4f;
}

.pro-role {
    color: #929da2;
    font-size: 14px;
    margin: 4px 0 0;
    font-weight: 500;
}

.pro-mail {
    font-size: 13px;
    color: #9a9a9a;
    font-weight: 400;
}

.edit-btn {
    position: absolute;
    background: var(--primary-color);
    border-radius: 50%;
    color: #fff;
    width: 22px;
    height: 22px;
    line-height: 25px;
    margin-left: -15px;
    margin-top: 45px;
    font-size: 13px;
    cursor: pointer;
}

.ic-exchange {
    position: absolute;
    transform: rotate(90deg);
    font-size: 14px;
    margin-top: -5px;
    color: #3b86f7;
}

.company-switch {
    font-size: 13px;
    margin-left: 0;
}

.CompanySwitch {
    margin-left: 0px;
}

.company-drowpdown .dx-texteditor-container {
    display: block;
}

.company-drowpdown .dx-texteditor-input-container {
    margin: 0 auto;
    text-align: center;
    width: max-content;
    display: inline-block;
    min-width: 100px;
    max-width: 250px;
}

.company-drowpdown .dx-texteditor-buttons-container {
    display: inline-block;
}

    .company-drowpdown .dx-texteditor-buttons-container .dx-dropdowneditor-button {
        position: relative;
        top: -2px;
    }

.profile-actions {
    padding: 20px 20px 15px;
    font-size: 14px;
    color: #626262;
}

.color-preference, .language-select, .time-select, .ac-settings {
    margin: 20px 0 0;
    display: block;
    cursor: pointer;
}

    .language-select span {
        text-align: right;
        font-size: 13px;
    }

    .ac-settings .ti-settings {
        color: #3b86f7;
        font-size: 18px;
        line-height: 24px;
    }

.c-theme {
    width: 18px;
    height: 18px;
    display: inline-block;
    float: right;
    border-radius: 68px;
    margin-right: 6px;
    transition: 0.2s;
}

.ct1 {
    background: #ff5680;
}

.ct2 {
    background: #05a6f0;
}

.ct3 {
    background: #ffc8bf;
}

.ct4 {
    background: #bfbffd;
}

.ct5 {
    background: #9cd499;
    margin-right: 0;
}

.active-color:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    color: #ececec;
    font-size: 14px;
    position: relative;
    left: 4px;
    top: -3px;
}

.ac-settings .float-right {
    transform: rotate(-20deg);
    transition: 0.3s;
}

.ac-settings:hover .float-right {
    transition: 0.2s;
    transform: rotate(0deg);
}

.ti-dropdown {
    font-size: 12px;
    position: relative;
    top: 1px;
    margin-left: 4px;
}

.user-logout {
    padding: 20px 20px;
    font-size: 14px;
    color: rgb(0, 0, 0);
    cursor: pointer;
    border-top: 1px solid rgb(183 203 213 / 33%);
}

.user-dropdown-close {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 11px;
    color: #86a9baeb;
    font-weight: bold;
    font-size: 10px;
    cursor: pointer;
}

.c-theme:hover {
    margin-top: -2px;
    transition: 0.1s;
}

#MultiLingualSelect,
#TimeZoneSelect {
    background: #fff;
    border: 1px solid #ddd0;
    border-radius: 4px;
    position: relative;
    top: -2px;
    text-align: right;
}

.user-profile-dropdown .dx-dropdowneditor-button {
    width: 16px;
    min-width: auto;
    padding: 0px;
    border-radius: 4px;
}

.user-profile-dropdown .dx-texteditor.dx-editor-outlined {
    margin-left: 0px;
}

#MultiLingualSelect .dx-texteditor-input {
    margin: 0;
    padding: 0px 8px 0px 0px;
    text-align: right;
}

#MultiLingualSelect .dx-texteditor-input-container {
    position: relative;
    top: 3px;
}

.user-logout i {
    font-size: 18px;
    transition: 0.1s;
}

.user-logout:hover i {
    transform: scale(1.2);
    transition: 0.1s;
}

#MultiLingualSelect.dx-dropdowneditor-icon:before,
#TimeZoneSelect.dx-dropdowneditor-icon:before {
    margin-left: 0px;
}

#MultiLingualSelect.dx-texteditor.dx-state-hover,
#TimeZoneSelect.dx-texteditor.dx-state-hover {
    border-color: transparent !important;
}

#MultiLingualSelect.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon, #TimeZoneSelect.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon, .dx-dropdowneditor.dx-state-hover:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon {
    background-color: #e6e6e600;
    border-color: transparent;
}
/*user-profile*/

/*.full-view {
    display:block !important;
}
.full-view-hidden {
    width: 100%;
    position: absolute;
    display: none;
    top: 60px;
    background: #fff;
    padding: 30px 42px;
    z-index: 20;
    height: 84%;
    overflow:auto;
}*/
/*.full-view-hidden {
    background: #f7f7f7;
    margin: 0 auto;
    position: absolute;
    z-index: 19;
    width: 100%;
    top: 60px;
    right: -100%;
    transition: 0.3s;
}*/
.full-view-hidden {
    background: var(--primary-bg);
    position: absolute;
    z-index: -1;
    width: 100%;
    top: 0;
    padding-top: 60px;
    opacity: 0;
    display: none;
}
.full-view-hidden.leaveEncashmentApprovalView{
    background: #fff !important;
}    

    .full-view {
        right: 0%;
        transition: 0.5s ease;
        transform: scale(1);
        opacity: 1;
        z-index: 19;
        padding-left: 96px;
        height: 100%;
        padding-top: 60px;
        margin-top: 15px;
        margin-right: 15px;
        display: block;
    }

.full-view-card {
    background: #fff;
    padding: 26px 30px;
    margin: 15px;
    border-radius: 0px;
    height: calc(84vh - 78px);
    margin-top: 0px;
    overflow: hidden;
    overflow-y: auto;
    margin-right: 0px;
    padding-bottom: 10px;
    padding-top: 11px;
    border-radius: 7px 7px 0px 0px;
}

    .full-view-card::-webkit-scrollbar-track {
        margin-bottom: 100px !important;
    }

.vy-view-content {
    height: 100%;
    transition: 0.2s;
    /* padding-right: 10px; */
}

.full-view-title {
    font-size: 22px;
    font-weight: 600;
    font-family: 'DM Sans',sans-serif;
}

.vy-fullview-title {
    margin-top: -10px;
    margin-bottom: 10px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgb(237, 235, 235);
    font-size: 16px;
    font-weight: 500;
    position: inherit;
    margin-left: 0;
    color: #010101;
    position: relative;
    top: 0px;
    background: #fff;
    z-index: 28;
    padding-top: 21px;
}

.full-view-card .btn-group {
    display: inline;
    float: right;
    margin: 0 0px;
    text-align: right;
    padding: 15px 30px;
    background: #fff;
    bottom: 0;
    left: 111px;
    right: 0px;
    position: absolute;
    margin-bottom: 42px;
    height: 65px;
    border-top: 1px solid var(--toolbar-color);
    z-index: 67;
    direction: rtl;
    border-radius: 0 0 7px 7px;
}

.full-view-card .dx-button-mode-contained.dx-button-default {
    /*margin-right: 5px;*/
    font-size: 14px;
    font-weight: 500;
}

.full-view-card #btnSave .dx-button-content, .full-view-card #btnCancel .dx-button-content {
    padding: 6px 20px 6px;
    min-width: 85px;
    line-height: 14px;
}

.full-view-card .dx-layout-manager {
    margin-bottom: 8px;
}

.unpad {
    padding: 0px;
    margin: 0px !important;
}

.first-list {
    padding-left: 0px !important;
}

.con-ope-list {
    list-style: none;
    padding: 0;
    margin-bottom: 0px;
}

.vy-text-avatar {
    width: 26px;
    height: 26px;
    overflow: hidden;
    background: rgb(228 228 228);
    text-align: center;
    padding: 7px 0;
    font-weight: 500;
    position: relative;
    color: #fff;
    margin-top: 0px;
    border-radius: 9px;
    margin-left: -5px;
    margin-right: 5px;
    overflow: hidden;
    float: left;
}

.vy-employee-name {
    float: left;
    margin-left: 5px;
    line-height: 25px;
}

.vy-employee-code {
    color: var(--primary-color);
    max-width: auto;
    float: left;
    margin-left: 5px;
    margin-top: 8px;
    display: none;
}

.vy-grid-title {
    position: relative;
    display: block;
    top: 35px;
    left: 35px;
    z-index: 19;
    font-size: 20px;
    font-weight: 600;
    color: rgb(51, 51, 51);
    width: 50%;
}

.vy-flyout {
    width: 30%;
}

.vy-flyout-50 {
    width: 50%;
}

.vy-flyout-60 {
    width: 60%;
}

.vy-flyout-60 {
    width: 60%;
}

.lavender .st-bar, .lavender .ov3 span {
    background: #2fdc9c;
}

.lavender .ov4 span {
    background: #62a8fe;
}

.lavender .ov-title {
    color: #0089ff;
}

.navC-Bu {
    display: block;
    font-size: 10px;
    line-height: 2px;
    color: rgb(109, 109, 109);
    position: relative;
    top: -6px;
    width: 185px;
}

.navCname {
    width: 150px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    line-height: 16px;
    font-size: 10px;
}

.navBu {
    display: inline-block;
    line-height: 16px;
    max-width: 35px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: right;
    font-size: 10px;
}

.vy-master-detail-caption {
    position: absolute;
    z-index: 20;
    margin-left: 80px;
    margin-top: 35px;
    font-size: 16px;
    font-weight: 500;
}

.vy-edit-btn {
    text-align: center;
    width: 36px;
    height: 36px;
    padding: 8px 0px;
    background: red;
    border-radius: 48px;
    color: #fff;
}

.full-view-card .popup-close-btn {
    margin-top: -45px;
}

.Viewmode-btngroup {
    position: absolute;
    right: 102px;
    margin-top: -50px;
    z-index: 1501;
    top: 142px;
}

.Viewmode-edit-Btn {
    display: inline-flex;
    cursor: pointer;
    margin-left: 15px;
    cursor: pointer;
}

    .Viewmode-edit-Btn label {
        padding: 6px 6px;
        font-size: 14px;
        font-weight: 500;
        transition: .2s;
        display: none;
    }

    .Viewmode-edit-Btn:hover label {
        transform: scale(1.1);
        transition: .2s;
    }

.Viewmode-delete-Btn {
    display: inline-flex;
    cursor: pointer;
    margin-left: 15px;
    cursor: pointer;
}

    .Viewmode-delete-Btn label {
        padding: 6px 6px;
        font-size: 14px;
        font-weight: 500;
        transition: .2s;
        display: none;
    }

    .Viewmode-delete-Btn:hover label {
        transform: scale(1.1);
        transition: .2s;
    }

.vy-edit-btn {
    float: right;
    width: 28px;
    height: 28px;
    display: flex;
    box-shadow: 0px 4px 11.83px 1.17px rgb(0 0 0 / 14%);
    -webkit-box-shadow: 0px 4px 11.83px 1.17px rgb(0 0 0 / 14%);
    -moz-box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.14);
    border-radius: 50%;
    padding: 6px 0;
    text-align: center;
    background: var(--primary-color);
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    border: 1px solid #e7eaef;
    justify-content: center;
    align-items: center;
    line-height: normal;
    flex-wrap: nowrap;
    flex-direction: column;
    align-content: center;
}

    .vy-edit-btn .dx-button-content,
    .vy-delete-btn .dx-button-content {
        padding: 0px;
        align-items: center;
        justify-content: center;
        display: flex;
    }

    .vy-edit-btn .dx-icon {
        color: #fff;
        font-size: 14px;
        line-height: 17px;
    }

.vy-delete-btn .dx-icon {
    color: #fff;
    font-size: 14px;
    line-height: 19px;
}

.vy-delete-btn {
    float: right;
    width: 28px;
    height: 28px;
    display: flex;
    box-shadow: 0px 4px 11.83px 1.17px rgb(0 0 0 / 14%);
    -webkit-box-shadow: 0px 4px 11.83px 1.17px rgb(0 0 0 / 14%);
    -moz-box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.14);
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    background: rgb(224, 45, 45);
    justify-content: center;
    border: 1px solid #e7eaef;
    align-items: center;
    padding: 3px;
}

.Viewmode-edit-Btn:hover .vy-edit-btn {
    transition: 0.2s;
    background: var(--primary-color);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 6px rgba(0, 0, 0, 0.12);
}

.Viewmode-delete-Btn:hover .vy-delete-btn {
    background: rgb(224, 45, 45);
    transition: 0.2s;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 6px rgba(0, 0, 0, 0.12);
}

.batch-toolbar, #LeaveManagement-LeaveRequest-VoyonGrids .dx-toolbar {
    background: #e3e5f2;
    padding: 4px 10px;
    border-radius: 7px;
}

    .batch-toolbar .selected-records {
        width: auto;
        text-align: left;
        height: 20px;
        vertical-align: baseline;
        line-height: 18px;
        font-size: 12px;
        font-weight: 500;
        color: #5c5a5a;
        padding-right: 15px;
        margin-right: 15px;
    }

div#Grid-Rows-Selected:after, .Grid-Rows-Selected:after {
    content: '';
    height: 20px;
    width: .5px;
    background: #b9b9b9;
    position: absolute;
    margin-top: 0px;
    margin-left: 16px;
}

.Grid-addNew-Btn::after {
    content: '';
    height: 23px;
    width: .5px;
    background: #b9b9b9;
    position: absolute;
    margin-top: -25px;
    margin-left: 49px;
}

.Voyon-FileUploader .Grid-addNew-Btn::after {
    height: 16px;
    margin-top: -35px;
    margin-left: 39px;
}

.Add-new-sep {
    padding-right: 21px !important;
}

    .Add-new-sep::after {
        content: '';
        height: 23px;
        width: .5px;
        background: #b9b9b9;
        position: absolute;
        margin-top: -27px;
        margin-left: 43px;
    }

.Vf-toolbar-batch .selected-records b {
    margin-right: 5px;
}
/*.vy-circle-btn{
	width: 35px;
    background: var(--primary-color);
    padding: 8px 0;
    border-radius: 60px;
    font-size: 12px;
    line-height: 19px;
    font-weight: 600;
    box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.14);
    }
    .vy-circle-btn span{
	color: #222;
    border: none;
    font-size: 13px;
    font-weight: 500;
    line-height: 34px;
    }*/
.vy-circle-btn .dx-button {
    border-radius: 60px;
    background: var(--primary-color);
    color: #fff;
    box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.14);
    border: none;
    transition: 0.3s;
}

    .vy-circle-btn .dx-button:hover {
        -webkit-box-shadow: 0px 4px 11.83px 1.17px rgb(0 0 0 / 40%);
        -moz-box-shadow: 0px 4px 11.83px 1.17px rgb(0 0 0 / 40%);
        box-shadow: 0px 4px 11.83px 1.17px rgb(0 0 0 / 40%);
        transition: 0.2s;
    }

.vy-circle-btn {
}

    .vy-circle-btn .dx-button-has-icon .dx-button-content {
        padding: 4px;
    }

    .vy-circle-btn .dx-button-mode-contained .dx-icon {
        color: #fff;
        font-size: 13px;
        line-height: 18px;
    }

.vy-circle-btn-text {
    color: #222;
    border: none;
    font-size: 12px;
    font-weight: 500;
    line-height: 34px;
    width: auto;
    margin-right: 10px;
    cursor: pointer;
}

.delete-color .dx-icon {
    background: #e02d2d !important;
}

.primary-color .dx-button {
    background: var(--primary-color);
}

.vy-circle-btn-text.trash {
    width: auto;
    text-align: left;
}

.Records-limits {
    width: auto;
    font-size: 12px;
    text-align: right;
    padding-right: 10px;
    font-weight: 500;
    color: #5c5a5a;
}

.Records-limitBox .dx-texteditor {
    width: auto;
    border-radius: 5px;
    background: #fff;
    border: none;
    max-width: 46px;
}

.Voyon-GridTitLe {
    font-size: 16px;
    font-weight: 600;
    color: #010101;
    font-family: 'Segoe UI',Arial;
}

.Grid-addNew-Btn .dx-button-mode-contained.dx-button-default {
    border-radius: 60px;
    background: var(--primary-color);
    color: #fff;
    box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.14);
    transition: 0.2s;
}

    .Grid-addNew-Btn .dx-button-mode-contained.dx-button-default .dx-icon {
        color: #fff;
        font-size: 12px;
        line-height: 19px;
        font-weight: 700;
    }

.Grid-addNew-Btn-text {
    color: #222;
    border: none;
    font-size: 13px;
    font-weight: 500;
    line-height: 34px;
    width: auto;
    text-align: right;
    margin-right: 5px;
    cursor: pointer;
}

.Grid-addNew-Btn .dx-button-content {
    padding: 4px !important;
}

.Vy-maintoolbar {
    padding: 5px 0px 10px;
}

#More-Services {
    position: absolute;
    width: 282px;
    left: 83px;
    bottom: 140px;
    height: 253px;
    padding: 7px 8px;
    background: #fff;
    border-radius: 4px 4px 0px 0px;
    font-size: 13px;
    line-height: 11px;
    height: auto;
    -webkit-box-shadow: -3px 12px 15px 3px rgba(0, 0, 0, 0.12);
    box-shadow: -2px 4px 15px 3px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: -2px 4px 15px 3px rgba(0, 0, 0, 0.12);
    padding-bottom: 10px;
    z-index: 22;
}

    #More-Services .dx-item.dx-list-item {
        float: left;
        display: flex;
        width: 88px;
    }

    #More-Services .dx-list-item-content {
        padding: 10px 0px 2px;
        overflow: hidden;
        text-align: center;
        margin: 0 auto;
        float: left;
        border-radius: 5px;
    }

        #More-Services .dx-list-item-content:hover {
            background: #ddeaf3;
        }

            #More-Services .dx-list-item-content:hover .menu-text {
                color: var(--primary-color);
            }

.submenu-drawer ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.chatBot-btn .dx-overlay-content {
    background-color: #000 !important;
}

.employeeCard {
    padding: 15px;
    background: #fff;
    border-radius: 3px;
}

.BasicDetails .employeeCard {
    padding-right: 5px;
}

.Cand-search-parent .BasicDetails .employeeCard {
    padding-right: 20px;
}

.employeeCard {
    padding: 20px 20px 20px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.05);
}

    .employeeCard .vy-tabs .Voyon-Forms,
    .employeeCard .Vf-tabs-default .Voyon-Forms {
        margin: 5px 0px;
    }

.employeeFullView .full-view-card {
    background: transparent;
    padding: 0px 0px;
    margin: 15px;
    margin-left: 0px;
    height: 100%;
    overflow: auto;
    margin-top: -80px;
    padding-top: 90px;
}

.employeeFullView .vy-tabs .dx-tabs,
employeeFullView .Vf-tabs-default .dx-tabs {
    background-color: #fff;
    margin-bottom: 10px;
}

.employeeFullView .vy-view-content .dx-form-group-caption {
    font-size: 14px;
    font-family: 'Segoe UI',Arial;
    font-weight: 500;
    position: relative;
    top: 0px;
    color: #8391b3;
}

.employeeFullView .vy-tabs .Voyon-Forms,
.employeeFullView .Vf-tabs-default .Voyon-Forms {
    margin: 5px 0px;
}

.employeeFullView .full-view-card .dx-layout-manager {
    margin-bottom: 0px;
}

.employeeFullView .dx-form-group-with-caption > .dx-form-group-content {
    padding-top: 8px;
    padding-bottom: 10px;
}

.emp-field {
    padding-left: 20px !important;
    margin-bottom: 0px;
    padding-right: 20px;
}

.employeeFullView .vy-view-content {
    height: 100%;
    max-height: 100%;
}

.familyDetails .title {
    position: relative;
    z-index: 99;
    left: 18px;
    top: 16px;
    font-size: 13px;
    font-weight: 500;
    width: 50%;
}

.up-photo {
    padding: 0px 0;
    margin: 0 auto;
    position: absolute;
    width: 80%;
    top: 40px;
    z-index: 1;
}

.company-infos .up-photo {
    position: relative;
}

.Cand-search-parent .up-photo {
    top: 60px;
}

.emp-pro-pic {
    width: 66px;
    height: 66px;
    border-radius: 2px;
    overflow: hidden;
    margin: 0 auto;
}

.up-photo .edit-btn {
    position: absolute;
    background: var(--primary-color);
    border-radius: 50%;
    color: #fff;
    width: 19px;
    height: 19px;
    line-height: 22px;
    margin-left: -15px;
    margin-top: 33px;
    font-size: 10px;
    cursor: pointer;
    text-align: center;
}

.Up-EmployeeImg {
    height: 56px;
    overflow: hidden;
}

.Cand-search-parent .Up-EmployeeImg {
    height: 94px;
}

.Up-EmployeeImg label, .empLastname label, .empMiddlename label {
    display: none !important;
}

.EmployeeDetails .dx-fileuploader-button {
    width: 100%;
    position: absolute;
    width: 72px;
    margin: -23px 145px;
    text-align: center;
    padding: 8px 8px 21px;
    border-radius: 50%;
    opacity: 0;
    z-index: 99;
}

.Cand-search-parent .EmployeeDetails .dx-fileuploader-button {
    margin: -5px 145px;
}

.BasicDetails {
    padding-left: 0 !important;
    margin-bottom: 15px;
}

.empPublishPic {
    display: inline-flex !important;
    padding-bottom: 0px;
    padding-top: 15px;
}

    .empPublishPic label {
        width: auto;
        line-height: 24px;
        margin-bottom: 0px;
        margin-right: 15px;
    }

.employeeFullView .full-view-card .btn-group {
    position: sticky;
    bottom: 0;
    right: 0;
    margin-top: 10px;
    display: flex;
    direction: rtl;
}

.familyDetails {
    padding: 10px 15px 0px;
}

    .familyDetails .Vy-maintoolbar {
        display: none;
    }

    .familyDetails .dx-datagrid-pager.dx-pager {
        display: none;
    }

.Voyon-ChildGrids-Title {
    font-size: 14px;
    font-weight: 500;
    position: relative;
    z-index: 66;
    margin-left: 0px;
    top: 9px;
    /* margin-bottom: -23px; */
    background: transparent;
    width: 50%;
    padding-left: 5px;
    color: #8391b3;
    padding-top: 5px;
    padding-bottom: 25px;
}

.vy-accordian .Voyon-ChildGrids .dx-toolbar-items-container {
    background: #fff;
}

.vy-view-content .vy-accordian .dx-datagrid-header-panel {
    margin-bottom: 0px;
}

.vy-accordian.dx-datagrid-borders > .dx-datagrid-headers {
    border-radius: 0px 0px 0px 0px;
}

.vy-accordian .employeeCard {
    border-radius: 8px;
    margin-bottom: 0px;
}

.vy-accordian .dx-toolbar-after {
    margin-right: 40px;
    top: 2px;
}

.vy-accordian .dx-widget.dx-visibility-change-handler {
    height: 35px;
    opacity: 0;
    overflow: hidden;
    transition: .2s;
    overflow: visible;
}

.vy-accordian.opened .dx-widget.dx-visibility-change-handler {
    height: auto;
    opacity: 1;
    overflow: hidden;
    transition: .3s;
}

.vy-accordian .acc_btn, .vy-accordian2 .acc_btn {
    right: 10px;
    position: absolute;
    margin-top: 20px;
    z-index: 99;
    cursor: pointer;
    width: 30px;
}

    .vy-accordian .acc_btn i, .vy-accordian2 .acc_btn i {
        font-size: 14px;
        font-weight: 700;
        color: #000;
    }

#divTalentInformationsPanel .employeeCard .Voyon-ChildGrids {
    border: none;
    border-bottom: 0px solid #f3f3f3;
    padding: 5px 0px;
    padding-top: 0px;
    margin-bottom: 0px;
}

#divTalentInformationsPanel {
    margin: 0px 0px !important;
}

.empBenefit {
    padding: 10px;
}

    .empBenefit .employeeCard .Voyon-ChildGrids {
        margin-bottom: 0px;
    }

    .empBenefit .vy-accordian2 .Voyon-ChildGrids {
        height: 0px;
        overflow: hidden;
        opacity: 0;
        transition: 0.2s;
    }

    .empBenefit .vy-accordian2.opened .Voyon-ChildGrids {
        height: auto;
        opacity: 1;
        transition: 0.3s;
    }

.VF-logo {
    width: 160px;
    height: 15px;
    background-position: 0 0;
    background-size: 160px 15px;
    padding: 0;
    font-size: 18px;
    padding: 0;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    background-image: url(../img/logo_black.svg);
    background-repeat: no-repeat;
}

.red .VF-logo {
    background-image: url(../img/logo_red.svg);
}

.pink .VF-logo {
    background-image: url(../img/logo_pink.svg);
}

.lavender .VF-logo {
    background-image: url(../img/logo_lavender.svg);
}

.green .VF-logo {
    background-image: url(../img/logo_green.svg);
}

.green .Vy-wc1 {
    background-image: -moz-linear-gradient( 174deg, rgb(144, 210, 140) 0%, rgb(107, 187, 103) 100%);
    background-image: -webkit-linear-gradient( 174deg, rgb(144, 210, 140) 0%, rgb(107, 187, 103) 100%);
    background-image: -ms-linear-gradient( 174deg, rgb(144, 210, 140) 0%, rgb(107, 187, 103) 100%);
}

.lavender .Vy-wc1 {
    background-image: -moz-linear-gradient( 174deg, #a9a9f9 0%, #a8a8f9 100%);
    background-image: -webkit-linear-gradient( 174deg, #a9a9f9 0%, #a8a8f9 100%);
    background-image: -ms-linear-gradient( 174deg, #a9a9f9 0%, #a8a8f9 100%);
}

.pink .Vy-wc1 {
    background-image: -moz-linear-gradient( 174deg, #ffc8bf 0%, #f7816d 100%);
    background-image: -webkit-linear-gradient( 174deg, #ffc8bf 0%, #f7816d 100%);
    background-image: -ms-linear-gradient( 174deg, #ffc8bf 0%, #f7816d 100%);
}

.red .Vy-wc1 {
    background-image: -moz-linear-gradient( 174deg, #fbb9ca 0%, #ff7c9e 100%);
    background-image: -webkit-linear-gradient( 174deg, #fbb9ca 0%, #ff7c9e 100%);
    background-image: -ms-linear-gradient( 174deg, #fbb9ca 0%, #ff7c9e 100%);
}

.red .batch-toolbar, .red #LeaveManagement-LeaveRequest-VoyonGrids .dx-toolbar {
    background: #f1ebed;
}

.pink .batch-toolbar, .pink #LeaveManagement-LeaveRequest-VoyonGrids .dx-toolbar {
    background: #eaeaea;
}

.green .batch-toolbar, .green #LeaveManagement-LeaveRequest-VoyonGrids .dx-toolbar {
    background: #cddccc;
}

.lavender .batch-toolbar, .lavender #LeaveManagement-LeaveRequest-VoyonGrids .dx-toolbar {
    background: #e1e0e2;
}

.green .submenu-list-item.serviceSelected, .green .submenu-list-item:hover {
    color: rgb(107, 187, 103);
}

.lavender .submenu-list-item.serviceSelected, .lavender .submenu-list-item:hover {
    color: #a8a8f9;
}

.pink .submenu-list-item.serviceSelected, .pink .submenu-list-item:hover {
    color: #e09487;
}

.red .submenu-list-item.serviceSelected, .red .submenu-list-item:hover {
    color: #fbb9ca;
}

#CompanySwitch {
    border: 1px solid rgba(65,65,65,0);
}

.notificationBadge {
    padding-left: 15px !important;
}

.Custombatch-toolbar {
    background: #e3e5f2;
    padding: 4px 20px;
    border-radius: 7px;
}

.AdvancePage row {
    margin: 0 -15px;
}

.AdvancePage .vy-employee-code {
    margin-left: 30px;
}

.AdvancePage .vy-employee-name {
    margin-left: 5px;
}

.AdvancePage #toolBar1 {
    display: none;
}

.Column-Chooser-Custom {
    display: inline-flex;
    margin-left: 24px;
    vertical-align: middle;
    margin-top: 3px;
    cursor: pointer;
    color: #555;
    font-size: 16px;
}

.column-chooser-heading {
    font-size: 13px;
    font-weight: 500;
    color: #555;
}

#More-Services:after {
    content: '';
    width: 100%;
    height: 3px;
    background: -webkit-linear-gradient( 174deg, rgb(11,186,251) 0%, rgb(66,133,236) 100%);
    background: -moz-linear-gradient( 174deg, rgb(11,186,251) 0%, rgb(66,133,236) 100%);
    background: -ms-linear-gradient( 174deg, rgb(11,186,251) 0%, rgb(66,133,236) 100%);
    position: absolute;
    left: 0;
    bottom: 0px;
}

.green #More-Services:after {
    background-image: -moz-linear-gradient( 174deg, rgb(144, 210, 140) 0%, rgb(107, 187, 103) 100%);
    background-image: -webkit-linear-gradient( 174deg, rgb(144, 210, 140) 0%, rgb(107, 187, 103) 100%);
    background-image: -ms-linear-gradient( 174deg, rgb(144, 210, 140) 0%, rgb(107, 187, 103) 100%);
}

.lavender #More-Services:after {
    background-image: -moz-linear-gradient( 174deg, #a9a9f9 0%, #a8a8f9 100%);
    background-image: -webkit-linear-gradient( 174deg, #a9a9f9 0%, #a8a8f9 100%);
    background-image: -ms-linear-gradient( 174deg, #a9a9f9 0%, #a8a8f9 100%);
}

.pink #More-Services:after {
    background-image: -moz-linear-gradient( 174deg, #ffc8bf 0%, #fda99b 100%);
    background-image: -webkit-linear-gradient( 174deg, #ffc8bf 0%, #fda99b 100%);
    background-image: -ms-linear-gradient( 174deg, #ffc8bf 0%, #fda99b 100%);
}

.red #More-Services:after {
    background-image: -moz-linear-gradient( 174deg, #fbb9ca 0%, #ff7c9e 100%);
    background-image: -webkit-linear-gradient( 174deg, #fbb9ca 0%, #ff7c9e 100%);
    background-image: -ms-linear-gradient( 174deg, #fbb9ca 0%, #ff7c9e 100%);
}

#BusinessUnitSelect {
    width: 180px !important;
    /*display:none;*/
}

input#BusinessUnitSelect {
    display: none;
}

#BusinessUnitSelect .dx-popup-bottom {
    display: none;
}

#Footer-ToolBar .fas.fa-angle-left, #Footer-ToolBar .fas.fa-angle-right {
    font-size: 15px;
    color: #848484;
}

.total-records {
    font-size: 13px;
    font-weight: 600;
    color: #909090;
    font-family: var(--main-font) margin-top: -3px;
}

    .total-records b {
        padding-right: 4px;
    }

.Page-Counts a.active-page {
    font-weight: 500;
    color: var(--primary-color);
}

.Pageindices a {
    float: left;
    padding: 8px 8px;
    text-decoration: none;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    color: #848484 !important;
}

    .Pageindices a.active-page {
        color: #848484 !important;
        font-weight: 800;
    }

.Pageindices {
    display: inline-block;
}

#BusinessSpan {
    position: relative;
    top: 4px;
    font-size: 13px;
}

#colorSpan, #LangSpan, #ChangePassspan, #CompanySwitch, #MultiLingualSelect, #TimeZoneSelect {
    font-size: 13px;
}

.vy-add-new {
    width: 28px;
    height: 28px;
    background: var(--primary-color);
    border-radius: 50%;
    color: #fff;
    text-align: center;
    padding-top: 2px;
    box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.15);
}

.vy-circle {
    width: 106px;
    float: right;
    display: inline-flex;
    cursor: pointer;
}

    .vy-circle label {
        font-size: 13px;
        font-weight: 500;
        margin-right: 8px;
        line-height: 29px;
        color: #353535;
    }

.vy-add-new .ti-plus {
    font-size: 12px;
    font-weight: 600;
}

.Save-Preferences-Button.dx-button-mode-contained {
    background-color: rgb(202, 194, 121) !important;
    color: #fff;
    margin-right: 5px;
    font-size: 13px;
    font-weight: 500;
}

    .Save-Preferences-Button.dx-button-mode-contained .dx-button-content {
        padding: 5px 5px;
    }

.Save-Preferences-Button .fa-save {
    color: #fff;
    font-size: 16px !important;
    line-height: 18px !important;
}

#Voyon-Reporting-Grids #Save-Preferences-Button .fa-save {
    color: #fff;
    font-size: 16px;
    line-height: 19px;
}

#LeaveManagement-LeaveRequest-VoyonGrids .dx-toolbar .dx-button-content {
    padding: 0px 20px 5px;
    font-weight: 500;
}

.language-select .dx-tagbox-multi-tag, .language-select .dx-tag {
    float: right;
    margin: 0 auto;
    margin-right: 20px;
}

.language-select .dx-tag-content {
    margin: 3px 0 0 0px;
    padding: 3px 25px 4px 6px;
    min-width: 40px;
    border: 1px solid var(--primary-color);
    border-radius: 4px;
    color: var(--primary-color);
    background: transparent;
}

.dx-tag-remove-button:after, .dx-tag-remove-button:before {
    background: #fff;
}

div#BusinessUnitSelect::after {
    content: "\f001";
    position: absolute;
    display: block;
    width: 18px;
    margin-top: -22px;
    margin-left: -9px;
    right: 0;
    font: 18px/18px DXIcons;
    z-index: 15;
}

#BusinessUnitSelect .dx-selectbox-container {
    z-index: 16;
    height: 28px;
}

.dx-row.dx-data-row td.dx-command-adaptive {
    border-radius: 0px 6px 6px 0px;
}

#Save-Preference-Text {
    padding-right: 15px;
    margin-right: 15px;
}

    #Save-Preference-Text::after {
        content: '';
        height: 20px;
        width: .5px;
        background: #b9b9b9;
        position: absolute;
        margin-top: 8px;
        margin-left: 15px;
    }

.vy-employee-avatar {
    width: 28px;
    height: 28px;
    overflow: hidden;
    background: rgb(228 228 228);
    text-align: center;
    font-weight: 500;
    position: absolute;
    color: #fff;
    margin-top: -9px;
    border-radius: 71px;
    margin-left: -5px;
}
/*span.dx-datagrid-nodata::after {
    content: '';
    width: 626px;
    height: 626px;
    background-position: 0 0;
    background-image: url(../img/no-data.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 43%;
    background-color: #fff;
    top: -64%;
}
.dx-datagrid-nowrap.dx-empty{
    height:300px;
}*/
.empTalent .vy-accordian {
    margin-bottom: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(217 220 228 / 88%);
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.05);
    margin: 0 0 10px;
    border-radius: 7px;
    overflow: hidden;
}

    .empTalent .vy-accordian .col-12 {
        padding: 0px;
    }

    .empTalent .vy-accordian .Voyon-ChildGrids-Title {
        font-size: 13px;
        font-weight: 500;
        position: relative;
        z-index: 66;
        margin-left: 0px;
        /*top: 15px;*/
        margin-bottom: -10px;
        background: transparent;
        width: 50%;
        padding-left: 40px;
        display: block;
        line-height: 7px;
    }

#Move-Right {
    float: right;
}

#Move-Left {
    float: left;
}

.employee-info {
    width: 388px;
    background: #eff3fd;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 22;
    margin-top: 60px;
}

    .employee-info .info {
        padding: 20px 35px;
        margin: 0 auto;
        background: #fff;
        text-align: center;
    }

    .employee-info .employee-img {
        width: 92px;
        height: 92px;
        margin: 0 auto;
        border-radius: 50%;
        overflow: hidden;
        margin-bottom: 10px;
    }

    .employee-info .employee-shortname {
        width: 112px;
        height: 97px;
        overflow: hidden;
        background: rgb(228 228 228);
        text-align: center;
        padding: 21px 0;
        font-weight: 600;
        font-size: 32px;
        position: relative;
        color: #fff;
        margin-top: 0px;
        border-radius: 136px;
        margin-left: -9px;
        margin-right: 5px;
        overflow: hidden;
        float: left;
    }

    .employee-info .name {
        font-size: 16px;
        font-weight: 700;
        color: #000;
    }

    .employee-info .employee-code {
        font-size: 13px;
        font-weight: 500;
        color: var(--primary-color);
        filter: contrast(144%);
        margin-bottom: 6px;
    }

    .employee-info .designation {
        width: auto;
        color: #6c7e98;
    }

        .employee-info .designation.bu b {
            background: transparent;
        }

        .employee-info .designation b {
            padding: 3px 8px 4px;
            font-size: 13px;
            background: #e9eefc;
            font-weight: 500;
            border-radius: 4px;
            color: #6c7e98;
        }

    .employee-info .contact {
        padding: 14px 20px;
    }

        .employee-info .contact .item {
            padding: 6px 0;
            text-align: left;
            padding-left: 55px;
        }

            .employee-info .contact .item i {
                display: inline-block;
                font-size: 17px;
                padding: 7px;
                border-radius: 50%;
                border: 1px solid var(--primary-color);
                color: var(--primary-color);
                filter: contrast(144%);
                margin-right: 6px;
            }

            .employee-info .contact .item .text {
                display: inline-block;
            }

        .employee-info .contact .mobile i {
            font-size: 15px;
            padding: 8px;
        }

        .employee-info .contact .mobile .text {
            color: #8495ba;
        }

        .employee-info .contact .email .text {
            color: var(--primary-color);
        }

    .employee-info .details {
        margin-bottom: 0;
        padding-left: 0;
        padding: 30px 50px 8px;
        list-style: none;
        color: #697a8d;
    }

.details li {
    display: block;
    padding-bottom: 8px;
    font-size: 13px;
}

    .details li label {
        display: inline-block;
        width: 156px;
        overflow: hidden;
        margin-bottom: 0px;
    }

        .details li label b {
            float: right;
        }

    .details li div {
        display: inline-block;
        padding-left: 30px;
    }

.employee-info .btn-section {
    padding: 82px 37px;
    text-align: center;
    background-image: url(../img/emp-info-bottom.png);
    width: 388px;
    height: 200px;
    background-position: 0 5px;
    background-size: 388px 145px;
    background-repeat: no-repeat;
}

.goto-profile button {
    background: var(--primary-color);
    border: none;
    border-radius: 4px;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    padding: 5px 16px;
}

.red .employee-info .btn-section {
    background-image: url(../img/emp-info-bottom-red.png);
}

.green .employee-info .btn-section {
    background-image: url(../img/emp-info-bottom-gr.png);
}

.pink .employee-info .btn-section {
    background-image: url(../img/emp-info-bottom-pk.png);
}

.lavender .employee-info .btn-section {
    background-image: url(../img/emp-info-bottom-lv.png);
}

.pink .employee-info .employee-code, .pink .employee-info .contact .item i {
    filter: contrast(87%);
}

.green .employee-info .employee-code, .green .employee-info .contact .item i {
    filter: contrast(100%);
}

.FilterEmp .dx-button-text {
    line-height: 28px;
    font-weight: 500;
    color: #222;
    font-size: 13px;
}

.FilterEmp .dx-icon {
    float: right;
    font-size: 15px;
    padding: 5px;
    background: rgb(202 194 121);
    border-radius: 30px;
    margin-right: 0px;
    margin-left: 10px;
    box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.14);
    transition: .2s;
    color: #fff;
}

    .FilterEmp .dx-icon:hover {
        -webkit-box-shadow: 0px 4px 11.83px 1.17px rgb(0 0 0 / 36%);
        -moz-box-shadow: 0px 4px 11.83px 1.17px rgb(0 0 0 / 36%);
        box-shadow: 0px 4px 11.83px 1.17px rgb(0 0 0 / 36%);
        transition: 0.2s;
    }

.FilterEmp .dx-button-content {
    padding-top: 3px;
    overflow: visible;
}

.FilterEmp .dx-button-mode-contained.dx-button-default {
    background-color: transparent;
}

.FilterEmp {
    padding-right: 15px;
}

.EmployeeParent {
    display: inline-flex;
}

#EmployeeSearch .dx-placeholder {
    font-size: 13px;
    padding-left: 25px;
}

#EmployeeSearch .dx-texteditor-buttons-container {
    display: none;
}

.Rounded_Rectangle_1091 {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(218, 219, 220);
    border-radius: 5px;
    background-color: rgb(0, 0, 0);
    box-shadow: 0px 5px 81px 0px rgba(72, 80, 112, 0.19);
    position: absolute;
    left: 802px;
    top: 52px;
    width: 315px;
    height: 402px;
    z-index: 495;
}

#EmployeeSearch .dx-texteditor-input {
    font-weight: 500;
}

#EmployeeSearch .firstrow {
    display: block;
    line-height: 6px;
}

#Employee-Search-Div .firstrow .vy-employee-code,
.Employee-Team-Div .firstrow .vy-employee-code {
    display: inline-block;
    margin-top: 0px;
    font-weight: 500;
    min-width: 20px;
    max-width: 100px;
}

#Employee-Search-Div .firstrow .vy-employee-name,
.Employee-Team-Div .firstrow .vy-employee-name {
    display: inline-block;
    line-height: 16px;
    font-weight: 500;
    color: #555;
    max-width: 139px;
}

#Employee-Search-Div .vy-text-avatar,
.Employee-Team-Div .vy-text-avatar {
    width: 34px;
    height: 34px;
    overflow: hidden;
    background: rgb(228 228 228);
    text-align: center;
    padding: 11px 0;
    font-weight: 500;
    position: relative;
    color: #fff;
    margin-top: 0px;
    border-radius: 7px;
    margin-left: -5px;
    margin-right: 5px;
    overflow: hidden;
    float: left;
}

#Employee-Search-Div .firstrow,
.Employee-Team-Div .firstrow {
    display: inline-block;
    clear: both;
    overflow: hidden;
    line-height: 16px;
    padding-top: 1px;
}

#Employee-Search-Div .secondrow .vy-employee-mail, #Employee-Search-Div .secondrow .vy-employee-designation,
.Employee-Team-Div .secondrow .vy-employee-mail, .Employee-Team-Div .secondrow .vy-employee-designation {
    display: inline-block;
    font-size: 11px;
    color: #a2a2a2fa;
    font-weight: 500;
    max-width: 160px;
    min-width: 15px;
    line-height: 14px;
}

#Employee-Search-Div .secondrow,
.Employee-Team-Div .secondrow {
    padding-left: 40px;
    padding-top: 1px;
}

    #Employee-Search-Div .secondrow span,
    .Employee-Team-Div .secondrow span {
        display: inline-block;
        font-size: 11px;
        color: #a2a2a2fa;
        font-weight: 500;
        position: relative;
        top: -3px;
    }

.EmployeeSearchPopup {
    padding: 10px !important;
}

    .EmployeeSearchPopup dx-item .dx-list-item.dx-state-focused .dx-list-item-content {
        background: red;
    }

    .EmployeeSearchPopup .dx-list-item-content:hover {
        background: var(--toolbar-color);
        border-radius: 6px;
    }

    .EmployeeSearchPopup .dx-list-item {
        border-radius: 6px;
        margin-bottom: 6px;
    }

.vy-img-avatar {
    width: 26px;
    height: 26px;
    overflow: hidden;
    text-align: center;
    position: relative;
    color: #fff;
    margin-top: 0px;
    border-radius: 6px;
    overflow: hidden;
    float: left;
    margin-left: -5px;
    margin-right: 5px;
}

#Employee-Search-Div .vy-img-avatar {
    width: 34px;
    height: 34px;
}

#userDisplayPicture .vy-img-avatar {
    margin-left: 0px;
    margin-right: 0px;
}

#userDisplayPicture .vy-text-avatar {
    width: 100%;
    height: 100%;
    margin-left: 0;
    margin-right: 0;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 20px;
}

#displayPicture .vy-text-avatar {
    width: 100%;
    height: 68px;
    font-size: 20px;
    padding: 18px 0;
    margin: 0;
}

#displayPicture .vy-img-avatar {
    width: 100%;
    height: 68px;
    margin: 0;
}

.Voyon-ChildGrids .Vy-maintoolbar {
    display: none;
}

.Voyon-ChildGrids .dx-icon-edit-button-addrow, .vy-btnsStyle .dx-icon-edit-button-addrow {
    background: var(--primary-color);
    padding: 2px !important;
    border-radius: 28px;
    font-size: 17px !important;
    line-height: 25px !important;
    width: 24px !important;
    height: 24px !important;
    background-position: 0 0;
    background-size: 24px 24px !important;
    box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.15);
}

.Voyon-ChildGrids .dx-button-mode-contained.dx-button-default, .vy-btnsStyle .dx-button-mode-contained.dx-button-default {
    background-color: #ddd0 !important;
}

.vy-btnsStyle .dx-button .dx-button-text {
    display: inline-block;
    color: #222;
    font-size: 12px;
    padding-left: 8px;
}

#Move-Left .dx-button-content i, #Move-Right .dx-button-content i {
    font-size: 13px;
    font-weight: 600;
    color: #848484;
}

.bulk-entry-page .dx-toolbar-menu-action .dx-button.dx-button-normal {
    padding: 5px 10px;
}

    .bulk-entry-page .dx-toolbar-menu-action .dx-button.dx-button-normal dx-button-content {
        padding: 10px;
    }

#Attendance-LatePolicy-VoyonForms .dx-box-flex.dx-box .dx-item.dx-box-item:nth-of-type(1) {
    padding-bottom: 0px;
}

.dx-form-group-caption.caption-shift {
    border-bottom: 1px solid #ddd;
    padding: 10px 0 5px;
    margin-bottom: 15px;
}

.vy-text-label {
    color: #555;
    font-size: 13px;
    margin-bottom: .5rem;
    font-weight: 400;
}

#monthlyFrequencyChooser .dx-item.dx-radiobutton {
    margin-bottom: 22px;
}

#monthlyFrequencyDiv .row.first-row {
    margin-bottom: 15px;
}

.monthlyWeeksSelectBox {
    float: left;
    margin-left: 15px;
}

#monthlyWeekPositionSelectBox {
    float: left;
}

.orgChartViewModeBtn {
    float: left;
}

.sub.vy-text-label {
    line-height: 28px;
    margin-bottom: 0;
}

.sheduleRotationLabel {
    padding-right: 15px !important;
    margin-top: 0.5rem;
}

.sheduleRotationLabel-right {
    padding-left: 15px !important;
    margin-top: 0.5rem;
}

.Shift-right-padding {
    padding-right: 15px !important;
}

.Shift-left-padding {
    padding-left: 15px !important;
}

.Shift-right-padding-double {
    padding-right: 30px !important;
}

#statusLabel {
    margin-top: 0.5rem;
}

.AdvanceTC {
    margin-bottom: 20px;
}

.recoverySCaption {
    border-bottom: 1px solid #ddd;
    padding-bottom: .5rem;
    margin-bottom: 20px;
}

.Voyon-Forms #Benefit-Advance-VoyonForms .dx-state-readonly .dx-texteditor-input {
    padding-left: 9px;
    font-weight: 400;
}

.Voyon-Forms #Benefit-Advance-VoyonForms .dx-texteditor.dx-state-readonly.dx-editor-filled {
    border-color: initial;
    border: 1px solid rgba(65,65,65,0.31);
    border-bottom: 1px solid rgba(65,65,65,0.31);
}

.Recovery-SubCaption {
    font-size: 13px;
    margin-bottom: .5rem;
    font-weight: 500;
    font-family: var(--main-font);
}

.SLCol {
    font-size: 13px;
    width: 45px;
    padding-left: 15px;
    font-weight: 500;
}

.Emt-left {
    width: 20%;
    float: left;
}

.Emt-right {
    width: 80%;
    padding-left: 30px;
    float: left;
}

.Emt-name {
    font-size: 13px;
    color: #555;
    font-family: var(--main-font);
    font-weight: 500;
    padding: 4px 13px 9px 0;
}

.dx-toast-error {
    background-color: #ff5b5b;
}

.btn-group-bulkedit {
    float: right;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px 20px 20px;
    margin-left: -20px;
}

#Bulk-Edit-PopupCancelbtn {
    float: right;
    margin-left: 8px;
}

#Bulk-Edit-PopupSavebtn {
    float: right;
}

.bulk-edit-head {
    margin-left: 0 !important;
    margin-right: 0 !important;
    font-family: var(--main-font);
    font-size: 13px;
    font-weight: 500;
    padding: 0px 10px 6px;
    border-bottom: none;
    margin-bottom: 0px;
    margin-top: -20px;
}

    .bulk-edit-head .colls {
        float: left;
        padding: 0;
    }

.blk-selected-records {
    width: auto;
    font-size: 11px;
    background: var(--toolbar-color);
    color: #5c5a5a;
    border-radius: 4px;
    padding: 5px 12px;
    position: absolute;
    right: 56px;
    top: 13px;
    font-family: var(--main-font);
    font-weight: 500;
    line-height: 14px;
    vertical-align: middle;
}

#Bulk-EditPopupForm {
    height: 82%;
    overflow: auto;
    border: 1px solid #ddd;
    /* border-top: none; */
    padding: 8px;
    border-radius: 5px;
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.04);
}

.dx-popup-title.dx-toolbar {
    padding: 5px 20px 5px;
}

#Bulk-Edit-PopupSavebtn .dx-button-content, #Bulk-Edit-PopupCancelbtn .dx-button-content {
    padding: 6px 20px 6px;
    min-width: 85px;
    line-height: 14px;
}

.mgTop-16 {
    margin-top: 16px;
}

.vy-custom-table {
    width: 100%;
}

.dx-row.head-row {
    border-bottom: 1px solid #cdcdcd;
}

.vy-accordian.opened .acc_btn, .vy-accordian2.opened .acc_btn {
    transform: rotate(180deg);
    right: 19px !important;
}

.permission-card .dx-icon-SystemSettings {
    background-image: url("../img/lock.svg") !important;
}
#Incentive-process-payslip .dx-button-content {
    background: #ECE0B7;
    color: #986400;
    border-radius: 5px;
}
.genarate-btn-incentive {
    background: #BCEAFE;
    padding: 8px 10px;
    border-radius: 4px;
    color: #2B6DBB;
    margin-left: 0px;
}
.dx-icon-Incentive-icon {
    background-color: transparent !important;
    box-shadow: none !important;
    width: 26px !important;
    height: 26px !important;
    background-position: 3px 3px !important;
    background-size: 18px 18px !important;
    padding: 0 !important;
    font-size: 18px !important;
    padding: 0px !important;
    font-size: 18px !important;
    text-align: center !important;
    line-height: 18px !important;
    background-image: url(../img/Incentive_Slip.png) !important;
    background-repeat: no-repeat !important;
    margin: 0 auto;
}
.dx-icon-pay-slip {
    width: 26px !important;
    height: 26px !important;
    background-position: 3px 3px !important;
    background-size: 18px 18px !important;
    padding: 0 !important;
    font-size: 18px !important;
    padding: 0px !important;
    font-size: 18px !important;
    text-align: center !important;
    line-height: 18px !important;
    background-image: url(../img/salary_wage.png) !important;
    background-repeat: no-repeat !important;
    margin: 0 auto;
}

.dx-icon-register-payroll {
    width: 26px !important;
    height: 26px !important;
    background-position: 5px 4px !important;
    background-size: 16px 16px !important;
    padding: 0 !important;
    font-size: 18px !important;
    padding: 0px !important;
    font-size: 18px !important;
    text-align: center !important;
    line-height: 18px !important;
    background-image: url(../img/payroll_register.png) !important;
    background-repeat: no-repeat !important;
    margin: 0 auto;
}

.FilterEmp.rpt .dx-icon {
    width: 28px;
    height: 28px;
    color: #fff;
}

.FilterEmp.rpt {
    padding-right: 0;
    border: none;
    width: auto !important;
    background: transparent;
}

.FilterEmp.newRpt .dx-button-content {
    padding: 0px;
}

.reportfilter-section {
    text-align: right;
}

    .reportfilter-section .items {
        display: inline-block;
    }

.grid-sort label {
    color: #555;
    font-size: 13px;
    font-weight: 400;
    vertical-align: bottom;
    display: block;
    line-height: 13px;
    margin-top: -2px;
}

.grid-sort .dx-texteditor-input-container {
    padding-bottom: 0px;
}

.grid-sort input {
    height: 26px !important;
    min-height: 26px !important;
}

.dispad-left {
    padding-left: 0px !important;
}

#ReportFilter .dx-layout-manager .dx-field-item:not(.dx-first-col) {
    padding-left: 0px !important;
}

.execute-section {
    text-align: right;
    padding: 20px 15px 10px;
}

.switch-section {
    padding: 20px 15px 10px;
}

.vy-switch-btn .dx-item.dx-buttongroup-item {
    background: transparent !important;
    border: none;
}

    .vy-switch-btn .dx-item.dx-buttongroup-item:nth-child(2) {
        margin-left: -2px;
    }

    .vy-switch-btn .dx-item.dx-buttongroup-item .dx-button-content {
        border-style: solid;
        border-width: 1px;
        border-color: var(--toolbar-color);
        border-radius: 4px;
        text-align: center;
        font-size: 12px;
        font-weight: 500;
        background: #fff;
        color: #6b799c;
        padding: 8px 12px;
        width: 100px;
        border-left: 0;
    }

    .vy-switch-btn .dx-item.dx-buttongroup-item:nth-child(1) .dx-button-content {
        border-left: 1px solid var(--toolbar-color);
    }

    .vy-switch-btn .dx-item.dx-buttongroup-item.dx-item-selected .dx-button-content {
        box-shadow: 0px 5px 12px 0px rgb(104 106 124 / 20%);
        -moz-box-shadow: 0px 5px 12px 0px rgb(104 106 124 / 20%);
        -webkit-box-shadow: 0px 5px 12px 0px rgb(104 106 124 / 20%);
        background: var(--primary-color);
        color: #fff;
    }

    .vy-switch-btn .dx-item.dx-buttongroup-item:nth-child(2) {
        margin-left: -2px;
        z-index: 2;
    }

    .vy-switch-btn .dx-item.dx-buttongroup-item:nth-child(3) {
        margin-left: -2px;
        z-index: 1;
    }

    .vy-switch-btn .dx-item.dx-buttongroup-item:nth-child(1) {
        z-index: 3;
    }

    .vy-switch-btn .dx-item.dx-buttongroup-item.dx-item-selected:nth-child(2) {
        z-index: 1;
    }

.execute-btn {
    width: auto !important;
    border: none;
}

    .execute-btn .dx-button-content {
        border-style: solid;
        border-width: 1px;
        border-color: var(--primary-color);
        border-radius: 4px;
        text-align: center;
        font-size: 12px;
        font-weight: 500;
        background: var(--primary-color);
        color: #fff;
        padding: 8px 12px;
        width: auto;
    }

    .execute-btn.newExecute .dx-button-content {
        padding: 5px 12px;
    }

.reportCard {
    padding: 10px 5px 10px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.05);
    margin-bottom: 10px;
}

.collapse-btn {
    background: #fff;
    height: 28px;
    width: 28px;
    text-align: center;
    font-size: 13px;
    font-weight: 900;
    color: #222;
    padding: 5px;
    border-radius: 50%;
    border-color: #f1ebed;
    box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.14);
    cursor: pointer;
}

.hidden {
    display: none;
}

.collapse-btn.opened {
    transform: rotate(180deg);
    right: 19px;
}

#EmployeeFilterButton.visibility-hidden {
    visibility: hidden;
}

.collapse-btn > div {
    margin-top: 3px;
    transition: 0.2s;
}

.collapse-arrow.opened {
    transform: rotate(180deg);
    right: 19px;
    transition: 0.2s;
}

.transaction-caption-company {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.mgb-20 {
    margin-bottom: 20px;
}

.uppercase_text {
    text-transform: uppercase;
}

.Voyon-Login.Reset {
    width: 1006px;
    padding: 30px 50px 30px;
}

.Reset-left .dx-form-group-with-caption > .dx-form-group-content {
    border-top: 1px solid #ddd0;
    padding-bottom: 10px;
}

.Voyon-Login.Reset .dx-box-item-content .dx-first-row .dx-field-item-label .dx-field-item-label-text {
    font-size: 13.18px;
    color: #404040;
}

.Voyon-Login.Reset .LgCard {
    background: #fff;
    padding: 15px 15px 6px;
    border-radius: 4px;
}

.Voyon-Login .LgCard.LgCPass {
    margin-bottom: 0;
}

.Voyon-Login .dx-form-group-caption {
    display: block;
    text-align: left;
    font-size: 15px;
    font-weight: 600;
}

.Signup-Btn.save {
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.24);
    -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.24);
    padding-top: 0 !important;
    margin-top: 10px;
}

.Reset .Uimg_Canvas {
    width: 903px;
    margin-top: -70px;
}

.Reset-left {
    padding: 0px 20px 0px;
    padding-right: 50px;
}

.Reset-right {
    padding: 40px 0px;
}

.Validations span, .Validations-span,
#Req-length,
#Req-OnlyNumber,
#Req-Alpha,
#Req-Upper,
#Req-OnlyAlphabet,
#Req-Number,
#Req-Character,
#Req-Space,
#Req-Special,
#OldPasswordVerification {
    display: flex;
    text-align: left;
    font-size: 13px;
    color: #7c7c7c;
    margin-bottom: 15px;
}

    .Validations span > img, .Validations span > span {
        display: inline-block;
    }

.full-validation img {
    margin-right: 10px;
    vertical-align: middle;
    width: 19px;
}

.full-validation {
    padding-left: 50px;
    border-left: 1px solid #ddd;
    height: 277px;
    overflow: hidden;
    overflow-y: auto;
}

.Voyon-Login.verify-code .dx-button-content {
    background-color: rgb(7, 156, 224);
    border-radius: 4px;
}

.verify-code .labeled {
    font-size: 13px;
    color: #404040;
    text-align: left;
}

.verify-code input {
    padding-left: 0 !important;
    padding: 0px 0 0;
    font-weight: 500;
    font-size: 14px;
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.verify-code .Signup-Btn {
    width: 384px !important;
    cursor: pointer;
}

    .verify-code .Signup-Btn:hover, .verify-code .Signup-Btn:active, .verify-code .Signup-Btn:focus {
        outline: none;
    }

.verify-code .title-head h3 {
    font-size: 16px;
    font-weight: 700;
}

.verify-code .title-head p {
    font-size: 13px;
    color: #878686;
    margin-bottom: 25px;
}

.verify-code .footer div {
    color: #62666a;
    font-size: 13px;
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: 10px;
}

    .verify-code .footer div a {
        color: #207ef6;
        cursor: pointer;
    }

.Lg-mask-row .LgCard {
    width: 50px;
    display: inline-block;
    margin-right: 22px;
}

.Lg-mask-row {
    width: 280px;
    margin: 0 auto;
}

    .Lg-mask-row .LgCard:nth-child(4) {
        margin-right: 0px;
    }

    .Lg-mask-row .dx-field {
        width: 20px;
        min-height: 3px;
        text-align: center;
    }

    .Lg-mask-row .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button) {
        width: 100%;
    }

#TokenVerifyButton {
    width: 280px !important;
    margin: 0 auto;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
}

.Lg-mask-row .LgCard .dx-widget input {
    text-align: center;
}

.xs-info {
    background: #fff;
    padding: 20px;
    padding-bottom: 0;
    border-radius: 6px;
    font-family: var(--main-font);
    box-shadow: 0px 9px 25.2px 9.8px rgba(201, 201, 201, 0.38);
    -moz-box-shadow: 0px 9px 25.2px 9.8px rgba(201, 201, 201, 0.38);
    -webkit-box-shadow: 0px 9px 25.2px 9.8px rgba(201, 201, 201, 0.38);
    z-index: 44;
    right: 0;
    left: inherit !important
}

.xs-employee-avatar {
    width: 100%;
    height: 68px;
    overflow: hidden;
    background: hsl(-111, 51%, 77%);
    text-align: center;
    padding: 21px 0;
    font-weight: 600;
    font-size: 21px;
    position: relative;
    color: #fff;
    margin-top: 0px;
    border-radius: 12px;
    overflow: hidden;
    float: left;
    margin-left: 7px;
}

.right-info .name {
    font-size: 14px;
    font-weight: 700;
    color: #000;
    padding-bottom: 0px;
    padding-top: 2px;
}

.right-info .employee-code .code {
    font-size: 12px;
    font-weight: 500;
    color: var(--primary-color);
    filter: contrast(144%);
    overflow: hidden;
    max-width: 174px;
    line-height: normal;
    display: block;
    margin-bottom: 0;
}

.green .right-info .employee-code .code {
    background: rgb(131 179 129);
}

.xs-info .left-avatar {
    padding: 5px;
}

.bu-department {
    padding: 6px 0px 0px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 4px;
    color: #6c7e98;
}

.right-info .employee-code {
    padding: 2px 6px 3px;
    font-size: 13px;
    background: #e9eefc;
    border-radius: 3px;
    margin: 2px 0px;
    display: inline-block;
}

.employee-code .designation {
    color: #6c7e98;
    font-size: 12px;
    font-weight: 500;
}

.xs-email-phone {
    font-size: 12px;
    color: var(--primary-color);
}

    .xs-email-phone span {
        color: var(--primary-color);
        font-weight: 500;
        font-size: 12px;
    }

    .xs-email-phone i {
        border-radius: 50%;
        /* border: 1px solid var(--primary-color); */
        color: #fff;
        background: var(--primary-color);
        padding: 5px;
        /* filter: contrast(144%); */
        font-size: 13px;
        margin-right: 6px;
    }

.xs-info hr {
    margin-top: 5px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid var(--toolbar-color);
}

.xs-email {
    margin-bottom: 5px;
}

.xs-info .details li {
    display: block;
    padding-bottom: 8px;
    font-size: 13px;
    color: #697a8d;
}

    .xs-info .details li label {
        display: inline-block;
        width: 115px;
        overflow: hidden;
        margin-bottom: 0px;
        vertical-align: bottom;
        font-size: 11px;
        font-weight: 500;
    }

    .xs-info .details li div {
        display: inline-block;
        padding-left: 6px;
        font-size: 11px;
    }

.xs-info .details {
    margin: 0;
    padding-left: 15px;
    text-align: left;
}

.dull-row {
    background: #dde6fd;
    padding: 20px 10px 20px;
    margin: 10px -20px 0 !important;
    margin-top: 10px;
    border-radius: 2px 2px 6px 6px;
    box-shadow: 0px -3px 13px 0px rgba(201, 201, 201, 0.188);
}

    .dull-row .btn-section {
        text-align: center;
        margin: 20px auto 0;
        width: 100%;
    }

    .dull-row .goto-profile {
        text-align: center;
        margin: 0 auto;
        width: 100%;
    }

        .dull-row .goto-profile button {
            background: var(--primary-color);
            border: none;
            border-radius: 3px;
            color: #fff;
            font-size: 13px;
            font-weight: 500;
            padding: 7px 25px;
            min-width: 86px;
        }

.red .dull-row, .red .employee-info, .red .employee-info .designation b {
    background: #f1ebed;
}

.lavender .dull-row, .lavender .employee-info, .lavender .employee-info .designation b {
    background: #f7efff;
}

.pink .dull-row, .pink .employee-info, .pink .employee-info .designation b {
    background: #fff7f7;
}

.green .dull-row, .green .employee-info, .green .employee-info .designation b {
    background: #f7f7f7;
}

.xs-info .close-btn {
    position: absolute;
    right: 20px;
    font-size: 10px;
    font-weight: 500;
    cursor: pointer;
}

    .xs-info .close-btn i {
        font-weight: 600;
        color: grey;
    }
/*employeepreview styles*/
.employeepreview-css .preview-card {
    margin-left: 15px;
    margin-right: 0;
    margin-top: 15px;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.05);
    background: #fff;
    border-radius: 7px;
    height: 100%;
    overflow-y: auto;
    padding-bottom: 35px;
}

.employeepreview-css.full-view {
    padding-top: 45px;
}

#CandidateInterviewDiv #feedbackFormDiv.employeepreview-css.full-view {
    padding-left: 20px;
    padding-top: 0;
    margin-top: 0px;
}

.employeepreview-css .topfixed {
    padding: 0;
    margin: 0 -15px;
    background: url(/Icons/EmployeePreview/preview-header.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 7px 7px 0px 0px;
    min-height: 145px;
}

.employeepreview-css .Viewmode-delete-Btn {
    display: none;
}

.employeepreview-css .phone img {
    display: inline-block;
    width: 14px;
    margin-right: 6px;
    margin-top: -2px;
}

.employeepreview-css .phone .phone-number {
    display: inline-block;
    font-size: 13px;
    color: #6a7faf;
    font-weight: 500;
    max-width: 130px;
    line-height: 13px;
}

.employeepreview-css .mail img {
    display: inline-block;
    width: 14px;
    margin-right: 6px;
    margin-top: -2px;
}

.employeepreview-css .mail .email-id {
    display: inline-block;
    font-size: 13px;
    color: #6a7faf;
    font-weight: 500;
    max-width: 330px;
    line-height: normal;
}

.employeepreview-css .empPname {
    font-size: 27px;
    font-weight: 500;
    color: #fff;
    margin-top: 60px;
    margin-bottom: 4px;
}

.employeepreview-css .mail, .phone {
    padding: 0 15px;
}

.employeepreview-css .last-checkin img {
    display: inline-block;
    vertical-align: baseline;
    width: 28px;
    margin-right: 5px;
}

.employeepreview-css .last-checkin .block {
    display: inline-block;
}

.employeepreview-css .left {
    font-size: 13px;
}

.employeepreview-css .LClabel {
    color: #666666;
}

.employeepreview-css .LC {
    font-size: 14px;
    font-weight: 500;
    color: #555;
}

.employeepreview-css .emp-photo {
    width: 130px;
    height: 130px;
    margin: 0 auto;
}

    .employeepreview-css .emp-photo img {
        border-radius: 50%;
        height: 100%;
    }

.employeepreview-css .emp-age div {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #687990;
}

.employeepreview-css .emp-id {
    color: var(--primary-color) !important;
    margin-right: 8px !important;
}

.employeepreview-css .emp-age .age {
    margin-left: 5px;
}

.employeepreview-css .emp-age {
    margin: 6px auto 0;
    text-align: center;
}

.employeepreview-css .emp-status {
    display: block;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
}

    .employeepreview-css .emp-status.confirmed {
        color: #10c056;
    }

.employeepreview-css .designantion {
    text-align: center;
    margin: 0 auto;
    background: #e9eefc;
    font-size: 13px;
    padding: 0px 8px 3px;
    border-radius: 4px;
    color: #6c7e98;
    font-weight: 500;
    margin-top: 5px;
    display: flex;
}

    .employeepreview-css .designantion span:nth-child(1) {
        margin-right: 5px;
    }

    .employeepreview-css .designantion span:nth-child(2) {
        margin-left: 5px;
    }

.employeepreview-css .PreviewDetails .center {
    position: relative;
    margin-top: -73px;
    padding-bottom: 30px;
}

.employeepreview-css .PreviewDetails .right {
    font-size: 13px;
}

.employeepreview-css .leave-status {
    background: #969698;
    font-size: 13px;
    padding: 2px 8px;
    padding-bottom: 5px;
    border-radius: 4px;
    margin-left: 15px;
    text-transform: uppercase;
    color: #fff;
}

    .employeepreview-css .leave-status.requested {
        background: #e0c02d;
    }

    .employeepreview-css .leave-status.submitted {
        background: #05a6f0;
    }

    .employeepreview-css .leave-status.rejected {
        background: #c10013;
    }

    .employeepreview-css .leave-status.canceled {
        background: #dc3545;
    }

    .employeepreview-css .leave-status.approved {
        background: #43c962;
    }

.employeepreview-css .leave-type {
    color: #687497;
    text-transform: uppercase;
    margin-left: 5px;
}

.employeepreview-css .right .LC {
    font-size: 13px;
    text-align: left;
}

.employeepreview-css .Ldate {
    margin-right: 8px;
}

.employeepreview-css .right .break-padding {
    margin-top: 40px;
    margin: 40px auto 0;
    text-align: center;
}

.employeepreview-css .left .break-padding {
    margin: 40px auto 0;
    /* padding: 0 40px; */
}

.employeepreview-css .pad-left-20 {
    padding-left: 20px;
}

.employeepreview-css .right .LClabel {
    text-align: left;
}

.employeepreview-css .dx-tabpanel .dx-tabs-wrapper {
    display: inline-flex !important;
}

.employeepreview-css .vy-tabs .Voyon-Forms,
.employeepreview-css .Vf-tabs-default .Voyon-Forms {
    margin: 8px 0px;
    width: 100%;
}

.employeepreview-css .tabed-div .Vf-tabs-default .Voyon-Forms {
    padding: 5px;
    margin: 5px 0px;
}

.employeepreview-css .preview-edit-btn {
    float: right;
    width: 28px;
    height: 28px;
    display: inline-block;
    box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.14);
    border-radius: 50%;
    padding: 8px 0;
    text-align: center;
    background: var(--primary-color);
    color: #fff;
    font-size: 14px;
    cursor: pointer
}

    .employeepreview-css .preview-edit-btn:hover {
        box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.36);
        -webkit-box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.36);
        -moz-box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.36);
    }

.employeepreview-css .preview-btns-group {
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding-bottom: 6px;
    margin-top: -5px;
    height: 35px;
}

.employeepreview-css .preview-sub-card {
    box-shadow: 0px 2px 9px 0px rgba(72, 80, 112, 0.14);
    -webkit-box-shadow: 0px 2px 9px 0px rgba(72, 80, 112, 0.14);
    -moz-box-shadow: 0px 2px 9px 0px rgba(72, 80, 112, 0.14);
    padding: 15px;
    margin: 0 25px;
    border-radius: 7px;
    margin-bottom: 10px;
    border: 1px solid var(--toolbar-color);
}

.employeepreview-css .tabed-div .preview-sub-card {
    margin: 5px 0px;
}

.employeepreview-css .tabcontent-preview {
    margin: 10px -20px;
}

.employeepreview-css .preview-btns-group .collapse-btn {
    float: right;
    margin-left: 15px;
    background: var(--toolbar-color);
    color: #343435;
}

.employeepreview-css .preview-card .dx-multiview-wrapper {
    overflow: visible;
}

.employeepreview-css .top-collapse-close.up .collapse-btn .collapse-arrow {
    transform: rotate(0deg);
    transition: 0.2s;
}

.employeepreview-css .preview-sub-card.collapsed .collapse-arrow2,
.employeepreview-css .preview-sub-card.collapsed .collapse-arrow1 {
    transform: rotate(0deg);
    right: 19px;
    transition: 0.2s;
}

.employeepreview-css .collapse-arrow,
.employeepreview-css .collapse-arrow1,
.employeepreview-css .collapse-arrow2 {
    transform: rotate(180deg);
}

.employeepreview-css .dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-label {
    display: flex;
}

.employeepreview-css .ad-item label:after,
.employeepreview-css label.dx-field-item-label.dx-field-item-label-location-left:after {
    content: ':';
    display: inline-block;
    float: right;
    right: 0;
    padding-left: 20px;
}

.employeepreview-css .ad-item label:after {
    position: absolute;
}

.employeepreview-css .ad-item.hide-col label:after {
    content: "";
    display: none;
}

.employeepreview-css .ad-item.hide-col.pre label {
    font-weight: 500;
}

.employeepreview-css .Voyon-Forms .dx-texteditor.dx-state-readonly.dx-editor-filled {
    border-bottom: none;
}

.employeepreview-css .Voyon-ChildGrids-Title {
    padding-left: 0px;
    top: 2px;
}

.employeepreview-css .preview-sub-card.collapsed .Voyon-ChildGrids-Title {
    padding-left: 0px;
    top: 8px;
}

.employeepreview-css .preview-sub-card.collapsed .preview-btns-group,
.employeepreview-css .preview-btns-group.opened {
    width: 100%;
    border-bottom: 0;
    padding-bottom: 0px;
    margin-top: 0px;
}

.employeepreview-css .dx-layout-manager .dx-label-h-align .dx-field-item-label .dx-field-item-label-content {
    min-width: 115px;
}

.employeepreview-css .normalize-input-padding {
    padding: 7px 9px 8px;
    padding-left: 0;
}

.employeepreview-css .remove-grid-title .Voyon-ChildGrids .Voyon-ChildGrids-Title {
    display: none;
}

.employeepreview-css #divTalentInformationsPanel {
    margin: 10px -20px !important;
}

.employeepreview-css .remove-grid-title .Voyon-ChildGrids {
    border: none;
    padding: 5px 0;
    box-shadow: none;
    margin-bottom: 0;
    border-radius: 0;
}

    .employeepreview-css .remove-grid-title .Voyon-ChildGrids .dx-column-lines > td {
        border-bottom: none;
    }

.employeepreview-css .preview-sub-card.collapsed .grid-content,
.employeepreview-css .preview-sub-card.collapsed .Voyon-Forms,
.employeepreview-css .preview-sub-card.collapsed .Voyon-ChildGrids {
    display: none;
}

.employeepreview-css .top-collapse-close {
    width: 120px;
    position: absolute;
    top: 20px;
    right: 15px;
    text-align: right;
    z-index: 22;
}

    .employeepreview-css .top-collapse-close .collapse-btn {
        display: inline-block;
        background: #fff0;
        height: 28px;
        width: 28px;
        text-align: center;
        font-size: 15px;
        font-weight: 900;
        color: #fff;
        padding: 5px;
        border-radius: 50%;
        cursor: pointer;
        box-shadow: none;
    }

        .employeepreview-css .top-collapse-close .collapse-btn div {
            color: #6a7faf;
            position: relative;
            top: -4px;
        }

    .employeepreview-css .top-collapse-close .close-btn {
        display: inline-block;
        margin-left: 15px;
        font-size: 13px;
        cursor: pointer;
        background-color: transparent;
        border-color: transparent;
        color: transparent;
    }

        .employeepreview-css .top-collapse-close .close-btn.dx-state-focused,
        .employeepreview-css .top-collapse-close .close-btn.dx-state-hover {
            background-color: #ddd0;
            border-color: transparent;
        }

        .employeepreview-css .top-collapse-close .close-btn div {
            font-weight: 600;
            font-size: 12px;
            color: #6a7faf;
            padding: 0;
        }

        .employeepreview-css .top-collapse-close .close-btn i {
            font-weight: 600;
            font-size: 12px;
        }

    .employeepreview-css .top-collapse-close.up {
        top: 6px;
    }

.employeepreview-css .preview-sub-card.collapsed {
    padding: 8px 15px;
}

.employeepreview-css .ad-item label, .ad-item .dx-texteditor-input {
    display: inline-block;
}

.employeepreview-css .ad-item label {
    float: left;
    width: 134px;
    line-height: 24px;
    color: #555;
    font-size: 13px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}
/*.feedback-ad-card .ad-item label {
    float: left;
    width: 134px;
    line-height: 24px;
    color: #555;
    font-size: 13px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}*/
.feedback-ad-card .ad-item label{
    width: 90px;
}
.employeepreview-css .ad-item label.c-Phone-Ex {
    width: 130px;
}

.feedback-ad-card .ad-item label {
    margin-bottom: 0px;
}

.feedback-ad-card .ad-item {
    display: flex;
    align-items: center;
}

    .employeepreview-css .ad-item .dx-texteditor-input,
    .feedback-ad-card .ad-item .dx-texteditor-input {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 130px;
    }

.employeepreview-css .ad-sub {
    font-size: 13px;
    font-weight: 500;
    margin: 10px -15px 6px;
    color: #585858;
}

.employeepreview-css .ad-card, .feedback-ad-card .ad-card {
    border: 1px solid var(--toolbar-color);
    padding: 5px 30px;
    margin: 5px 10px;
    border-radius: 5px;
    background: #05a6f008;
}

.feedback-ad-card .ad-card {
    padding: 5px 15px;
    margin: 0 0 15px;
}

.employeepreview-css .ad-sub span {
    color: #989898;
    font-weight: 600;
    font-size: 14px;
}

.employeepreview-css .emg-phone .item {
    display: inline-block;
}

    .employeepreview-css .emg-phone .item:nth-child(1) {
        margin-right: 15px;
    }

    .employeepreview-css .emg-phone .item img {
        display: inline-block;
        margin-right: 5px;
    }

    .employeepreview-css .emg-phone .item div {
        display: inline-block;
    }

.employeepreview-css .emg-phone {
    margin-top: 8px;
    margin-bottom: 15px;
}

.employeepreview-css .dx-datagrid-headers + .dx-datagrid-rowsview {
    padding: 0 0px !important;
    border-radius: 0px 0 0 0;
    font-size: 14px;
    background: rgb(255 255 255);
}

.employeepreview-css .preview-sub-card .dx-datagrid-headers + .dx-datagrid-rowsview {
    padding: 0 10px !important;
}

.employeepreview-css .Voyon-ChildGrids .dx-datagrid-headers .dx-datagrid-content {
    border-bottom: 1px solid #cdcdcd;
}

.employeepreview-css .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > td,
.employeepreview-css .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > tr:first-child > td {
    border-bottom: none;
}

.employeepreview-css .Voyon-ChildGrids .dx-datagrid-nowrap .dx-header-row > td > .dx-datagrid-text-content {
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
}

.employeepreview-css .grade-card {
    padding: 0 15px;
    background: #fffae5;
    box-shadow: none;
}

    .employeepreview-css .grade-card .dx-texteditor-input-container input {
        font-size: 14px;
        font-weight: 600;
        color: #e80000;
    }

.employeepreview-css .dx-editor-filled.dx-state-focused .dx-texteditor-container,
.employeepreview-css .dx-editor-filled.dx-state-focused .dx-selectbox-container,
.employeepreview-css .dx-editor-filled.dx-state-focused .dx-dropdowneditor-input-wrapper {
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-box-shadow: none;
}

.employeepreview-css .Voyon-ChildGrids-Title {
    font-size: 13px;
    font-weight: 500;
    position: relative;
    z-index: 66;
    margin-left: 0px;
    top: 8px !important;
    margin-bottom: -12px !important;
    background: transparent;
    width: 50%;
    padding-left: 5px;
    padding-top: 0;
}

.employeepreview-css .dx-datagrid-headers {
    border-bottom: none;
}

.employeepreview-css .dd-card {
    padding: 5px 20px;
}

.employeepreview-css .remove-grid-title.collapsed .dd-card,
.employeepreview-css .remove-grid-title.collapsed .ad-card {
    display: none;
}

.employeepreview-css .tab-title {
    padding: 0 15px;
    margin: 5px 25px;
    padding-left: 15px;
    height: 41px;
}

    .employeepreview-css .tab-title .text {
        font-size: 15px;
        font-weight: 500;
        /* color: #8391b3; */
        color: #555;
        position: relative;
        top: 12px;
    }

    .employeepreview-css .tab-title .preview-btns-group {
        border-bottom: 0;
    }
/*employeepreview / styles*/

/*Add employee styles*/
.AddEmlpoyee-css .EmployeeName,
.AddEmlpoyee-css .empMiddlename,
.AddEmlpoyee-css .empLastname,
.AddEmlpoyee-css .title {
    padding-right: 0px !important;
}

.AddEmlpoyee-css .employeeCard .dx-form-group-with-caption > .dx-form-group-content {
    border-top: 1px solid #ddd0;
}

.AddEmlpoyee-css .title {
    margin-bottom: 10px;
}

.AddEmlpoyee-css .tab-number {
    display: inline-block;
    height: 18px;
    background: #babfd2;
    width: 18px;
    border-radius: 24px;
    color: #fff;
    padding-top: 4px;
    font-weight: 500;
    font-size: 11px;
}

.AddEmlpoyee-css .dx-tab-selected .tab-number,
.AddEmlpoyee-css .dx-tab-content:hover .tab-number {
    background: var(--primary-color);
}

.AddEmlpoyee-css .tab-title {
    display: inline-block;
    color: #babfd2;
    font-size: 11px;
    font-weight: 500;
    padding-left: 7px;
    text-transform: uppercase;
}

.AddEmlpoyee-css .dx-tab-selected .tab-title,
.AddEmlpoyee-css .dx-tab-content:hover .tab-title {
    color: var(--primary-color);
}

.AddEmlpoyee-css.employeeFullView .vy-tabs .dx-tabs,
.AddEmlpoyee-css.employeeFullView .Vf-tabs-default .dx-tabs {
    background-color: #fff0;
    margin-bottom: 10px;
}

.AddEmlpoyee-css .vy-tabs .dx-tab.dx-tab-selected,
.AddEmlpoyee-css .Vf-tabs-default .dx-tab.dx-tab-selected {
    background: #e8e8e800;
    border-bottom: none;
}

.AddEmlpoyee-css .vy-tabs .dx-tab-selected:before,
.AddEmlpoyee-css .Vf-tabs-default .dx-tab-selected:before {
    border-bottom: 2px solid var(--primary-color) !important;
    bottom: 0;
    display: none;
}

.AddEmlpoyee-css .Vf-tabs-default .dx-tab.dx-state-hover,
.AddEmlpoyee-css .vy-tabs .dx-tab.dx-state-hover {
    background-color: initial;
    color: var(--primary-color);
}

.AddEmlpoyee-css .vy-tabs .dx-state-hover:before,
.AddEmlpoyee-css .Vf-tabs-default .dx-state-hover:before {
    opacity: 0;
}

.AddEmlpoyee-css .vy-fullview-title {
    display: flex;
    justify-content: space-between;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 5px;
    border-bottom: none;
    font-size: 16px;
    font-weight: 500;
    position: inherit;
    margin-left: 0;
    top: -26px;
    background: transparent;
    z-index: 33;
    padding-top: 5px;
}

.AddEmlpoyee-css.full-view {
    right: 0%;
    transition: 0.5s ease;
    transform: scale(1);
    opacity: 1;
    z-index: 19;
    padding-left: 96px;
    height: 92vh;
    padding-top: 0;
    margin-top: 60px;
    margin-right: 0;
    overflow: auto;
    padding-right: 0;
    bottom: 0;
}

.AddEmlpoyee-css.employeeFullView .full-view-card {
    overflow: visible;
}

    .AddEmlpoyee-css.employeeFullView .full-view-card .btn-group {
        bottom: 0;
        right: 0;
        margin-top: 10px;
        display: inherit;
        direction: ltr;
        background: transparent;
        border: none;
        position: static;
        direction: rtl;
        padding-top: 0px;
    }

.AddEmlpoyee-css .noShadow {
    box-shadow: none;
}

    .AddEmlpoyee-css .noShadow.employeeCard .Voyon-ChildGrids {
        border: 0px solid #f4f3f3;
    }

.AddEmlpoyee-css .grade .dx-field-item-label {
    display: inline-block;
    margin-right: 20px;
}

.AddEmlpoyee-css .grade .dx-field-item-content {
    display: inline-block;
}

.AddEmlpoyee-css .grade.batch-toolbar {
    border-radius: 7px;
    margin-bottom: 0px;
}

.AddEmlpoyee-css .vy-accordian2 {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(217 220 228 / 88%);
    border-radius: 7px;
    background-color: rgb(255,255, 255);
    box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.05);
    margin: 0 -8px;
    margin-bottom: 10px;
    overflow: hidden;
}

.AddEmlpoyee-css .empBenefit .vy-accordian2 {
    height: 37px;
}

    .AddEmlpoyee-css .empBenefit .vy-accordian2.opened {
        height: auto;
    }

.AddEmlpoyee-css .vy-accordian .acc_btn, .AddEmlpoyee-css .vy-accordian2 .acc_btn {
    right: 2px;
    position: absolute;
    margin-top: 13px;
    z-index: 99;
    cursor: pointer;
    width: 30px;
}

.AddEmlpoyee-css .empBenefit {
    background: none;
}

.AddEmlpoyee-css .dx-datagrid-nowrap .dx-header-row > td > .dx-datagrid-text-content {
    font-size: 11px;
    font-weight: 500;
}

.AddEmlpoyee-css .Voyon-ChildGrids .dx-datagrid .dx-column-lines > td:first-child {
    padding: 5px 5px !important;
}

.AddEmlpoyee-css .noShadow .Voyon-ChildGrids-Title {
    font-size: 14px;
    padding-left: 15px;
    color: #989da8;
}

.AddEmlpoyee-css .BasicDetails {
    margin-bottom: 0px;
}

.AddEmlpoyee-css .noShadow .dx-icon-edit-button-addrow,
.AddEmlpoyee-css .vy-btnsStyle .dx-icon-edit-button-addrow {
    background: var(--primary-color);
    padding: 3px !important;
    border-radius: 28px;
    font-size: 15px !important;
    line-height: 24px !important;
    width: 22px !important;
    height: 22px !important;
    background-position: 0 0;
    background-size: 22px 22px !important;
    margin-top: -3px;
}

.AddEmlpoyee-css .noShadow .dx-button-mode-contained.dx-button-default,
.AddEmlpoyee-css .vy-btnsStyle .dx-button-mode-contained.dx-button-default {
    background-color: #ddd0 !important;
}

.AddEmlpoyee-css .noShadow .dx-button .dx-button-text,
.AddEmlpoyee-css .vy-btnsStyle .dx-button .dx-button-text {
    display: none;
    color: #222;
    font-size: 12px;
    padding-left: 8px;
}

.AddEmlpoyee-css .vy-tabs .dx-tab,
.AddEmlpoyee-css .vy-tabs .dx-tab.dx-tab-selected,
.AddEmlpoyee-css .Vf-tabs-default .dx-tab,
.AddEmlpoyee-css .Vf-tabs-default .dx-tab.dx-tab-selected {
    padding-left: 0;
    padding-right: 30px;
}

.AddEmlpoyee-css .empTalent .vy-accordian {
    height: 37px;
    margin-bottom: 10px;
}

    .AddEmlpoyee-css .empTalent .vy-accordian.opened {
        height: auto;
        margin-bottom: 10px;
    }

.AddEmlpoyee-css .empTalent .empTalent .employeeCard {
    box-shadow: none;
}

.AddEmlpoyee-css .empTalent .Voyon-ChildGrids-Title:before {
    width: 10px;
    content: '';
    margin-right: 10px;
    display: inline-block;
    position: absolute;
    margin-left: 0px;
    border-width: 2px;
    border-style: solid;
    border-color: #fcca3d;
    border-image: initial;
    border-radius: 60px;
    overflow: hidden;
    padding: 5px 5px;
    left: 15px;
    margin-top: -3.2px;
}

.AddEmlpoyee-css .vy-accordian .dx-toolbar-after {
    margin-right: 40px;
    top: 10px;
}

.AddEmlpoyee-css .Voyon-ChildGrids .dx-toolbar.dx-widget.dx-visibility-change-handler.dx-collection {
    border-radius: 7px;
}

.AddEmlpoyee-css .vy-accordian.opened .dx-datagrid-borders > .dx-datagrid-headers {
    border-radius: 0px 0px 0px 0px;
}

.AddEmlpoyee-css .empBenefit-title:before {
    width: 10px;
    content: '';
    margin-right: 10px;
    display: inline-block;
    position: absolute;
    margin-left: 0px;
    border-width: 2px;
    border-style: solid;
    border-color: #fcca3d;
    border-image: initial;
    border-radius: 60px;
    overflow: hidden;
    padding: 5px 5px;
    left: -10px;
    margin-top: -1px;
}

.AddEmlpoyee-css .empBenefit-title {
    font-size: 13px;
    font-weight: 500;
    position: relative;
    z-index: 66;
    top: -13px;
    margin-bottom: -11px;
    background: transparent;
    padding-left: 30px;
    padding: 10px 0px;
    margin-top: 5px;
    background: none;
    height: 33px;
    border-radius: 7px 6px 2px 0px;
    height: 34px;
    border-bottom: none;
    margin-left: 8px;
    padding-left: 10px;
    color: #8391b3;
}

.AddEmlpoyee-css .vy-accordian2 .employeeCard {
    box-shadow: none !important;
}

.AddEmlpoyee-css .vy-accordian2.opened .empBenefit-title {
    margin-left: 0;
    padding-left: 0px;
    font-size: 14px;
    color: #989da8;
}

    .AddEmlpoyee-css .vy-accordian2.opened .empBenefit-title:before,
    .AddEmlpoyee-css .empTalent .vy-accordian.opened .Voyon-ChildGrids-Title:before {
        display: none;
    }

.AddEmlpoyee-css .empTalent .vy-accordian.opened .Voyon-ChildGrids-Title {
    padding-left: 15px;
    color: #989da8;
    font-size: 14px;
}

.AddEmlpoyee-css .employeeCard .Voyon-ChildGrids .dx-datagrid-borders > .dx-datagrid-headers {
    padding: 0px 0px 0px;
    background: #ffffff;
    /* border-bottom: 1px solid #cdcdcd !important; */
    padding: 0 10px !important;
    padding-right: 10px !important;
    border-radius: 0px;
}

.AddEmlpoyee-css .Voyon-ChildGrids .dx-datagrid-nowrap .dx-header-row > td > .dx-datagrid-text-content {
    font-size: 13px;
    font-weight: 500;
}

.AddEmlpoyee-css .employmentDetails .employeeCard {
    padding-left: 20px !important;
    padding-right: 5px;
}

.AddEmlpoyee-css #btnCancel {
    margin-left: 10px;
}

.AddEmlpoyee-css.employeeFullView .vy-tabs .Voyon-Forms,
.AddEmlpoyee-css.employeeFullView .Vf-tabs-default .Voyon-Forms {
    margin: 0px 0px !important;
}

.AddEmlpoyee-css .vy-tabs .dx-tab-selected .dx-tab-text,
.AddEmlpoyee-css .Vf-tabs-default .dx-tab-selected .dx-tab-text {
    color: var(--primary-color);
}

.AddEmlpoyee-css .vy-accordian .familyDetails {
    padding: 0px 0px 0px;
}

.AddEmlpoyee-css .empTalent .vy-accordian .Voyon-ChildGrids .dx-toolbar-items-container {
    margin-top: 12px;
}

.AddEmlpoyee-css .vy-view-content .dx-toolbar-text-auto-hide .dx-button .dx-button-content {
    padding: 4px 5px;
    padding-right: 0;
}

.AddEmlpoyee-css #CustomFormContainerWorkforce-Employee-BasicDetails-VoyonForms .dx-field-item:not(.dx-first-row) {
    padding-top: 13px;
}
/*Add employee / styles*/
#employeeAddEditDiv .Voyon-ChildGrids,
#onboardingAddEditDiv .Voyon-ChildGrids {
    box-shadow: none;
    margin-top: -4px;
}

.employeepreview-css .fam-details {
    width: 100%;
    padding: 0 15px;
}

.employeepreview-css .preview-sub-card.collapsed .fam-details {
    display: none;
}

.employeepreview-css .preview-sub-card.form-card.collapsed .contact-collapase {
    display: none;
}

.AddEmlpoyee-css #Workforce-Employee-EmployeeDetails-VoyonForms .dx-layout-manager .dx-field-item:not(.dx-last-col) {
    padding-right: 0px;
}

.Reset .Signup-Btn .dx-button-default {
    width: 100%;
    padding-right: 0px !important;
}

.Reset .Signup-Btn {
    padding-right: 0px !important;
}

.Reset .Signup-for-first .dx-button-mode-contained.dx-button-danger {
    width: 100%;
}

.Reset .Signup-for-first {
    margin-top: 10px;
}

.company-infos {
    margin: 10px 0 !important;
}

    .company-infos .emp-pro-pic {
        max-height: 120px;
        min-height: 95px;
        max-width: 120px;
        min-width: 96px;
        width: inherit;
        overflow: inherit;
    }

#companyLogoUploader {
    z-index: 30;
    position: absolute;
    top: -17px;
    opacity: 0;
}
#companyGeneralLogoUploader {
    position: absolute;
    top: -18px;
    opacity: 0;
}
#btnClearGroupLogo {
    background: transparent;
    position: relative;
    left: 42px;
    top: -80px;
    z-index: 50;
}
#btnClearGroupLogo .dx-button-content .dx-icon {
    color: #e33e3e;
    font-size: 14px;
    cursor: pointer;
}
#companyGeneralLogoUploader .dx-fileuploader-button {
    max-height: 120px;
    min-height: 68px;
    max-width: 150px;
    width: 70px;
    border-radius: 7px;
    overflow: hidden;
    margin-left: -10px;
}

    #companyLogoUploader .dx-fileuploader-button {
        border-radius: 2px;
        margin: 0px 30px;
        z-index: 99;
        height: 124px;
    }

        #companyLogoUploader .dx-fileuploader-button.dx-button-content {
            max-height: 120px;
            min-height: 95px;
            max-width: 120px;
            min-width: 96px;
            border-radius: 7px;
            overflow: hidden;
        }

.Employee-search-container {
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0px 5px 81px 0px rgb(72, 80, 112.0%);
    width: 714px;
    right: 0;
    top: 0px;
    padding: 16px 16px 16px !important;
    z-index: 23;
}

    .Employee-search-container .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
        background-color: var(--toolbar-color);
        border-radius: 6px;
    }

    .Employee-search-container .pro-img .employee-shortname {
        width: 76px;
        height: 76px;
        border-radius: 6px;
        text-align: center;
        padding: 19px 0;
        font-size: 22px;
        color: #fff;
        font-family: var(--main-font);
        font-weight: 600;
    }

    .Employee-search-container .designation.bu {
        margin-top: 5px;
    }

        .Employee-search-container .designation.bu b {
            background: transparent;
        }

.pro-left {
    margin: 0 auto;
    text-align: center;
}

    .pro-left .pro-img {
        width: 76px;
        height: 76px;
        margin: 0 auto;
    }

.pro-img img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.pro-left .pro-name {
    font-weight: 700;
    font-size: 15px;
    margin: 8px 0 0px;
    font-family: 'Segoe UI',Helvetica,Verdana,sans-serif;
}

.contact-pro .item i, .contact-pro .item .text {
    display: inline-block;
}

.contact-pro {
    padding: 22px 0px 0px;
}

    .contact-pro .item i {
        color: var(--primary-color);
        margin-right: 10px;
        font-size: 12px;
    }

    .contact-pro .item .text {
        color: var(--primary-color);
        font-size: 13px;
    }

.infos-employee {
    background: #ffffff;
    padding: 15px;
    border: 1px solid #c1c1c1;
    border-radius: 7px;
    width: 62%;
    float: right;
    overflow: hidden;
    padding-bottom: 3px;
    padding-top: 5px;
    user-select: none;
    -webkit-user-select: none;
}

    .infos-employee .email.item {
        margin-bottom: 10px;
    }

.Employee-search-container #Employee-Search-List.dx-list {
    width: 255px;
    float: left;
}

.Employee-search-container .designation {
    width: auto;
    color: #6c7e98;
    padding: 0px;
}

    .Employee-search-container .designation b {
        padding: 3px 8px 4px;
        font-size: 13px;
        background: #dae0f3;
        font-weight: 500;
        border-radius: 4px;
        color: #6c7e98;
    }

.Employee-search-container .pro-code {
    font-size: 13px;
    font-weight: 500;
    color: var(--primary-color);
    margin-bottom: 5px;
}

.goto-profiles {
    position: absolute;
    bottom: 20px;
}

    .goto-profiles .goto-profile-btn {
        border: none;
        background: var(--primary-color);
        border-radius: 4px;
        color: #fff;
        font-size: 13px;
        font-weight: 500;
        padding: 4px 20px;
        width: 100%;
        margin-left: 25px;
    }

.Employee-search-container .details {
    padding: 20px 20px 0px;
    color: #697a8d;
    font-size: 13px;
    font-family: var(--main-font);
    margin-bottom: 0;
}

    .Employee-search-container .details li {
        margin-bottom: 0;
        padding-bottom: 3px;
    }

        .Employee-search-container .details li label {
            width: 148px;
            font-weight: 600;
        }

.infos-employee .designation b span.b {
    max-width: 85px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    text-align: left;
}

.infos-employee .designation b span.a {
    max-width: 85px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    text-align: right;
}
/*.emp-i {
    position: absolute;
    margin-top: -6px;
    padding: 3px 0px;
    background: rgb(248 165 30);
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-size: 10px;
    margin-left: 5px;
    cursor: help;
    line-height: 10px;
    width: 15px;
    height: 15px;
}*/
.file-upload-toolbar, .Voyon-FileUploader .dx-closebutton .dx-icon {
    margin-top: 10px;
}

#tileViewCalendar .dx-tile {
    height: auto !important;
    width: 25% !important;
    top: auto !important;
    left: auto !important;
    float: left;
    position: inherit;
    background-color: transparent;
    border: transparent;
    text-align: left;
    margin-bottom: 10px;
}

    #tileViewCalendar .dx-tile .dx-tile-content {
        padding: 0px 6px;
    }

#tileViewCalendar .dx-scrollable-content {
    background: #ddd0;
}

#tileViewCalendar .dx-tileview-wrapper {
    margin: 0 -10px;
}

#calendarYearLists .dx-list-item-content {
    padding: 0px;
}

#calendarDetails #ToolBar4 .dx-toolbar-after .dx-toolbar-menu-container {
    display: none;
}

#galleryBirthday {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(235, 235, 235);
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.05);
    padding: 17px 20px;
    height: 96px !important;
    margin: 0 auto;
    text-align: left;
    width: 571px;
}

    #galleryBirthday .dx-gallery-item {
        width: 33.33% !important;
        margin-left: 0px !important;
        overflow: visible;
        padding-left: 6px;
    }

.wd-title {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #010101;
}

.An-description {
    font-size: 14px;
    color: #919191;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 30px;
    border-bottom: 1px solid #dcddde;
    line-height: 18px;
}

.Announcement-item:nth-child(odd) .An-description {
    border-bottom: none;
}

.Announcement-item:nth-child(odd) {
    margin-top: 6px;
}

.An-title {
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 6px;
}

.An-icon {
    padding: 0;
    margin: 0 auto;
    text-align: center;
}

.Announcement-item {
    margin: 0px;
}

.new-tag {
    padding: 0px 5px;
    background: #e3cf23;
    color: #fff;
    height: 20px;
    position: absolute;
    margin-left: 6px;
    border-radius: 3px;
}

.An-icon {
    flex: 0 0 10%;
    max-width: 10%;
    margin: 0 auto;
    text-align: center;
}

.An-texsec {
    flex: 0 0 90%;
    max-width: 90%;
    padding-left: 15px;
    padding-right: 15px;
}

.img-fill {
    width: 100%;
}

.upcoming-events {
    color: #3c3f41;
    margin-bottom: 10px;
}

.ovel-img {
    border-radius: 7px;
    height: 85px;
    overflow: hidden;
}

.event-title {
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    line-height: 19px;
    overflow: hidden;
}

.evt-date {
    font-size: 13px;
    font-weight: 500;
    margin: 2px 0px 2px;
}

.evt-description {
    font-size: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    line-height: 17px;
    overflow: hidden;
}

.event-texts {
    background: #e3e5f2;
    border-radius: 6px;
    padding: 12px;
    text-align: left;
}

.right-part .ovel-img {
    padding: 0px 0 0;
    padding-right: 8px;
}

.right-part .event-texts {
    margin-top: 0px;
}

.mbg-8 {
    margin-bottom: 8px;
}

.birthdays-widget {
    padding: 10px 0;
    list-style: none;
    margin: 0;
    width: 100%;
    /* margin-top: 15px; */
}

    .birthdays-widget li {
        list-style: none;
        display: inline-block;
        margin-right: 3px;
    }

.mgo-left {
    margin-left: 0;
}

.b-item {
    margin: 0;
    display: inline-block;
}

.b-employee-img {
    width: 52px;
    overflow: hidden;
    height: 52px;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(255, 255, 255);
    border-radius: 7px;
    box-shadow: 0px -1px 12px 0px rgba(173, 175, 177, 0.64);
    -moz-box-shadow: 0px -1px 12px 0px rgba(173, 175, 177, 0.64);
    -webkit-box-shadow: 0px -1px 12px 0px rgba(173, 175, 177, 0.64);
    display: inline-block;
    margin-right: 5px;
}

.b-item .vy-text-avatar {
    margin: 0;
    border: 2px solid #fff;
    width: 42px;
    height: 42px;
    padding: 13px 0;
    box-shadow: 0px -1px 12px 0px rgba(173, 175, 177, 0.64);
    -moz-box-shadow: 0px -1px 12px 0px rgba(173, 175, 177, 0.64);
    -webkit-box-shadow: 0px -1px 12px 0px rgba(173, 175, 177, 0.64);
}

.b-employee-img img {
    border: 1px solid #fff;
    border-radius: 7px;
}

.b-employee-details {
    font-size: 11px;
    display: inline-block;
    padding: 5px 0px 5px;
    padding-left: 6px;
    text-align: left;
    position: relative;
    top: -4px;
}

    .b-employee-details .b-name {
        color: #010101;
        font-size: 11px;
        font-weight: 600;
        width: 101px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        line-height: 16px;
    }

    .b-employee-details .b-designation {
        color: rgb(120, 120, 120);
        font-weight: 400;
        width: 101px;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block;
        padding: 0px 0px 5px;
        overflow: hidden;
        font-size: 10px;
    }

    .b-employee-details .b-event {
        font-weight: 700;
        color: var(--primary-color);
        position: relative;
        top: -2px;
        font-size: 9px;
    }

.FU-flex {
    display: inline-block;
    line-height: 32px;
    padding-right: 12px;
    color: #7998b1;
    font-weight: 500;
}

    .FU-flex.file-name {
        font-size: 13px;
        font-weight: 600;
        color: #000;
        width: 30%;
        vertical-align: bottom;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 0;
        vertical-align: middle;
        position: relative;
        top: -3px;
    }

    .FU-flex.file-type {
        width: 13%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 0;
        vertical-align: bottom;
    }

    .FU-flex.file-purpose {
        width: 20%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 0;
        vertical-align: bottom;
    }

    .FU-flex.file-Ctype {
        width: 12%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 0;
        vertical-align: bottom;
    }

    .FU-flex.file-size {
        width: 10%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 0;
        vertical-align: bottom;
    }

    .FU-flex.file-name img {
        display: inline-block;
        margin-right: 6px;
    }

    .FU-flex.file-name div {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: inline;
        vertical-align: middle;
    }

.upload-list {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(217, 220, 228);
    border-radius: 7px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.05);
    width: 100%;
    margin-top: 8px;
    padding: 5px 15px;
}

    .upload-list:hover .uplist-icon {
        visibility: visible;
    }

    .upload-list:nth-child(1) {
        margin-top: 0px;
    }

.uplist-icon {
    visibility: hidden;
    width: 4%;
}

.upload-list .uplist-icon .dx-button .dx-button-content {
    padding: 4px 6px;
}

.uplist-icon a {
    color: #787878;
}

    .uplist-icon a.dx-icon-upload:before {
        font-size: 17px;
    }

.uplist-icon .dx-icon-download {
    font-size: 17px;
}

.xs-email-phone {
    text-align: left;
}

.xs-info .right-info {
    text-align: left;
    margin-top: 8px;
}

.duraction-att {
    text-align: left;
    font-weight: 500;
}

.vy-main-add-btn .dx-button-default.dx-button-mode-contained {
    border-radius: 50%;
    box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.14);
}

.vy-main-add-btn .dx-button-content i {
    color: #fff !important;
    font-size: 12px !important;
    line-height: 19px !important;
    font-weight: 700;
}

.vy-main-add-btn:hover .dx-button-default.dx-button-mode-contained {
    box-shadow: 0px 4px 11.83px 1.17px rgb(0 0 0 / 36%);
    -webkit-box-shadow: 0px 4px 11.83px 1.17px rgb(0 0 0 / 36%);
    -moz-box-shadow: 0px 4px 11.83px 1.17px rgb(0 0 0 / 36%);
}

.vy-main-add-btn .dx-button-content {
    padding: 4px !important;
}

.add-attendance-toolbar {
    position: absolute;
    width: 50px;
    right: 35px;
    z-index: 22;
    top: -70px;
    padding: 7px !important;
}

    .add-attendance-toolbar .dx-toolbar.dx-widget {
        background: #fff;
        margin-bottom: 0px;
    }

#gridReguralizationPopup .dx-edit-row .dx-button.dx-button-normal.dx-button-mode-contained,
.gridReguralizationPopup .dx-edit-row .dx-button.dx-button-normal.dx-button-mode-contained,
#Organization-HolidayCalenderDays-VoyonGrids .dx-edit-row .dx-button.dx-button-normal.dx-button-mode-contained {
    width: 65px;
}

    #gridReguralizationPopup .dx-edit-row .dx-button.dx-button-normal.dx-button-mode-contained:nth-child(1),
    .gridReguralizationPopup .dx-edit-row .dx-button.dx-button-normal.dx-button-mode-contained:nth-child(1),
    #Organization-HolidayCalenderDays-VoyonGrids .dx-edit-row .dx-button.dx-button-normal.dx-button-mode-contained:nth-child(1) {
        width: 65px;
        background: var(--primary-color);
        border: var(--primary-color);
        margin-left: 0;
    }

    #gridReguralizationPopup .dx-edit-row .dx-button.dx-button-normal.dx-button-mode-contained:nth-child(2),
    .gridReguralizationPopup .dx-edit-row .dx-button.dx-button-normal.dx-button-mode-contained:nth-child(2),
    #Organization-HolidayCalenderDays-VoyonGrids .dx-edit-row .dx-button.dx-button-normal.dx-button-mode-contained:nth-child(2) {
        width: 65px;
        background: #e1e3e4;
        border: #e1e3e4;
        margin-left: 10px;
    }

    #gridReguralizationPopup .dx-edit-row .dx-button.dx-button-normal.dx-button-mode-contained .dx-button-content,
    .gridReguralizationPopup .dx-edit-row .dx-button.dx-button-normal.dx-button-mode-contained .dx-button-content,
    #Organization-HolidayCalenderDays-VoyonGrids .dx-edit-row .dx-button.dx-button-normal.dx-button-mode-contained .dx-button-content {
        padding: 6px;
        font-weight: 500;
    }

    #gridReguralizationPopup .dx-edit-row .dx-button.dx-button-normal.dx-button-mode-contained:nth-child(1) .dx-button-content,
    .gridReguralizationPopup .dx-edit-row .dx-button.dx-button-normal.dx-button-mode-contained:nth-child(1) .dx-button-content,
    #Organization-HolidayCalenderDays-VoyonGrids .dx-edit-row .dx-button.dx-button-normal.dx-button-mode-contained:nth-child(1) .dx-button-content {
        color: #fff;
    }

#gridReguralizationPopup .dx-edit-row .dx-datagrid-form-buttons-container,
.gridReguralizationPopup .dx-edit-row .dx-datagrid-form-buttons-container,
#Organization-HolidayCalenderDays-VoyonGrids .dx-edit-row .dx-datagrid-form-buttons-container {
    float: left !important;
}

#Organization-HolidayCalenderDays-VoyonGrids .dx-edit-row .dx-datagrid-form-buttons-container {
    margin-bottom: 5px;
}

.summary-footer-att {
    font-family: var(--main-font);
}

    .summary-footer-att .cellValue span {
        padding-left: 22px;
    }

.att-summery-pop .item {
    text-align: left;
    padding: 14px 10px;
}

    .att-summery-pop .item img {
        width: 34px;
        display: inline-block;
        margin-right: 8px;
        vertical-align: bottom;
    }

.att-summery-pop .showing-texts {
    display: inline-block;
    font-family: var(--main-font);
}

.att-summery-pop .summary-text {
    padding-top: 12px;
    font-size: 12px;
    font-weight: 500;
    text-align: left;
    width: 160px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.att-summery-pop .values {
    font-size: 12px;
    color: #151515;
    font-weight: 500;
    text-align: left;
}

    .att-summery-pop .values .Validations-span {
        font-weight: 700;
    }

.preview-view-card {
    padding: 0px;
    margin: 0 20px;
    border-radius: 7px;
    margin-bottom: 5px;
}

    .preview-view-card .ad-card {
        padding: 15px 30px;
    }

.vy-widget-action {
    background-color: rgba(191, 191, 191, 0);
    padding: 5px 15px;
    width: auto;
    position: relative;
    float: right;
    margin-top: -50px;
    top: 46px;
    z-index: 30;
    display: none;
}

#Dashboard-WidgetContainer-3 .vy-widget-action {
    top: 50px;
}

.vy-widget-action .dx-button-mode-contained {
    background-color: #fff;
    border-color: #ddd0;
    color: #fff;
}

    .vy-widget-action .dx-button-mode-contained .dx-button-content {
        padding: 2px;
    }

    .vy-widget-action .dx-button-mode-contained .dx-icon {
        font-size: 11px;
        color: var(--primary-color);
        filter: brightness(0);
    }

.widget-fullscreen-btn .dx-button-mode-contained {
    border-radius: 4px 0px 0px 4px;
}

.widget-more-btn .dx-button-mode-contained {
    border-radius: 4px;
}

#WidgetToolbar_2.vy-widget-action {
    padding: 5px 6px;
    margin-top: -56px;
    margin-right: 8px;
}

.widget-more-btn .dx-icon {
    font-size: 15px !important;
}

.dropArea:hover .vy-widget-action {
    display: block;
}

.vy-accordion-disabled {
    display: none;
}

#reportingDetailsDiv .dx-header-row td {
    line-height: 20px;
}

.tds-ov .dx-field-item-label-text {
    padding: 0px;
    color: #555;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: .5em;
}

.tds-ov .ov-field-item {
    margin-bottom: 10px;
}

.tds-ov div.col-10 {
    padding: inherit;
}

#taxSchemeList .dx-item.dx-tile {
    width: 25%;
    float: left;
    position: static;
    background: #ddd0;
    border: #ddd0;
    height: auto !important;
    margin-right: 0;
    padding: 0 6px 12px;
}

    #taxSchemeList .dx-item.dx-tile .dx-item-content {
        border-style: solid;
        border-width: 1px;
        border-color: rgb(237, 237, 237);
        border-radius: 7px;
        background-color: #fff;
        box-shadow: 0px 5px 12px 0px rgb(0 0 0 / 5%);
        height: 100%;
        padding: 25px 30px 30px;
    }

.scheme-title {
    text-align: center;
    font-size: 16px;
    margin-bottom: 3px;
    font-weight: 700;
    display: block;
}

.scheme-list {
    padding: 15px 40px 5px;
    padding-right: 0;
    margin-bottom: 0;
    border: 1px solid #efefef;
    border-radius: 7px;
    position: relative;
}

ul.scheme-list li {
    margin-bottom: 20px;
    list-style: none;
}

.scheme-list li:after {
    content: '';
    width: 18px;
    height: 18px;
    position: absolute;
    background-image: url(../img/tick-tds.png);
    background-size: 18px 18px;
    left: 10px;
    margin-top: -3px;
}

.scheme-list .untick:after {
    content: '';
    width: 18px;
    height: 18px;
    position: absolute;
    background-image: url(../img/cross-tds.png);
    background-size: 18px 18px;
    left: 10px;
    margin-top: -3px;
}

#reviewData table {
    width: 100%;
}

#reviewData tr.head-tr {
    border-bottom: 1px solid #d6dce2;
}

    #reviewData tr.head-tr th {
        padding: 0 0 10px;
        margin-bottom: 12px;
    }

#reviewData table td {
    padding-bottom: 10px;
    padding-top: 10px;
}

.cross-icon {
    width: 12px;
}

.monthly-breakup-btn .dx-button-mode-contained.dx-button-default {
    background-color: var(--primary-color) !important;
}

#tdsTabPanelContainer .dx-button-mode-contained {
    background-color: #ddd0;
    border-color: #ddd0;
}
#Travel-TripExpenseDetails-VoyonGrids .dx-button-mode-contained {
    background-color: #ddd0;
    border-color: #ddd0;
}
#Travel-TripVehicleExpenses-VoyonGrids .dx-button-mode-contained {
    background-color: #ddd0;
    border-color: #ddd0;
}
    #Benefit-TDSDeclarationHouseRent-VoyonGrids .dx-button-mode-contained .dx-button-content {
        padding: 5px 10px 6px;
    }

        #Benefit-TDSDeclarationHouseRent-VoyonGrids .dx-button-mode-contained .dx-button-content .dx-button-text {
            font-size: 13px;
        }

.continue-btn.dx-button-mode-contained.dx-button-danger {
    background-color: #ddd0;
    border-color: #b9d1f2;
    color: var(--primary-color);
    font-weight: 700;
    margin-left: 10px;
}

.continue-btn i.dx-icon {
    float: right;
    margin-right: 0;
    margin-left: 9px;
    color: var(--primary-color) !important;
}

.cancel-btn {
    margin-left: 10px;
}

#taxSchemeList {
    height: auto !important;
    margin-left: -15px;
    margin-top: 1.5em;
}

.currently-selected {
    position: relative;
    /* padding: 10px 90px; */
    text-align: center;
    top: 15px;
    color: var(--primary-color);
    visibility: hidden;
}

    .currently-selected i {
        font-size: 17px;
        position: relative;
        top: 2px;
        margin-right: 5px;
    }

.tile-selected-scheme {
    border-color: #05a6f0 !important;
}

#taxSchemeList .dx-item.dx-tile .tile-selected-scheme .currently-selected {
    visibility: visible !important;
}

#galleryBirthday .dx-gallery-nav-button-next.dx-state-hover:after, #galleryBirthday .dx-gallery-nav-button-prev.dx-state-hover:after,
#galleryBirthday .dx-gallery-nav-button-next.dx-state-active:after, #galleryBirthday .dx-gallery-nav-button-prev.dx-state-active:after,
{
    background-color: rgba(168,168,255,.0);
}

#dashBoardEvents .dx-gallery-nav-button-next.dx-state-hover:after, #dashBoardEvents .dx-gallery-nav-button-prev.dx-state-hover:after,
#dashBoardEvents .dx-gallery-nav-button-next.dx-state-active:after, #dashBoardEvents .dx-gallery-nav-button-prev.dx-state-active:after,
#dashBoardEventsAttachment .dx-gallery-nav-button-next.dx-state-hover:after, #dashBoardEventsAttachment .dx-gallery-nav-button-prev.dx-state-hover:after,
#dashBoardEventsAttachment .dx-gallery-nav-button-next.dx-state-active:after, #dashBoardEventsAttachment .dx-gallery-nav-button-prev.dx-state-active:after {
    background-color: rgb(108 135 170 / 48%);
}

    #dashBoardEvents .dx-gallery-nav-button-next.dx-state-hover:after
    #galleryBirthday:hover .dx-gallery-nav-button-next:before, #galleryBirthday:hover .dx-gallery-nav-button-prev:before,
    #dashBoardEvents:hover .dx-gallery-nav-button-next:before, #dashBoardEvents:hover .dx-gallery-nav-button-prev:before,
    #dashBoardEventsAttachment .dx-gallery-nav-button-next.dx-state-hover:after,
    #dashBoardEventsAttachment:hover .dx-gallery-nav-button-next:before, #dashBoardEventsAttachment:hover .dx-gallery-nav-button-prev:before {
        visibility: visible;
    }

#dashBoardEvents .dx-gallery-item {
    margin-left: 0 !important;
    width: 50% !important;
}

#dashBoardEvents .dx-gallery-wrapper {
    width: 100%;
}

#dashBoardEvents .dx-gallery-container {
    /*margin-left: -5px;
    margin-right: -5px;*/
}

.upcoming-events .tileWidth {
    width: 571px;
    /*width: 100%;*/
}

#dashBoardEvents .dx-gallery-item-content {
    padding: 0 5px;
}

#dashBoardEvents .dx-item.dx-gallery-item:nth-child(2n+2) .dx-gallery-item-content {
    padding-right: 0;
}

#dashBoardEvents .dx-item.dx-gallery-item:nth-child(2n+1) .dx-gallery-item-content {
    padding: 0px;
}

.execute-btn.dx-button-normal.dx-state-hover .dx-button-content {
    background-color: var(--primary-color);
    border-radius: 4px;
}

.vy-reoporting-grid {
    max-width: 100% !important;
}

.execute-section .item-filter-emp {
    width: auto;
    text-align: right;
    float: right;
}

.execute-section .item-exe-button {
    width: auto;
    float: right;
}

.mg-10-bottom {
    margin-bottom: 10px;
}

.empty-data {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

#responsiveBoxContainer > .dx-box-flex > .dx-item.dx-box-item:nth-child(3) .empty-data {
    height: 156px;
}

.empty-data .empty-text {
    text-align: center;
    color: #8880;
    font-size: 12px;
}

.main-empty {
    opacity: 1;
    overflow: hidden;
}

.empty-data img {
    width: 100px;
    vertical-align: middle;
    text-align: center;
    margin: 0 auto;
    margin-top: 2px;
    display: block;
}

.widget-fullscreen-btn .ti-arrows-corner {
    transform: scaleX(-1);
}

#responsiveBoxContainer > .dx-box-flex > .dx-item.dx-box-item:nth-child(3),
#responsiveBoxContainer > .dx-box-flex > .dx-item.dx-box-item:nth-child(2) {
    margin-top: 26px;
}

#PieChartDailyAttendance, #pieDailyAttendance {
    height: 173px;
    margin-left: -15px;
    margin-right: -15px;
}

.vy-emp-name-dip-pop {
    padding: 7px 0px;
    line-height: 25px;
}

    .vy-emp-name-dip-pop.CMS-pop-emp-name {
        line-height: 13px;
    }

.dx-popup-wrapper #PieChartDailyAttendance, .dx-popup-wrapper #pieDailyAttendance {
    height: inherit;
}

.WidgetView {
    padding: 0 7px;
}

.vy-wd-card {
    margin-bottom: 15px;
}

.header.dashlet {
    margin-bottom: 15px;
}

.attendance-widget-details span {
    font-size: 12px;
    color: #757575;
    line-height: 20px;
}

.attendance-widget-details {
    margin-top: 0px;
}

    .attendance-widget-details .count {
        font-size: 12px;
        line-height: 20px;
        font-weight: 700;
        color: #000;
        text-align: right
    }

        .attendance-widget-details .count.red, .attendance-widget-details span.red {
            color: #cc1212;
        }

        .attendance-widget-details .count.weekend, .attendance-widget-details span.weekend {
            color: var(--weekend);
        }

.daily-sum-profile .vy-text-avatar {
    width: 42px;
    height: 42px;
    overflow: hidden;
    font-size: 15px;
    border: 2px solid #fff;
    padding: 12px 0;
}

.daily-sum-profile {
    padding-left: 7px;
    left: 15px;
}

.dip-all div {
    display: inline-block;
}

.dipname {
    vertical-align: middle;
    height: 100%;
    width: 75px;
    font-weight: 600;
    font-size: 13px;
    color: #010101;
    height: 18px;
    line-height: 18px;
}

.dip-img {
    margin-left: 20px;
    vertical-align: middle;
    display: inline-flex !important;
}

    .dip-img .vy-text-avatar {
        width: 30px;
        height: 30px;
        position: relative;
        top: 2px;
        text-align: center;
        margin: 0px -8px;
        margin-right: 0px;
        border-width: 2px;
        border-style: solid;
        border-color: rgb(255, 255, 255);
        border-image: initial;
        display: block;
    }

#employeeList .dx-scrollview-content > .dx-item.dx-list-item > .dx-item-content.dx-list-item-content {
    padding: 3px 0;
}

.Wc-card .dx-datagrid-borders .dx-datagrid-rowsview {
    padding: 0;
    border-radius: 0px;
    background: #fff;
    height: 156px;
}

#employeeList {
    height: 156px;
}

.Wc-card .dx-datagrid .dx-column-lines > td {
    border-bottom: 0px solid;
}

#gridCompanyPolicies .dx-datagrid .dx-column-lines > td:nth-child(1) {
    padding: 5px 0px;
    width: 24px;
}

    #gridCompanyPolicies .dx-datagrid .dx-column-lines > td:nth-child(1) img {
        width: 23px;
    }

#gridCompanyPolicies .dx-datagrid .dx-column-lines > td:nth-child(2) {
    font-weight: 600;
    font-size: 13px;
    color: #010101;
}

#gridCompanyPolicies .dx-datagrid .dx-column-lines > td:nth-child(3) {
    text-align: right !important;
    color: #848484;
    font-size: 12px;
    width: 90px;
}

#gridCompanyPolicies .dx-datagrid-rowsview .dx-row {
    height: 35px;
}

.vy-grid-carousel .dx-datagrid-pager.dx-pager {
    bottom: -10px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    border: none;
}

.vy-grid-carousel .dx-page {
    font-size: 0 !important;
    padding: 0 !important;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #d7d7d7;
    margin-right: 5px !important;
}

    .vy-grid-carousel .dx-page.dx-selection {
        background: #000;
    }

.ann-img {
    padding: 3px 0px;
    width: 25%;
}

.ann-subj {
    font-size: 13px;
    font-weight: 500;
    color: #010101;
    width: 100%;
    display: flex;
    padding: 10px 0px !important;
}

.An-icon-def {
    display: inline-block;
    float: left;
}

    .An-icon-def img {
        margin-right: 12px;
        width: 22px;
    }

.An-icon-text {
    float: left;
    display: inline-block;
    width: 92%;
}

.An-description {
    font-size: 13px;
    color: #919191;
    white-space: break-spaces;
    line-height: 17px;
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 1px solid #ddd0;
    height: 38px;
}

.dashboard-dropdown .dx-list-group-header {
    font-weight: 700;
    padding: 10px 10px 10px;
    border-top: 0px solid #ddd;
    border-bottom: 0px solid #ddd;
    background: rgba(230,230,230,.05);
    color: #05a6f0;
}

#pieDailyAttendance svg {
    margin: 0 auto;
    margin-left: -15px;
}

.dx-popup-wrapper #pieDailyAttendance svg {
    margin-left: auto;
}

.dashboard-dropdown {
    padding: 10px 5px !important;
}

    .dashboard-dropdown .dx-list-group:nth-child(1) .dx-list-group-header {
        padding-top: 0px;
    }

    .dashboard-dropdown .dx-list-group-body div {
        color: #a2a2a2;
    }

#Users-DashBoards .dx-item.dx-buttongroup-item .dx-icon {
    visibility: hidden;
}

#dashboard-dropdown-elements i, #dashboard-dropdown-elements .dashboard-name {
    display: inline-block;
}

#dashboard-dropdown-elements i {
    font-size: 13px;
    color: #8bd2ff;
}

#dashboard-dropdown-elements .dashboard-name {
    vertical-align: top;
    font-size: 13px;
    margin-left: 6px;
}

.wd-pop-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 36px;
    font-family: var(--main-font);
}

.wd-pop {
    position: relative;
    margin-top: -60px;
    width: 94%;
}

    .wd-pop.remove-top-margin {
        margin-top: -40px;
    }

    .wd-pop img {
        width: 27px;
        margin-right: 10px;
    }

.wd-popup {
    font-family: var(--main-font);
    line-height: 24px;
}

    .wd-popup .wd-label {
        font-weight: 600;
        line-height: 26px;
        font-size: 13px;
    }

.content-row {
    margin-top: 20px;
}

.divid {
    text-align: right;
    float: right;
}

.wd-label.attachments {
    color: #7d7d7d;
    display: block;
    margin-bottom: 10px;
}

.dx-datagrid-rowsview .dx-row:nth-child(2n+1) .An-description {
    border-bottom: 1px solid #dcddde;
}

.more-count {
    height: 20px;
    width: 30px;
    background: rgb(255 255 255 / 65%);
    border: 1px solid #ddd;
    text-align: center;
    padding: 3px;
    border-radius: 3px;
    position: relative;
    margin-top: 8px;
    margin-left: -14px;
    font-weight: 700;
    color: #5f5f5f;
}

#employeeList .dx-list-next-button {
    /*position: absolute;
    bottom: -10px;*/
    padding: 5px 0;
    color: var(--primary-color);
    text-align: left;
}

    #employeeList .dx-list-next-button .dx-button {
        background: transparent;
        border: none;
        padding: 0;
    }

        #employeeList .dx-list-next-button .dx-button .dx-button-content {
            padding: 0px;
        }

        #employeeList .dx-list-next-button .dx-button .dx-button-content {
            color: var(--primary-color);
            font-weight: 500;
        }

.event-empty {
    background: #fff;
    height: 166px;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(235, 235, 235);
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0px 5px 30px 0px rgba(86, 86, 86, 0.07);
}

.filter-Applied .dx-icon, .filter-Applied.dx-icon {
    color: var(--primary-color);
}

.birthday-empty {
    background: #fff;
    height: 102px;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(235, 235, 235);
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0px 5px 30px 0px rgba(86, 86, 86, 0.07);
    top: -2px;
    position: relative;
}

#availableLeaveTypeList .dx-item.dx-list-item {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(217, 220, 228);
    padding: 2px 1px;
    /* margin-bottom: 15px; */
    margin-top: 5px;
    border-radius: 5px;
    box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.09);
}

#availableLeaveTypeList .dx-list-item:first-of-type {
    margin-top: 0px;
}

.anomaly-leave-types .dx-fieldset {
    margin: 0px 0px;
    padding: 0;
}

.anomaly-leave-types .dx-fieldset-header {
    font-size: 13px;
    font-weight: 500;
    position: relative;
    margin-bottom: 8px;
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 8px;
}

#BusinessSelect {
    margin-top: 5px;
}

#gridDepartmentWiseEmployee.Voyon-ChildGrids {
    padding-top: 0px;
    margin-top: 0px;
}

.vy-custom-grid {
    width: 100%;
    font-size: 13px;
}

table.vy-custom-grid td, table.vy-custom-grid th {
    width: 16.5%;
    padding: 10px 15px;
    padding-left: 0;
}

.vy-custom-grid .head-row {
    border-bottom: 1px solid #cdcdcd;
    height: 42px;
}

.vy-custom-grid .data-row {
    height: 42px;
}

.vy-custom-grid .transaction-caption-company th {
    font-size: 13px;
    font-weight: 500;
}

.Absent .absentText {
    background: var(--absent);
    color: #fff;
    padding: 1px 10px;
    height: 18px;
    line-height: 15px;
    border-radius: 3px;
    margin-top: 1px;
    font-size: 10px;
    width: 60px;
}

.Present .PresentText {
    background: var(--present);
    color: #0a4107;
    padding: 1px 10px;
    height: 18px;
    line-height: 15px;
    border-radius: 3px;
    margin-top: 1px;
    font-size: 10px;
    width: 60px;
}

.Absent .holiday .separator::before, .Absent .holiday .separator::after {
    border-bottom: 1px solid var(--absent);
}

.Weekend.Absent .holiday .separator::before, .Weekend.Absent .holiday .separator::after {
    border-bottom: 1px solid var(--weekend);
}

.wd-title div {
    display: inline-block;
}

#calendarYearDashBoard {
    height: 152px;
}

.wd-holiday-item > div {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    line-height: 28px;
}
/*.wd-holiday-item {
              margin: 0px;
              color: #848484;
            }*/
.wd-holiday-item {
    margin: 0px;
    color: #848484;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(217, 220, 228);
    border-radius: 7px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.05);
    padding: 2px 5px;
    margin-bottom: 3px;
}

    .wd-holiday-item .holiday-name {
        font-weight: 600;
        width: 56%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 13px;
    }

.dx-row .wd-holiday-item .holiday-name {
    width: 100%;
}

.wd-holiday-item .holiday-type {
    font-size: 12px;
    font-weight: 500;
}

.wd-holiday-item .holiday-date {
    font-size: 12px;
}

.wd-holiday-item .holiday-religion {
    font-size: 12px;
    text-align: right;
}

.wd-holiday-item .holiday-name i {
    font-size: 13px;
    vertical-align: middle;
    margin-top: -8px;
}

.Calendar-i {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    padding: 1px;
    display: inline-block;
    text-align: center;
    margin-right: 5px;
    position: relative;
    top: 1px;
}

.wd-holiday-item .holidays-details > div {
    display: inline-block;
}

.wd-holiday-item.Optional-type .holiday-name {
    color: hsl(132deg 36% 68%);
}

.wd-holiday-item.Optional-type .Calendar-i {
    background: hsl(132deg 51% 77% / 35%);
}

    .wd-holiday-item.Optional-type .Calendar-i i {
        color: hsl(132, 51%, 77%);
    }

.wd-holiday-item.Fixed-type .holiday-name {
    color: hsl(16, 51%, 77%);
}

.wd-holiday-item.Fixed-type .Calendar-i {
    background: hsl(16deg 51% 77% / 26%);
}

    .wd-holiday-item.Fixed-type .Calendar-i i {
        color: hsl(16, 51%, 77%);
    }

.wd-holiday-item.Religious-type .holiday-name {
    color: hsl(181deg 58% 64%);
}

.wd-holiday-item.Religious-type .Calendar-i {
    background: hsl(181deg 51% 77% / 36%);
}

    .wd-holiday-item.Religious-type .Calendar-i i {
        color: hsl(181deg 58% 64%);
    }

.wd-holiday-item .holidays-details {
    width: 44%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* text-align: right; */
}

.wd-title span {
    color: #6c7e98;
    font-size: 14px;
}

#dashBoardEvents {
    max-width: 571px;
    height: 177px;
}

.event-row-filter {
    margin-top: 25px;
}

#ApplyButton .dx-button-content, #ResetButton .dx-button-content {
    padding: 5px 18px 5px;
}

    #ApplyButton .dx-button-content .dx-button-text, #ResetButton .dx-button-content .dx-button-text {
        position: relative;
        top: -2px;
    }

.holiday-summary-row {
    margin-bottom: 10px;
    margin: 0px !important;
}

    .holiday-summary-row .f-holiday {
        font-size: 13px;
        font-weight: 500;
        font-family: var(--main-font);
    }

#BirthDayData {
    width: 571px;
}

.calendar-dashboard .dx-scheduler-header {
    height: 28px;
    background-color: #ffffff;
    border: 1px solid rgb(255 255 255 / 60%);
    margin-top: -6px;
}

.calendar-dashboard .dx-scheduler-work-space {
    padding-top: 0px;
    margin-top: 0px;
    background-color: #ffffff;
    border: 0px solid rgba(221,221,221,.6);
}

#schedulerPop.calendar-dashboard .dx-scheduler-work-space {
    border: 1px solid rgba(221,221,221,.6);
    height: calc(100% );
    border-radius: 7px;
    margin-top: 30px;
}

#scheduler {
    overflow: hidden;
    height: 296.2px !important;
}

    #scheduler.calendar-dashboard .dx-scheduler-view-switcher.dx-tabs .dx-tab {
        width: auto;
        padding: 2px 6px;
    }

#schedulerPop.calendar-dashboard .dx-scheduler-view-switcher.dx-tabs .dx-tab {
    padding: 2px 6px;
    width: 68px;
}

.calendar-dashboard .dx-scheduler-view-switcher {
    border-radius: 5px;
    background: #fff;
    height: 25px;
    margin: 0px 0px;
    overflow: hidden;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(255, 255, 255);
}

#scheduler.calendar-dashboard .dx-scheduler-view-switcher {
    margin-right: 15px;
}

.calendar-dashboard .dx-scheduler-view-switcher .dx-tab-selected:after {
    border-right: 1px solid #ddd0;
    border-left: 1px solid #ddd0;
}

.calendar-dashboard .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected {
    background-color: var(--primary-color);
    border-radius: 4px;
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}

.calendar-dashboard .dx-tab-text {
    vertical-align: middle;
    line-height: 16px;
    font-size: 12px;
    font-family: var(--main-font);
    color: #494949;
    font-weight: 600;
}

.calendar-dashboard .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected .dx-tab-text {
    color: #fff;
}

.calendar-dashboard .dx-scheduler-navigator {
    width: fit-content;
    position: initial;
    margin: 0px 0;
    margin-left: 170px;
    padding: 0px;
}

    .calendar-dashboard .dx-scheduler-navigator .dx-button {
        margin-top: 0px;
        height: 25px;
    }

    .calendar-dashboard .dx-scheduler-navigator .dx-button-has-icon .dx-button-content {
        padding: 2px;
    }

.calendar-dashboard .dx-scheduler-navigator-caption {
    width: 120px;
    min-width: 108px;
    max-width: 80%;
}

.calendar-dashboard .dx-scheduler-navigator .dx-button-content {
    padding: 2px 18px 2px;
}

.calendar-dashboard .dx-scheduler-navigator .dx-button-text {
    line-height: 16px;
    font-size: 12px;
    font-family: var(--main-font);
    color: #494949;
    font-weight: 500;
}

.calendar-dashboard .dx-scheduler-navigator .dx-button-has-icon .dx-icon {
    width: 18px;
    height: 14px;
    background-position: 0 0;
    background-size: 18px 18px;
    padding: 0;
    font-size: 12px;
    text-align: center;
    line-height: 14px;
    margin-right: 0;
    margin-left: 0;
}

.calendar-dashboard .dx-scheduler-navigator .dx-button-mode-contained {
    background-color: #ffffff;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(255, 255, 255);
    color: #494949;
}

.calendar-dashboard .dx-scheduler-work-space.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-panel {
    border-bottom: 0px solid rgba(221,221,221,.6);
    font-size: 14px;
    margin-top: 0px;
}

.calendar-dashboard .dx-scheduler-header-panel-cell {
    position: relative;
    border-left: 0px solid rgba(221,221,221,.6);
    border-right: 0px solid rgba(221,221,221,.6);
    color: #6e6ea0;
    padding: 0;
    vertical-align: middle;
    text-align: center;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    padding: 8px 2px;
    height: 14px;
}

.calendar-dashboard .dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
    font-size: 10px;
    height: 41px;
    padding: 7px 5px;
    font-weight: 500;
    color: #727272;
}

    .calendar-dashboard .dx-scheduler-work-space-month .dx-scheduler-date-table-cell.dx-scheduler-date-table-current-date {
        background: #f4f4ffad;
    }

        .calendar-dashboard .dx-scheduler-work-space-month .dx-scheduler-date-table-cell.dx-scheduler-date-table-current-date div {
            display: block;
            padding: 0px 0px;
            color: rgb(34 178 244) !important;
            filter: contrast(1.5);
            text-align: left;
            border-radius: 50%;
            color: #fff;
        }

    .calendar-dashboard .dx-scheduler-work-space-month .dx-scheduler-date-table-cell.dx-scheduler-date-table-other-month {
        background-size: 10px 10px;
        background-image: linear-gradient(45deg, #e2e2f3 4.55%, #ffffff 4.55%, #ffffff 50%, #e2e2f3 50%, #e2e2f3 54.55%, #ffffff 54.55%, #ffffff 100%);
    }

.calendar-dashboard .dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable {
    padding-bottom: 12px;
}

.wd-title.calendar-titile {
    position: relative;
    margin-top: -296.2px;
    padding-top: 0px;
    top: -15px;
    padding-left: 15px;
    z-index: 2;
    width: 120px;
}

.event-tooltip {
    line-height: 20px;
    padding: 10px 0;
    border-top: 1px solid #ddd;
}

.dx-scheduler-appointment-tooltip-wrapper .dx-item.dx-list-item:first-of-type .event-tooltip {
    border-top: 0px;
}

.event-tooltip-title {
    font-size: 14px;
    font-weight: 600;
    color: var(--primary-color);
}

.event-tooltip-data {
    font-size: 13px;
    font-weight: 500;
    color: #767682;
}

.dashboard-calender-cog-btn {
    position: absolute;
    right: 198px;
    width: 25px;
    height: 25px;
    background: var(--primary-color);
    border-radius: 50%;
    color: #fff;
    text-align: center;
    padding: 0 0;
    margin-top: -28px;
    z-index: 2;
    box-shadow: 0px -1px 12px 0px rgba(173, 175, 177, 0.64);
    -webkit-box-shadow: 0px -1px 12px 0px rgba(173, 175, 177, 0.64);
    -moz-box-shadow: 0px -1px 12px 0px rgba(173, 175, 177, 0.64);
    cursor: pointer;
}

    .dashboard-calender-cog-btn span {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        width: inherit;
        height: inherit;
        line-height: initial;
    }

.event-strip {
    color: white;
    padding: 1px 2px;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    font-size: 10px;
    line-height: 11px;
    background: #ececff9e;
    width: fit-content;
    border-left: 2px solid;
    font-weight: 600;
}

    .event-strip.worked {
        background-color: transparent;
        border-left: none;
    }

    .event-strip.cmsServiceRequestCount {
        border-left: none;
        font-weight: 500;
        font-size: 12px;
        border-radius: 2px;
        padding: 4px 5px;
    }

.calendar-dashboard .dx-scheduler-appointment {
    background: #ddd0;
}

.voyondashbord {
    margin-left: -7px;
    margin-right: -7px;
}

#UserPreferenceForm .dx-field-item-label-content {
    width: 178px !important;
    text-align: left;
}

.vy-save-btn .dx-button-text {
    font-weight: 500;
    font-size: 13px;
}

.vy-save-btn .dx-button-has-text .dx-button-content {
    padding: 6px 20px 6px;
}

.calendar_userPerference-btn.vy-save-btn {
    text-align: right;
    margin-top: 10px;
}

#UserPreferenceForm .dx-field-item-content {
    width: 20px;
}

.calendar-dashboard .dx-scheduler-all-day-panel {
    background-color: #f6f6ff;
}

.calendar-dashboard .dx-scheduler-all-day-table {
    /*height: 50px;*/
}

.calendar-dashboard .dx-scheduler-time-panel-cell {
    color: #333;
    position: relative;
    width: 100%;
    text-align: center;
    vertical-align: top;
    border-bottom: 1px solid transparent;
    font-size: 11px;
    /*height: 54px;*/
    padding: 0px 5px;
    font-weight: 500;
    color: #222;
}

.calendar-dashboard .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-title {
    font-family: var(--main-font);
    top: 30px;
}

.calendar-dashboard .dx-scheduler-all-day-appointment,
.calendar-dashboard .dx-scheduler-timeline .dx-scheduler-appointment,
.calendar-dashboard .dx-scheduler-work-space-month .dx-scheduler-appointment {
    box-shadow: inset 2px 0 0 0 var(--primary-color);
}

.calendar-dashboard .dx-scheduler-all-day-table-cell.dx-state-hover,
.calendar-dashboard .dx-scheduler-date-table-cell.dx-state-hover {
    background-color: var(--toolbar-color);
    color: #222;
}

#schedulerPop.dx-scheduler-small .dx-scheduler-view-switcher.dx-tabs {
    display: inline-table;
}

#schedulerPop.calendar-dashboard .dx-scheduler-navigator {
    right: inherit;
    margin-top: 0px;
    left: -10px;
}

.schedul-pop-search {
    z-index: 2;
    position: relative;
    top: 35px;
}

    .schedul-pop-search .dx-placeholder {
        left: 26px;
    }

#schedulerPop.calendar-dashboard .dx-scheduler-navigator .dx-button {
    height: 30px;
}

#schedulerPop.calendar-dashboard .dx-scheduler-header {
    min-height: initial;
    margin-top: -52px;
    height: 26px;
    clear: both;
}

#schedulerPop.calendar-dashboard .dx-scheduler-view-switcher {
    height: 28px;
    margin-top: -10px;
    margin-right: 20px;
}

    #schedulerPop.calendar-dashboard .dx-scheduler-view-switcher .dx-button-content {
        padding: 3px 10px 4px;
    }

span.at-data {
    padding: 10px 5px;
    border: 1px solid #dddde1;
    width: 100%;
    display: block;
    text-align: center;
    font-weight: 500;
    border-radius: 5px;
}

    span.at-data.Present {
        color: #00da65;
    }

    span.at-data.WeeklyOff, span.at-data.WeeklyOff.Absent {
        background: #e9ecf5;
        color: var(--weekend);
        font-weight: 500;
    }

    span.at-data.Absent {
        color: red;
    }

    span.at-data.Leave {
        color: #ffc107;
    }

td.middle-date-rows .dx-datagrid-text-content {
    text-align: center;
    width: 100%;
}

.dx-datagrid .dx-column-lines > td.middle-date-rows {
    padding: 0px 2px;
}

#AttendanceLogSummary-grid .dx-datagrid-borders > .dx-datagrid-headers {
    padding-right: 10px !important;
}

.middle-date-rows.month-views span.at-data {
    padding: 10px 0px;
    font-size: 9px;
}

.vy-switch-group .dx-buttongroup-wrapper {
    border-radius: 5px;
    background: #fff;
}

.vy-switch-group .dx-buttongroup-item-content {
    border: 1px solid #d4dce9;
}

    .vy-switch-group .dx-buttongroup-item-content.dx-item-selected {
        background-color: var(--primary-color) !important;
        border-radius: 4px;
        box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
        -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
        -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
        color: #fff !important;
        border: 1px solid var(--primary-color);
    }

.vy-switch-group .dx-button-content {
    padding: 5px 10px 5px;
    width: 96px;
}

    .vy-switch-group .dx-button-content .dx-button-text {
        font-size: 13px;
        font-weight: 500;
        color: #6c7999;
        line-height: 19px;
    }

.vy-switch-group .dx-buttongroup-item-content.dx-item-selected .dx-button-content .dx-button-text {
    color: #fff !important;
}

.toolbar-today-title {
    display: inline-block;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    color: var(--primary-color);
    line-height: 36px;
}

.toolbar-today-date {
    font-weight: 700;
    color: #61739c;
    font-size: 13px;
}

.calendar-nav-triger-mult {
    width: 250px;
    position: relative;
    /*top: -4px;*/
}

.margin-center {
    margin: 0 auto;
    text-align: center;
}

.mult-atnd-toolbar {
    height: 45px;
    margin-bottom: 10px !important;
    line-height: 30px;
}

.mult-current-daterage {
    font-size: 13px;
    display: block;
    line-height: 36px;
    font-weight: 500;
    color: #7083a7;
    text-transform: uppercase;
}

.mult-type {
    position: relative;
    top: 2px;
}

    .mult-type.label {
        font-size: 13px;
        font-weight: 500;
        color: #4b4d50;
    }

        .mult-type.label.Today {
            color: var(--primary-color);
        }

    .mult-type.dropdown {
        margin-right: 30px;
    }

    .mult-type .dx-texteditor-input {
        min-height: 27px;
    }

.mult-range-switch {
    vertical-align: baseline;
}

#AttendanceLogSummary-grid .dx-datagrid-nowrap .dx-header-row > td > .dx-datagrid-text-content {
    line-height: 26px;
}

.footer-btns-popup {
    position: absolute;
    top: 1px;
    width: 100%;
    padding: 0 40px;
}

#responsiveBoxContainer > .dx-box-flex > .dx-item.dx-box-item > .dx-box-item-content > .dx-item.dx-box-item {
    overflow: hidden;
}

.vy-pop-save .dx-button-content {
    padding: 6px 20px 6px;
    min-width: 85px;
    line-height: 14px;
    font-weight: 500;
}

.vy-pop-cencel .dx-button-content {
    padding: 6px 20px 6px;
    min-width: 85px;
    line-height: 14px;
    font-weight: 500;
}

.vy-pop-btn-group {
    padding: 20px;
    position: absolute !important;
    bottom: 0;
    text-align: right;
    margin: 0 -20px;
}

#Change-Password-Page {
    background: rgb(246, 247, 251);
    padding: 60px 0 20px;
    z-index: 19;
}

.iframe-change-password {
    padding: 20px;
    background: #fff;
    border: none;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.05);
    border-radius: 7px;
    width: 98%;
    height: 98%;
    /* margin-left: 20px; */
    /* margin-right: 20px; */
    margin: 1%;
}

#gridholidayCalendarFlyout .wd-holiday-item {
    border-color: transparent;
    box-shadow: none;
    background: transparent;
    padding: 0;
    border-radius: 0;
}

.att-status {
    padding: 7px 8px;
    border-radius: 4px;
    text-align: center;
    box-shadow: 0px 2px 7px 0px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0px 2px 7px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 2px 7px 0px rgb(0 0 0 / 10%);
    font-size: 12px;
    width: fit-content;
}

#dashBoardEventsAttachment .ovel-img {
    height: auto;
    display: flex;
    width: auto;
    align-items: center;
    background: #ddecfc3b;
}

.event-slider {
    margin-top: 10px;
}

.pref-footer-button-group {
    padding: 0;
    text-align: right;
    margin-top: 20px;
}

    .pref-footer-button-group .buttons-column {
        display: inline-block;
    }

.cursor-pointer {
    cursor: pointer;
}

#scroll-Height {
    height: calc(100%);
    overflow-y: auto;
    overflow: hidden;
    background: #ffffff;
    border-radius: 7px;
    border: 1px solid #c1c1c1;
}

#Import-Template.dx-button > .dx-button-content,
.Vf-more-custom-dropdown-btn.save-pref > .dx-button-content {
    padding: 3px 2px;
}

{
    padding: 3px 2px;
}

#Import-Template .vy-circle-btn .dx-button {
    margin-right: 5px;
    background: #17a2b8;
}

#Import-Template .vy-circle-btn .dx-button-has-icon .dx-button-content {
    padding: 6px;
    line-height: inherit;
}

#Import-Template .dx-icon-upload {
    font-size: 16px;
    line-height: 16px;
}

#Import-Button-Text {
    line-height: 28px;
}

#Import-Template {
    margin-right: 10px;
}

.Vf-grid-child.bulk-emp-child-grid {
    padding-top: 35px;
}

.bulkentry-icon {
    font-size: 15px !important;
}

.bulkentry-icon-row {
    padding: 10px !important;
}

.import-toolbar-btn {
    width: 16px !important;
    height: 16px !important;
    background-position: 0 0;
    background-size: 19px 15px !important;
    padding: 0;
    font-size: 18px;
    padding: 0;
    font-size: 18px;
    text-align: center;
    line-height: 18px !important;
    background-image: url(../img/import-btn_black.svg);
    background-repeat: no-repeat;
}

.help-Builder {
    padding-right: 0px !important;
}

#helptopic {
    height: calc(79vh - 60px);
}

#htmleditor {
    min-height: 560px;
}

#helpcontent {
    height: 93vh;
    overflow: auto;
}

.Help-builder-parent .Voyon-tree-list .dx-treelist .dx-row-lines > td {
    border-bottom: 1px solid #ddd0;
}

.Help-builder-parent .Vf-grid-default .dx-treelist-headers .dx-treelist-content {
    border-bottom: 1px solid #ddd0 !important;
}

    .Help-builder-parent .Vf-grid-default .dx-treelist-headers .dx-treelist-content td {
        padding: 15px 20px;
    }

.Help-builder-parent td {
    border-color: transparent !important;
}

.Help-builder-parent .Voyon-tree-list .dx-header-row > td > .dx-treelist-text-content {
    font-size: 16px;
}

.footer-group-helpbuilder {
    padding-right: 65px;
    padding-top: 15px;
    float: right;
}

.vy-grid-title.custom {
    top: 0px;
    left: 15px;
}

#helptopic .dx-toolbar-after {
    width: 100%;
    padding: 6px 15px;
}

#helptopic .dx-treelist-search-panel {
    margin: 0 0 0 0px;
}

#helptopic .dx-treelist-container {
    background-color: #fff;
    border-radius: 7px;
}

.Help-builder-parent .Voyon-tree-list {
    margin-top: 0px !important;
}

.footer-btn-group-probation {
    position: relative;
    margin-top: 20px;
    text-align: right;
}
/*========================================================================*/
.notif-pulldown .icon-section i {
    width: 24px;
    display: table-cell;
    height: 24px;
    background: rgb(155 203 254 / 50%);
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    color: #6a6a6a;
}

.notif-pulldown .title-section .description {
    font-size: 13px;
    color: #020202;
    word-break: break-word;
    font-weight: 500;
    display: flex;
    margin-top: -15px;
}

.notif-pulldown .title-section .title {
    font-size: 13px;
    color: #222;
    font-weight: 500;
    text-align: left;
    display: inline-block;
    float: left;
}

.UnRead .title-section .description {
    color: rgb(109, 63, 62);
    font-weight: 500;
}

.UnRead .icon-section i {
    background: #007bff;
    color: #fff;
}

.notif-pulldown .title-section {
    margin-left: 30px;
    white-space: break-spaces;
    text-align: left;
    line-height: 16px;
}

.notif-pulldown .icon-section {
    width: 40px;
    float: left;
    margin: 0 auto;
    padding: 5px;
    text-align: center;
    height: 34px;
}

.notif-pulldown {
    padding: 35px 0px 10px !important;
}

    .notif-pulldown.task {
        padding: 10px !important;
    }

    .notif-pulldown .item {
        height: 52px;
        overflow: hidden;
        /* padding-bottom: 5px; */
        border-bottom: .5px solid #f2f2f2;
        margin-bottom: 0px;
        padding-top: 8px;
    }

.task.notif-pulldown .item {
    border-bottom: 0px solid #f2f2f2;
}

.notif-pulldown .UnRead.item {
    background: var(--hover);
    border-radius: 5px;
}

.notif-pulldown .dx-item.dx-list-item:last-of-type .item {
    border-bottom: 0px;
    margin-bottom: 0px;
}

.notif-pulldown .right-section {
    width: 10%;
    float: left;
    text-align: center;
    color: var(--primary-color);
    height: 32px;
}

.notif-pulldown .left-section {
    width: 90%;
    float: left;
}

.notif-pulldown.task .left-section {
    width: 100%;
}

.notif-pulldown .dx-item-content.dx-list-item-content {
    padding: 0px 10px 0 !important;
    padding-bottom: 0;
}

.notif-pulldown.task .dx-item-content.dx-list-item-content {
    padding: 0px 10px 0 !important;
    background: #f4f9ff;
    border-radius: 7px;
}

.notif-pulldown .dx-item.dx-list-item:last-of-type {
    margin-bottom: 0;
    padding-bottom: 25px;
}

.notif-pulldown.task .dx-item.dx-list-item:last-of-type {
    padding-bottom: 0px;
}

.documents {
    width: 100%;
    margin-bottom: 10px;
}

    .documents .doc-box {
        border-style: solid;
        border-width: 1px;
        border-color: rgb(217, 220, 228);
        border-radius: 7px;
        padding: 0px 0 0px;
        box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.05);
    }

    .documents .doc-box-head h4 {
        font-size: 14px;
        font-weight: 700;
        color: #000;
        float: left;
        margin: 0;
        line-height: 16px;
    }

    .documents .doc-box-head p {
        font-size: 13px;
        color: #ff4f4f;
        text-align: right;
    }

    .documents .doc-box-head {
        padding: 0px 15px;
        height: 20px;
    }

    .documents .doc-field {
        border: 1px solid var(--primary-varient);
    }

    .documents .at-upload {
        display: inline-flex;
        border: 1px solid var(--primary-varient);
        width: 80px;
        border-radius: 30px;
        padding: 2px 2px;
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 10px;
        transition: 0.3s;
        margin-right: 5px;
    }

    .documents .up-plus i {
        position: relative;
        top: 1px;
        font-size: 20px;
        color: var(--primary-color);
    }

    .documents .at-upload span {
        margin: 4px 4px 0;
    }

    .documents .at-upload:hover {
        background: var(--primary-color);
        transition: 0.3s;
        cursor: pointer;
    }

        .documents .at-upload:hover .up-plus i {
            transition: 0.2s;
            color: #fff;
        }

        .documents .at-upload:hover span {
            color: #fff;
        }

    .documents .close-mark i {
        transition: 0.2s;
        color: #fff;
    }

    .documents .at-file {
        display: inline-flex;
        background: #b2c1d2;
        transition: 0.2s;
        width: auto;
        border-radius: 5px;
        padding: 4px 20px 4px 12px;
        font-size: 11px;
        line-height: 17px;
        margin-bottom: 10px;
        position: relative;
        color: #fff;
    }

    .documents .close-mark {
        position: relative;
        right: -12px;
    }

.height-auto {
    height: auto !important;
}

.offers-popup .dx-item-content.dx-list-item-content {
    padding: 0px;
}

.footer-btn-group-probation {
    position: relative;
    margin-top: 20px;
    text-align: right;
}

.offers-bg {
    width: 100%;
    height: 215px;
    background-position: 0;
    padding: 0;
    padding: 0;
    background-image: url(../img/offers-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

    .offers-bg .strip {
        text-align: right;
        position: relative;
        right: -6px;
        top: 0px;
    }

        .offers-bg .strip .count-label {
            vertical-align: top;
            font-weight: 500;
        }

        .offers-bg .strip .count {
            font-size: 46px;
            font-weight: 700;
            vertical-align: top;
            color: var(--primary-color);
            line-height: 27px;
        }

.shift-calendar-header .dx-datagrid-search-panel {
    width: 280px !important;
    margin-left: 10px !important;
}

.Vf-btn-circle.bulk-update .dx-button-content {
    padding: 2px 10px 2px !important;
    min-width: 87px;
    overflow: inherit;
}

.Vf-grid-default.customized {
    margin-top: 0px !important;
}

    .Vf-grid-default.customized .dx-header-row td .dx-datagrid-text-content {
        line-height: 30px;
    }

#ShiftCalendar-grid .dx-datagrid-rowsview {
    padding: 0 10px !important;
}

#ShiftCalendar-grid .dx-datagrid .dx-column-lines > td {
    border-left: 1.5px solid #ffffff;
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}

#ShiftCalendar-grid .dx-datagrid-headers.dx-datagrid-nowrap td {
    border-right: 1px solid #e8e8e8;
}

    #ShiftCalendar-grid .dx-datagrid .dx-column-lines > td:first-of-type {
        padding-left: 5px;
    }

.shift-legends {
    background: #ffff;
    padding: 20px 10px;
    border-radius: 0px 0px 7px 7px;
    padding-left: 26px;
}

.shift-indication {
    background: #e8f3fc;
    margin: 0;
    padding: 15px 15px;
    font-family: var(--main-font);
    border-radius: 6px;
    margin-bottom: 10px !important;
}

.highlighting-td {
    text-align: center;
    font-weight: 500;
}

.SC-ring {
    border: 3px solid grey;
    width: 12px;
    height: 12px;
    border-radius: 60px;
    margin-right: 6px;
    display: inline-block;
    overflow: hidden;
    position: relative;
    margin-left: 0px;
    margin-top: 0px;
    padding: 5px;
    vertical-align: text-bottom;
    position: relative;
    top: 0px;
}

.jkow {
    font-weight: 500;
    color: #99a0ad;
}

.SC-ring-label {
    color: #222;
    font-size: 12px;
    vertical-align: text-bottom;
    margin-right: 20px;
}

#Workforce-Employee-BankDetails-VoyonGrids-Header-ToolBar {
    display: none;
}

.Vf-btn-default.Vf-btn-circle.Batch-edit .dx-button-content,
.Vf-btn-default.Vf-btn-circle.Batch-delete .dx-button-content {
    padding: 0px;
}

    .Vf-btn-default.Vf-btn-circle.Batch-edit .dx-button-content .dx-icon,
    .Vf-btn-default.Vf-btn-circle.Batch-delete .dx-button-content .dx-icon {
        margin: 0 !important
    }

.zero-btn .dx-buttongroup {
    position: relative;
    width: 19px !important;
    height: 19px !important;
    top: -25px;
    margin-left: -24px;
    visibility: hidden;
}

.task-show-all-btn.dx-button {
    background: transparent;
    border: none;
    margin: 0 0px;
    width: 100%;
    /* border-top: 1px solid #ddd; */
    border-radius: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    display: block;
    margin-top: 0px;
    background: #edf4fc;
    top: -22px;
    position: relative;
}

.notif-pulldown.task .task-show-all-btn.dx-button {
    top: 0px;
}

.dx-dropdownbutton-popup-wrapper .notif-pulldown.task .dx-list {
    height: 100% !important;
}

.task-show-all-btn .dx-button-content {
    padding: 0px;
}

.task-show-all-btn .dx-button-text {
    color: var(--primary);
}

.notif-pulldown .notif-time {
    padding-left: 10px;
    padding-top: 7px;
    display: table;
    width: 90%;
    font-size: 10px;
    color: #000000;
    text-align: left;
    opacity: .7;
    float: right;
}

.notif-pulldown.task .notif-time {
    display: block;
    font-size: 10px;
    color: #000000;
    text-align: left;
    opacity: .7;
    width: 100%;
    margin-top: -15px;
    padding-top: 4px;
}

.notif-time i {
    font-size: 9px;
    margin-right: 3px;
}

.item.UnRead .notif-time {
    color: red;
}

.zero-btn {
    color: #6c6c6c !important
}

.headerremove {
    border: thin solid #bfbffd47;
    margin: 5px 10px;
    /* padding: 10px; */
    border-radius: 6px;
    /* background: #ffffff; */
}

.dropArea {
    width: 57px;
    height: 50px;
    cursor: default;
    margin: 0px;
    padding: 0px;
}

.View {
    width: auto;
    height: 100%;
}

.item.dx-draggable-dragging {
    z-index: 2;
}

.ditem {
    box-sizing: border-box;
    padding: 10px 15px;
    margin-bottom: 6px;
    font-size: 12px;
    font-weight: 500;
    color: #4b636d !important;
    border-radius: 4px !important;
    background: #fff !important;
}


.wd-delete-btn {
    font-size: 15px;
    position: relative;
    float: right;
    width: inherit;
    text-align: right;
    margin-top: -20px;
    top: 53px;
    color: #212529;
    right: 15px;
    background: #fff;
    padding: 3px 4px;
    border-radius: 3px;
    z-index: 22;
    display: none;
}

.dx-item.dx-box-item .header.dashlet:hover .wd-delete-btn {
    display: block;
}

.dashboard-designer .dx-theme-background-color {
    background-color: #f2f2f2 !important;
    fill: #fff !important;
    border-radius: 7px;
    padding: 10px 5px;
}

.panel-list .dx-theme-background-color {
    background-color: #fff !important;
}

.dashboard-config {
    padding: 5px 6px;
    border-radius: 3px;
    background: #ffffff;
    margin-left: 0;
    margin-bottom: 7px !important;
    border: 1px solid #d1d1d18c;
    box-shadow: 0px 4px 11.83px 1.17px rgba(156, 156, 156, 0.15);
    position: sticky;
    top: -12px;
    margin-top: -8px;
    left: 0;
    z-index: 2;
}

.dashboard-designer .dashboard-config {
    padding: 5px 10px;
    border-radius: 4px;
    background: var(--toolbar-color);
    margin-left: 0;
    margin-bottom: 7px !important;
    border: 1px solid #d1d1d18c;
    box-shadow: 0px 4px 11.83px 1.17px rgba(156, 156, 156, 0.15);
    position: sticky;
    top: 32px;
    margin-top: 0px;
    left: 0;
    z-index: 2;
}

.notif-pulldown .dx-list-next-button {
    display: none;
}

.dashboard-designer .voyondashbord {
    margin-left: 0;
    margin-right: 0;
}

.dashboard-config .toolbar-label {
    font-size: 14px;
    font-weight: 500;
    color: #44444f;
}

.favt.far fa-star favt {
}

.offers-bg.partners-bg {
    background-image: url(../img/partners-bg.png);
}

.offers-bg.partners-bg {
    background-image: url(../img/partners-bg.png);
}

.wd-card-xs .wd-title span {
    color: #010101;
}

.wd-card-xs .wd-title i {
    margin-right: 8px;
    font-size: 17px;
}

.wd-card-xs .count-canvas {
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 12px;
}

.wd-card-xs .more-det {
    text-align: right;
}

    .wd-card-xs .more-det a {
        text-decoration: underline;
        font-weight: 600;
    }

.xs-card-c1.wd-card-xs .wd-title i,
.xs-card-c1.wd-card-xs .count-canvas,
.xs-card-c1.wd-card-xs .more-det a {
    color: var(--xs-card-c1)
}

.xs-card-c2.wd-card-xs .wd-title i,
.xs-card-c2.wd-card-xs .count-canvas,
.xs-card-c2.wd-card-xs .more-det a {
    color: var(--xs-card-21)
}

.xs-card-c3.wd-card-xs .wd-title i,
.xs-card-c3.wd-card-xs .count-canvas,
.xs-card-c3.wd-card-xs .more-det a {
    color: var(--xs-card-c3)
}

.xs-card-c4.wd-card-xs .wd-title i,
.xs-card-c4.wd-card-xs .count-canvas,
.xs-card-c4.wd-card-xs .more-det a {
    color: var(--xs-card-c4)
}

.help-viewer-popup {
    height: 606px;
    width: 700px;
    background: #fff;
    border-radius: 6px;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(235, 235, 235);
    position: absolute;
    right: 40px;
    top: 60px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    overflow-y: auto;
}

.help-field {
    width: 100%;
    border-radius: 4px;
    border: 1px solid #ddd;
    font-size: 13px;
    padding: 4px 10px 4px;
    padding-left: 30px;
}

.help-body {
    padding: 8px 0;
}

.topic-title {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 0.7em;
    color: rgb(58 58 58);
    width: 100%;
}

.topic-content {
    font-size: 13px;
    color: #848484;
    line-height: 20px;
}

.related-topics {
    margin-left: 12px;
    margin-top: 4px;
    color: #2d7eea;
    font-weight: 500;
    text-decoration: underline;
    margin-bottom: 10px;
}

    .related-topics .item {
        margin-bottom: 3px;
        cursor: pointer;
    }

.help-search-icon {
    position: absolute;
    left: 24px;
    top: 54px;
    font-size: 13px !important;
    color: #222;
}

.help-header {
    margin: -15px;
    padding: 15px 15px 10px;
    margin-bottom: 0;
    position: sticky;
    top: 0px;
    z-index: 22;
    height: 30px;
}

    .help-header .title {
        display: block;
        margin-bottom: 7px;
        color: #6c7e98;
        font-weight: 500;
    }

    .help-header .HTitle {
        display: inline-block;
        position: relative;
        top: -2px;
    }

    .help-header .close-btn {
        position: absolute;
        cursor: pointer;
        right: 15px;
        top: 14px;
    }

        .help-header .close-btn i {
            font-size: 11px;
            color: #909090;
            font-weight: 700;
        }

.bredcrumb {
    font-size: 12px;
    margin-bottom: 10px;
    color: #757575;
    font-weight: 500;
}

    .bredcrumb span {
        cursor: pointer;
        color: #2d7eea;
    }

        .bredcrumb span:hover {
            text-decoration: underline;
        }

.help-home-btn {
    width: 15px;
    position: absolute;
    right: 37px;
    top: 14px;
}

.left-help {
    width: 278px;
    float: left;
    overflow: hidden;
    padding: 15px;
    height: 100%;
    background: rgb(227 229 242 / 15%);
}

.right-help {
    float: right;
    overflow: hidden;
    width: 100%;
    padding: 10px 0px;
    border-radius: 7px;
}

.top-second-level {
    padding-left: 6px;
}

    .top-second-level .item {
        font-size: 12px;
        font-weight: 500;
        margin-bottom: 0.2em;
        color: rgb(93 93 93);
        width: 100%;
    }

    .top-second-level .topic-title {
        margin-bottom: 0.2em;
    }

.left-help .help-header {
    background: rgb(227 229 242 / 75%);
}

.left-help .help-search-icon {
    top: 24px;
}

.left-help .topic-title {
    margin-bottom: 0.2em;
}

.left-body {
    padding: 10px 0;
}

.help-menubar {
    display: inline-block;
    margin-right: 13px;
    cursor: pointer;
}

#helpdrawer .dx-drawer-panel-content {
    background: #fff;
    margin-top: 0px;
    box-shadow: 0 0 transparent;
    border: none;
}

#helpdrawer .Voyon-tree-list tr.dx-row.dx-data-row td:last-child {
    border-radius: 7px;
    border-color: #ffff !important;
}

iframe#help-view {
    border: none !important;
}

.help-bg-f {
    background: #fff;
}

#helpTree .dx-treelist-header-panel {
    background: #fff;
}

#helpdrawer .dx-drawer-content {
    padding: 44px 20px 0px;
    padding-right: 0;
}

    #helpdrawer .dx-drawer-content strong, #helpdrawer .dx-drawer-content p, #helpdrawer .dx-drawer-content ul li span, #helpdrawer .dx-drawer-content ul li a,
    #helpdrawer .dx-drawer-content ol li span, #helpdrawer .dx-drawer-content ol li a {
        margin-bottom: 0px !important;
        font-family: var(--main-font) !important;
        text-align: left !important;
    }

    #helpdrawer .dx-drawer-content ul,
    #helpdrawer .dx-drawer-content ul {
        margin-bottom: 8px;
        margin-top: 10px;
    }

#helpdrawer .dx-drawer-content {
    margin-bottom: 0px;
    background: #f5f5fc9c;
    border-radius: 7px;
}

    #helpdrawer .dx-drawer-content p span, #helpdrawer .dx-drawer-content ul li a,
    #helpdrawer .dx-drawer-content p,
    #helpdrawer .dx-drawer-content p span, #helpdrawer .dx-drawer-content ol li a {
        line-height: 18px;
        font-size: 13px !important;
        font-family: var(--main-font) !important;
    }

    #helpdrawer .dx-drawer-content ul li,
    #helpdrawer .dx-drawer-content ol li {
        line-height: 18px !important;
    }

    #helpdrawer .dx-drawer-content p span em {
        font-family: var(--main-font);
        font-size: 13px;
        margin-left: 6px;
    }

.HelpsearchPage .dx-toolbar-before,
.HelpsearchPage .dx-toolbar-center {
    display: none !important;
}

.HelpsearchPage .dx-toolbar .dx-texteditor {
    width: 100%;
}

#helpTree .dx-data-row.dx-row-focused {
    background-color: #ddeaf3 !important;
}

#helpTree .dx-treelist-search-panel {
    width: 240px !important;
    margin-left: 0px;
}

#helpTree .dx-treelist-rowsview .dx-row {
    height: 36px;
}

#helpTree .dx-treelist-header-panel .dx-toolbar {
    padding: 0;
    margin-top: 6px;
    margin-bottom: 0;
}

#searchPage {
    position: absolute;
    z-index: 33;
    padding: 5px 20px;
}

.G-list .dx-item.dx-list-item {
    border-radius: 5px;
}

    .G-list .dx-item.dx-list-item.dx-list-item-selected .dx-list-item-content,
    .G-list .dx-item.dx-list-item.dx-state-hover .dx-list-item-content {
        background: #ddeaf3;
        color: var(--primary-color);
        border-radius: 7px;
    }

.dashboard-sidebar {
    padding: 20px 25px;
    height: 270px;
    overflow-y: hidden;
}

.dx-grid-highlighted .dx-datagrid .dx-row.dx-row-focused {
    background: #05a6f014;
}

.Vf-btn-default.Vf-btn-circle.bulk-update {
    margin-top: -5px;
}

.global-ico-setup .dx-icon {
    width: 22px;
    height: 17px;
}

.dx-diagram-floating-toolbar-container {
    border: 1px solid #ddd;
    background: var(--toolbar-color);
    -webkit-box-shadow: 0 1px 8px rgba(0,0,0,.175);
    box-shadow: 0 1px 8px rgba(0,0,0,.175);
    border-radius: 6px;
}

.Org-chart-section .dxdi-canvas .shape rect {
    fill: #ffffff;
    stroke-width: 1px;
    stroke: var(--toolbar-color);
    width: 235px !important;
    height: 77px !important;
    rx: 4px;
    ry: 4px;
}

span.more-det-wc-wd {
    color: #fff;
    font-weight: 400;
    border-bottom: 1px solid;
}

.dx-diagram-properties-popup .adjusted-position {
    transform: translate(22px, 248px) !important;
    transition: 0.2s;
}

.coll-cont .dx-diagram-properties-popup .adjusted-position {
    transform: translate(22px, 86px) !important;
    transition: 0.2s;
}

.Workflow-full-view .full-view-card {
    padding: 0;
    margin-right: -15px;
    margin-top: 0;
    background: #fff0;
    height: 100%;
}

.Workflow-full-view.full-view {
    right: 0%;
    transition: 0.5s ease;
    transform: scale(1);
    opacity: 1;
    z-index: 19;
    padding-left: 96px;
    height: 100%;
    padding-top: 60px;
    margin-top: -5px;
    margin-right: 15px;
}

.Workflow-full-view .vy-fullview-title {
    background: #fff0;
    margin-top: 0;
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
    position: static;
}

.Workflow-full-view .full-view-card .btn-group {
    background: #fff0;
    padding: 0;
    position: relative;
    left: 0px;
    border: none;
    height: 27px;
    margin-right: 33px;
    margin-bottom: 10px;
    top: 20px;
}

.Wf-sidebar .dx-datagrid-headers {
    border-radius: 7px 7px 0px 0px;
}

.Wf-sidebar .MCd {
    width: 21%;
    position: absolute;
    z-index: 2;
    padding: 6px 10px;
}

.Wconf_def {
    padding: 15px 15px 5px !important;
}

    .Wconf_def .dx-form-group-content {
        padding-bottom: 0px;
    }

.Wc_brd.right {
    font-size: 12px;
    margin-right: 10px;
    font-weight: 900;
    color: var(--primary-color);
    margin-left: 10px;
}

.Wc_success {
    font-size: 22px;
    position: relative;
    top: 3px;
    margin-right: 5px;
    margin-left: 10px;
    color: #32bea6;
}

.Wc_reject {
    font-size: 22px;
    position: relative;
    top: 3px;
    margin-right: 5px;
    margin-left: 5px;
    color: #cc4e4e;
}

.Wc_or {
    font-size: 14px;
    margin-right: 10px;
    font-weight: 700;
    color: #91a6b4;
    margin-left: 10px;
}

.Wc_Breadcrumb {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(220, 219, 232);
    border-radius: 5px;
    box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.08);
    background: #f6f7fc;
    padding: 5px 15px;
    font-size: 13px;
    line-height: 30px;
}

.MCd {
    position: relative;
    margin: 20px 0 -40px !important;
    z-index: 2;
    padding: 5px 15px;
    height: 36px;
}

.dx-grid-highlighted.Wf-sidebar .dx-datagrid-rowsview {
    padding: 40px 10px !important;
    border-radius: 8px 8px 6px 6px !important;
}

.dx-grid-highlighted.Wf-sidebar .dx-datagrid-headers {
    display: none;
}

.WCF_title {
    font-size: 14px;
    font-weight: 600;
    line-height: 30px;
}

.Hiddend .dx-field-item-label-text {
    visibility: hidden;
    white-space: nowrap;
}

.Wf_ap_toolbar .dx-toolbar {
    margin-bottom: 0px;
    padding: 0px;
}

.Wf_ap .Vf-btn-switch .dx-item-selected .dx-button-content,
.Wf_ap .Vf-btn-switch .dx-button-content {
    padding: 5px 20px !important;
    min-width: 80px;
    line-height: 12px !important;
    border-color: #fff0 !important;
}

.Wf_ap .Vf-btn-switch.dx-button-normal.dx-state-hover .dx-button-content {
    background-color: #fff;
}

.Wf_ap .Vf-btn-switch .dx-button-content .dx-button-text {
    line-height: inherit;
}

.Wf_ap .dx-datagrid .dx-link {
    text-decoration: none;
}

.Wf_ap .Vf-toolbar-batch .dx-button-mode-contained {
    background-color: #ddd0;
}

.Wf_ap .griped .dx-button-text {
    font-size: 12px;
    line-height: 12px;
}

.crip {
    width: 50% !important;
}

.dx-link.custom-btns {
    font-size: 13px !important;
    font-weight: 600;
    position: relative !important;
    top: -3px;
}

.exp-clear-bttn .dx-button-content {
    height: 33px;
    line-height: 17px;
}

.LEc-toolbar-caption-text .dx-item-content div {
    color: #222;
    border: none;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 34px !important;
    width: auto;
    cursor: pointer;
    padding-bottom: 2px
}

.LOb .dx-form-group-caption {
    padding-bottom: 6px;
    margin-bottom: 5px;
    color: #61739c;
    border-bottom: 1px solid #e0e0e0;
}

.LOb {
    padding: 0px 0px 0px;
}

.LOb-label {
    font-size: 13px;
    font-weight: 500;
}

.Cnt-search {
    z-index: 33;
    padding: 0px !important;
    width: 250px !important;
    position: absolute;
    right: 10px;
    margin-top: 10px;
}

.grClocation {
    width: 180px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 0px;
    line-height: 19px;
}

#gridReguralizationPopup .dx-datagrid-headers + .dx-datagrid-rowsview,
.gridReguralizationPopup .dx-datagrid-headers + .dx-datagrid-rowsview {
    padding: 0 0px !important;
}

.grClocation i {
    color: inherit;
    font-size: 11px;
    width: 17px;
    text-align: center;
    margin-right: 5px;
}

.newspaper {
    column-count: 3;
    display: flex;
}

.ACt-samAs-check label {
    margin-right: 8px;
    line-height: 18px;
}

.ACt-samAs-check {
    display: flex;
}

.NoDataCalMsg .dx-empty-message {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    font-size: 13px;
    font-weight: 500;
    color: #ddd0;
}

.dummy-dropdown {
    background: #fff;
    border: 1px solid rgba(65,65,65,0.31);
    border-radius: 3px;
}

    .dummy-dropdown .dx-button-content {
        text-align: left;
        padding: 4px 8px 4px;
        padding-right: 8px !important;
    }

        .dummy-dropdown .dx-button-content i {
            float: right;
        }

.employeepreview-css .Vf-grid-child .Voyon-ChildGrids-Title {
    display: none;
}

.employeepreview-css .Vf-grid-child .dx-datagrid-nowrap .dx-header-row > td > .dx-datagrid-text-content {
    line-height: 20px !important;
}

.employeepreview-css .Vf-grid-child {
    margin-top: 0px;
}

    .employeepreview-css .Vf-grid-child .dx-datagrid-table .dx-header-row {
        height: 30px;
    }

.LvEnc .sm-item {
    width: 25%;
    float: left;
}

    .LvEnc .sm-item:first-child::before {
        display: none;
    }

.Loan-Details-sub-head .dx-field-item-label-text {
    font-size: 13px;
    font-weight: 600 !important;
    color: #333 !important;
}

.toolbar-color.Vf-btn-default.dx-button-mode-contained.dx-button-default .dx-icon {
    background: #e5e8ff;
}

.toolbar-color.Vf-btn-default.dx-button-mode-contained.dx-button-default .dx-icon {
    color: #4a4a4a;
}

i.dx-icon.fas.fa-star.favt {
    color: #fbbc05 !important;
}

.balance-rec-am {
    background: var(--toolbar-color);
    border-radius: 3px;
    padding: 10px 15px;
    margin-bottom: 20px !important;
}

    .balance-rec-am b {
        color: var(--red);
        margin-left: 5px;
    }

.placeholder-button-import {
    background: #eff1fa;
    border: 1px dashed #b5bfed;
    width: 100%;
    height: 34px;
    color: #7b85b5;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    font-family: var(--main-font);
}

    .placeholder-button-import i {
        font-size: 17px;
        margin-right: 10px;
    }

.file-uploader-transparent {
    position: relative;
    opacity: 0;
    top: -34px;
    cursor: pointer;
}

.import-pop .footer-group {
    position: absolute;
    bottom: 25px;
    right: 48px;
    /*width: calc(100% - 58px)*/
}

.imported-child-grid {
    height: 340px;
}

.help-C-search-placeholder {
    position: absolute;
    right: 236px;
    margin-top: 17px;
    z-index: 34;
    color: #555;
}

.list-action-rect-Icon {
    font-weight: bold;
    border-radius: 4px;
    line-height: 20px;
}

.Voyon-Forms.Global {
    overflow: visible;
    height: 100%;
    padding-bottom: 30px;
}

.ListingDashboard {
    background: whitesmoke;
    padding: 10px;
    margin-left: -5px;
    margin-right: -5px;
    border-radius: 7px;
    padding-bottom: 0px;
    height: 100%;
}

    .ListingDashboard .Vf-toolbar-batch .dx-button .dx-button-content {
        padding: 0px !important;
    }

    .ListingDashboard .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select {
        padding: 0;
        width: 50px !important;
        min-width: 50px !important;
        max-width: 60px;
    }

    .ListingDashboard #Save-Preferences-Button.dx-button-mode-contained .dx-button-content {
        padding: 5px 5px !important;
    }

    .ListingDashboard #Save-Preferences-Button.dx-button-mode-contained {
        background-color: rgb(202 194 121);
        color: #fff;
        margin-right: 5px;
        font-size: 13px;
        font-weight: 500;
        margin-top: 3px;
    }

    .ListingDashboard .Column-Chooser-Custom {
        margin-left: 10px;
        margin-right: 5px;
    }

.wd-policies .doc-box-head span {
    font-size: 13px;
    font-weight: 500;
    color: #555;
}

.wd-policies .doc-box-head {
    vertical-align: middle;
    display: initial;
    line-height: 20px;
    color: #848484;
}

.wd-policies .d-text {
    white-space: break-spaces;
    line-height: 16px;
    margin-bottom: 5px;
    margin-top: 0.2rem;
    color: #848484;
    font-size: 12px;
}

.wd-policies .d-heading {
    font-size: 13px;
    font-weight: 500;
    margin-top: 6px;
}

    .wd-policies .d-heading.annc {
        margin-top: 0px;
    }

.documents.wd-policies .doc-box {
    padding-top: 10px;
    padding-bottom: 10px;
}

.Column-Chooser-Custom.reporter {
    margin-left: 0px;
}

.Records-limits.reporter {
    padding-right: 0px;
    padding-left: 5px;
}

#Save-Preference-Text.reporter {
    margin-right: 10px;
}

#gridCompanyPoliciesList .dx-item.dx-list-item:nth-child(3n+1) .wd-policies .doc-box,
#AnnouncementList .dx-item.dx-list-item:nth-child(3n+1) .wd-policies .doc-box {
    border-left: 4px solid var(--xs-card-c4);
}

#gridCompanyPoliciesList .dx-item.dx-list-item:nth-child(3n+2) .wd-policies .doc-box,
#AnnouncementList .dx-item.dx-list-item:nth-child(3n+2) .wd-policies .doc-box {
    border-left: 4px solid var(--xs-card-c3);
}

#gridCompanyPoliciesList .dx-item.dx-list-item:nth-child(3n+3) .wd-policies .doc-box,
#AnnouncementList .dx-item.dx-list-item:nth-child(3n+3) .wd-policies .doc-box {
    border-left: 4px solid var(--xs-card-c1);
}

#gridCompanyPoliciesList .dx-item.dx-list-item:nth-child(3n+4) .wd-policies .doc-box,
#AnnouncementList .dx-item.dx-list-item:nth-child(3n+4) .wd-policies .doc-box {
    border-left: 4px solid var(--xs-card-c2);
}

.doc-field .docs .list-item {
    display: inline-flex;
    background: #b2c1d2;
    transition: 0.2s;
    width: auto;
    border-radius: 5px;
    padding: 4px 12px 4px 12px;
    font-size: 11px;
    line-height: 18px;
    margin-top: 4px;
    position: relative;
    color: #fff;
    margin-right: 5px;
}

.direct-up .doc-field .docs .list-item {
    background: var(--hover);
}

.doc-field .docs .list-item a {
    color: inherit;
}

.doc-field .H-dayname {
    padding-left: 6px;
    font-size: 12px;
}

.wd-popups .dx-popup-content {
    padding-top: 0px;
}

#tileViewBirthday .dx-item.dx-tile {
    width: 33.33% !important;
    top: auto !important;
    left: auto !important;
    float: left;
    position: inherit;
    background-color: transparent;
    border: transparent;
    text-align: left;
    margin-bottom: 0px;
    padding: 4px 4px;
    border-radius: 4px;
    background: content-box;
}

    #tileViewBirthday .dx-item.dx-tile > .dx-item-content.dx-tile-content {
        background: #fff;
        box-shadow: 0px 4px 11.83px 1.17px rgba(156, 156, 156, 0.15);
        -webkit-box-shadow: 0px 4px 11.83px 1.17px rgba(156, 156, 156, 0.15);
        -moz-box-shadow: 0px 4px 11.83px 1.17px rgba(156, 156, 156, 0.15);
        border-radius: 7px;
        overflow: hidden;
        padding: 4px 0;
        border: 1px solid #f3f3f3;
    }

        #tileViewBirthday .dx-item.dx-tile > .dx-item-content.dx-tile-content::after {
            content: "";
            clear: both;
            display: table;
        }

    #tileViewBirthday .dx-item.dx-tile .vy-text-avatar {
        width: 40px;
        height: 40px;
        padding: 13px 0;
        font-size: 16px;
    }

#tileViewBirthday .dx-item.dx-item .calendar-name {
    width: auto;
    float: left;
}

#tileViewBirthday .E-name {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
}

#tileViewBirthday .E-designation {
    font-size: 11px;
    color: #b6b6b6;
    position: relative;
    top: -5px;
    line-height: 15px;
}

#tileViewBirthday .E-month {
    font-size: 10px;
    color: var(--primary-color);
    font-weight: 500;
    position: relative;
    top: -8px;
    line-height: 15px;
}

#dx-scheduler-scrollable-appointments .event-strip {
    height: 100%;
}

.dx-scheduler-appointment-reduced .dx-scheduler-appointment-content {
    padding: 0 !important;
}

    .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content .event-strip {
        height: 100%;
        padding: 1px;
    }

    .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content .event-strip {
        height: 100%;
        padding: 1px;
    }

.event-strip.STARTtime {
    width: fit-content;
    font-weight: 600;
    padding: 1px 3px;
    background-color: #ececff9e;
    margin-left: 2px;
    border-radius: 0px;
}

.event-strip.Leave {
    right: 0;
    border-left: transparent;
    height: 13px;
    width: 13px;
    border-radius: 13px;
    content: '';
}
.event-strip .rsbmt {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 4px;
    height: 4px;
    background: #fd2525;
    border-radius: 50%;
    z-index: 10;
}
.event-strip .sbmt {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 5px;
    height: 5px;
    background: #fd2525;
    border-radius: 50%;
    z-index: 10;
}
#scheduler .dx-scheduler-work-space-month .dx-scheduler-appointment-content{
    position: relative;
}

#Listing-Div .full-view {
    right: 0%;
    transition: 0.5s ease;
    transform: scale(1);
    opacity: 1;
    z-index: 19;
    height: 100%;
    padding-left: 0px;
    padding-top: 0px;
    margin-right: 15px;
}

.dashboard-expolorer .dx-popup-title.dx-toolbar {
    padding: 5px 0px 5px;
}

.dashboard-expolorer .dx-overlay-content {
    padding: 0 20px 20px;
}

.dashboard-expolorer .dx-popup-title.dx-toolbar {
    padding: 5px 0px 5px;
}

.dashboard-expolorer .dx-popup-content {
    background: var(--primary-bg);
    padding-bottom: 0;
    border-radius: 7px;
}

.dashboard-expolorer.dx-overlay-shader {
    background-color: rgb(244, 244, 244);
}

.badgepopover .dx-popup-title.dx-toolbar {
    padding: 5px 0px 5px;
}

.badgepopover .dx-overlay-content {
    padding: 0 20px 20px;
}

.badgepopover .dx-popup-title.dx-toolbar {
    padding: 5px 0px 5px;
}

.badgepopover .dx-popup-content {
    /*background: var(--primary-bg);*/
    padding-bottom: 0;
    border-radius: 7px;
}

.badgepopover.PayrollApproval .dx-popup-content {
    height: calc(100% - 89px) !important;
    padding-bottom: 40px;
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

.badgepopover .dx-overlay-shader {
    background-color: rgb(244, 244, 244);
}

.badgepopover .full-view-hidden {
    padding-top: 0 !important;
    padding-left: 0 !important;
}

.badgepopover .full-view {
    margin-right: 0 !important;
    margin-top: 0;
}

.badgepopover .full-view-card {
    height: 100%;
    margin-left: 0;
    padding-bottom: 0;
}

    .badgepopover .full-view-card .btn-group {
        position: relative;
        width: 100%;
        left: 0;
        border-top: 0;
        margin-bottom: 0;
        padding: 0 0px;
    }

.badgepopover .vy-fullview-title {
    font-size: 16px;
    font-family: var(--main-font);
}

.filter-builder-footer-btn-group {
    position: absolute;
    padding: 10px;
    width: 100%;
    bottom: 10px;
    margin-left: -30px;
    text-align: right;
}

.dashboard-expolorer .full-view {
    margin-right: 0 !important;
    margin-top: 0;
}

.dashboard-expolorer .full-view-card {
    height: 100%;
    margin-left: 0;
    padding-bottom: 0;
}

    .dashboard-expolorer .full-view-card .btn-group {
        position: relative;
        width: 100%;
        left: 0;
        border-top: 0;
        margin-bottom: 0;
        padding: 0 0px;
    }

.dashboard-expolorer .vy-fullview-title {
    font-size: 16px;
    font-family: var(--main-font);
}

.Total-comp-abc {
    background-image: url(../img/companies-bg-abc.png);
    /* background-color: #f8f8ff; */
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    /* padding: 10px; */
    border-radius: 3px;
}

.axis-pro-abc {
    background-image: url(../img/axispro-bg-abc.png);
}

.calling-crm-abc {
    background-image: url(../img/calling-cms-bg-abc.png);
}

.Total-comp-abc.reg {
    background-color: #b6e2ee;
}

.Total-comp-abc i.boxy-icon {
    font-size: 24px;
    background: #e5e4fd;
    height: auto;
    display: inline-table;
    padding: 10px;
    border-radius: 5px;
    color: #7773ba;
}

.Total-comp-abc.reg i.boxy-icon {
    background: #cee9f0;
    color: #9595f6;
}

.Total-comp-abc .pcos-full {
    width: 100%;
}

.Total-comp-abc .pcos-full3 .right-b1 {
    font-size: 36px;
    font-weight: 700;
    text-align: right;
}

.Total-comp-abc .pcos-full .right-b2 {
    font-size: 14px;
    font-weight: 500;
    text-align: right;
}

.notif-title {
    position: absolute;
    top: 0px;
    font-size: 13px;
    color: #555;
    padding: 9px 10px;
    font-family: var(--main-font);
    font-weight: 600;
}

.department-dashboard {
}

.backtoHome {
    background: transparent !important;
}

    .backtoHome .dx-button-content {
        background: transparent !important;
        color: rgb(7, 156, 224);
        margin-top: 5px;
    }

span.Cpass {
    display: inline-block;
    float: right;
    position: relative;
    margin-top: -2px;
    line-height: 20px;
    margin-bottom: 0;
}

img.CImg {
    display: inline-block;
    height: 19px;
}

.pendingTask {
    margin-right: 25px !important;
}

.text-dark-red {
    color: darkred !important;
}

#OverWriteRadio {
    padding-top: 10px;
}

#AttendanceBarChart {
    width: 100%;
}

.SeptableHeading label {
    font-weight: 500;
    padding-bottom: 7px;
}

.xs-info-height {
    height: 398px;
}

.dashboard-setup .dx-scrollable-content {
    background: #fff0;
}

.dashboard-setup {
    margin-left: 7px;
}
#gridCompanyPolicies .dx-datagrid-table tr {
    cursor: pointer;
}

.HomeDashboard {
    margin-left: -7px;
    margin-right: -7px;
}

.filter-toolbar {
    background: var(--toolbar-color);
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding: 10px;
    border-radius: 7px;
    margin-bottom: 5px;
    border: 1px solid var(--toolbar-color);
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.05);
}

.fandf-toolbar.filter-toolbar {
    background: #fff;
}

.filter-toolbar .dx-texteditor.dx-editor-filled {
    background: #fff;
    border: 1px solid var(--toolbar-color);
    border-radius: 18px;
}

.ReportDiv.filter-toolbar .dx-texteditor.dx-editor-filled {
    border-radius: 7px;
}

.Vf-poups-body-content {
    height: calc(74vh - 70px);
}

.Vf-poups-body-footer-btns {
    height: 70px;
}

#dtpFrom,
#dtpTo {
    width: 115px !important;
    margin: 0 !important;
}

.APFfrm#dtpFrom, .APFto#dtpTo {
    width: 140px !important;
}

.APFfrm#dtpFrom {
    margin-right: 5px !important;
}

.APFto#dtpTo {
    margin-left: 5px !important;
}

.dashboard-designer .full-view-card {
    padding-bottom: 0px;
}

.tc-full {
    flex: 1;
}

.circle-count {
    display: flex;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    background: var(--toolbar-color);
    margin-right: 13px;
    justify-content: center;
    align-items: center;
}

.cancellationDetailsGrupCaption {
    display: flex;
    align-items: center;
}

    .cancellationDetailsGrupCaption span {
        position: relative;
        font-family: var(--main-font);
    }

.onb-leg {
    display: initial;
}

    .onb-leg .name-line {
        display: table-cell;
        padding: 4px 15px;
        padding-left: 25px;
        background: var(--toolbar-color);
        /* margin-left: -6px; */
        border-radius: 20px;
        height: 30px;
        vertical-align: middle;
        color: #5f5f5f !important;
    }

    .onb-leg.selected .name-line {
        border: 1px solid var(--primary-color) !important;
        color: var(--primary-color) !important;
        font-weight: 600;
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    .onb-leg .round {
        display: table-cell;
        width: 30px;
        height: 30px;
        background: mediumaquamarine;
        text-align: center;
        vertical-align: middle;
        border-radius: 50%;
        z-index: 2;
        position: relative;
        right: -21px;
        font-weight: 500;
        font-weight: 700;
        color: #fff;
        font-size: 1em;
    }

    .onb-leg.r5 .round {
        background: #e56262;
    }

    .onb-leg.r4 .round {
        background: #ab7bd3;
    }

    .onb-leg.r3 .round {
        background: #f8c64e;
    }

    .onb-leg.r2 .round {
        background: #4ea2f8;
    }

    .onb-leg.r1 .round {
        background: #2cc06e;
    }

    .onb-leg.r1 {
        padding-right: 15px;
        margin-right: 10px;
        border-right: 1px solid #ddd;
    }

.AdvancePage .Vf-toolbar-batch .dx-button-mode-contained.dx-widget.dx-button-has-text,
.Leave_request_page .Vf-toolbar-batch .dx-button-mode-contained.dx-widget.dx-button-has-text {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    margin-right: 20px;
}

.calendar-dashboard .dx-scheduler-work-space-day .dx-scheduler-appointment {
    width: 106px !important;
}

.calendar-dashboard .dx-scheduler-work-space-day .event-strip, .calendar-dashboard .dx-scheduler-work-space-day .event-strip.STARTtime {
    width: 100%;
    border-left: none !important;
}

    .calendar-dashboard .dx-scheduler-work-space-day .event-strip .movie-text {
        white-space: break-spaces;
        line-height: 16px;
        text-align: center;
    }

.calendar-dashboard .dx-scheduler-work-space-week .event-strip, .calendar-dashboard .dx-scheduler-work-space-week .event-strip.STARTtime {
    width: 62px !important;
    border-left: none !important;
    height: 100%;
}

    .calendar-dashboard .dx-scheduler-work-space-week .event-strip .movie-text {
        white-space: break-spaces;
        line-height: 16px;
        text-align: center;
    }

.calendar-dashboard .dx-scheduler-work-space-week .dx-scheduler-appointment-content {
    padding: 0px !important;
}

.calendar-dashboard .dx-scheduler-work-space-week .dx-scheduler-time-panel-cell {
    line-height: 12px;
}

.calendar-dashboard .dx-scheduler-all-day-title {
    /* height: 60px; */
    /* line-height: 75px; */
    font-size: 11px;
    font-weight: 700;
    top: 65px;
    color: transparent;
}

.calendar-dashboard .dx-scheduler-work-space-day .dx-scheduler-all-day-appointments,
.calendar-dashboard .dx-scheduler-work-space-week .dx-scheduler-all-day-appointments {
    margin-top: -25px;
}

.calendar-container {
    min-height: 300px;
    height: 100%;
}

#CustomFormContainerAttendance-LatePolicy-VoyonForms .dx-item.dx-box-item:nth-child(2) .dx-form-group-with-caption {
    padding-top: 30px;
}

.parsed-widgets-popups .Vf-grid-default {
    padding: 15px;
    margin: 0;
}

#BusinessAttendanceGrid .ListingDashboard.Vf-grid-default {
    height: 455px;
}

.tyme-row-card {
    background: #ffffff;
    border: 1px solid #eaeaea;
    border-radius: 7px;
    height: 144px;
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.05);
    margin: 0px !important;
}

    .tyme-row-card.closed {
        display: none;
    }

    .tyme-row-card .employee-infos {
        margin: 30px 0px;
        margin-left: 0px;
    }

        .tyme-row-card .employee-infos .i-img {
        }

.Ri-det {
    text-align: left;
    font-family: var(--main-font);
    font-size: 13px;
    color: #5c676c;
}

    .Ri-det .pro-name,
    .Ri-det .pro-code,
    .Ri-det .designation b span,
    .Ri-det .designation.bu b {
        font-weight: 500;
    }

    .Ri-det .designation {
        font-weight: 400;
    }

    .Ri-det .pro-code {
        color: var(--primary-color);
    }

.collapse-arrow-filter {
    font-weight: 700 !important;
    color: #000;
    cursor: pointer;
    display: block;
    margin-top: 20px;
    transform: rotate(180deg);
    text-align: right;
    transition: .2s;
}

    .collapse-arrow-filter.top {
        transition: .2s;
        margin-top: 15px;
    }

.collapse-close-btn {
    position: fixed;
    z-index: 22;
    right: 45px;
}

.TimeSeries .ListingDashboard.Vf-grid-default {
    height: 395px;
    padding: 15px;
    margin: 15px;
    transition: 0.2s;
}

.TimeSeries.large .ListingDashboard.Vf-grid-default {
    height: 540px;
    transition: 0.2s;
}

.crop-container {
    height: 98%;
    margin-top: -20px;
}

.cropper-container.cropper-bg {
    height: 96% !important;
}

.croper-footer {
    width: 100%;
    text-align: right;
    display: block;
}

.crop-demo {
    width: 130px !important;
    height: 130px !important;
    overflow: hidden;
    border-radius: 15px;
    margin-top: -97px;
    z-index: +1;
    position: absolute;
    left: 0;
    background: white;
    left: 33px;
    border: 1px solid #ececec;
    box-shadow: -1px 3px 10px rgb(0 0 0 / 3%), 0 4.5px 12px rgba(0,0,0,.08);
}

#userDisplayPicture .vy-img-avatar {
    width: 100%;
    height: inherit;
}

.popup-employee-search > .dx-overlay-content {
    border: 1px solid #ddd;
    background: #fff;
    -webkit-box-shadow: 0 6px 12px rgb(0, 0, 0.0%);
    -moz-box-shadow: 0 6px 12px rgb(0, 0, 0.0%);
    box-shadow: 0 6px 12px rgb(0, 0, 0.0%);
    border-radius: 6px;
}

.popup-workflow-aproval .dx-popup-content {
    padding: 0px;
}

.user-avatar.employee-infos {
    width: 68px;
    height: 68px;
    margin-left: 13px;
    margin-right: 0px;
    border-radius: 12px;
    position: relative;
    color: #fff;
    left: 9px;
}

.white-grid-bu {
    padding: 15px 25px 0px 0px;
}

    .white-grid-bu .ListingDashboard.Vf-grid-default {
        background: #fff;
    }

        .white-grid-bu .ListingDashboard.Vf-grid-default .dx-datagrid {
            background-color: #ffffff;
        }

    .white-grid-bu .dx-datagrid-borders > .dx-datagrid-headers {
        border: 1px solid #c7c7c794;
        border-bottom: 0;
    }

    .white-grid-bu .dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable {
        border: 1px solid #c7c7c794;
        border-top: 0;
    }

    .white-grid-bu > div > .dx-widget.dx-visibility-change-handler {
        height: 552px !important;
    }

.left-only-chart {
    justify-content: center;
    align-items: center;
    height: 445px;
    padding: 0;
    padding-top: 50px;
}

#responsiveBoxContainer > .dx-box-flex.dx-box > .dx-item.dx-box-item:last-of-type .header.dashlet {
    margin-bottom: 0px;
}

.user-fill {
    background-size: 100%;
    height: 100%;
    object-fit: fill;
}

.Onb-temp .full-view-card {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: -15px;
    background: transparent;
}

.Onb-temp .vy-fullview-title {
    background: transparent;
    border-bottom: 0;
    margin-left: -15px;
}

.Onb-temp .left-sidebar {
    padding: 20px 15px;
    height: 100%;
    position: sticky;
    top: 0;
    left: 0px;
}

.Onb-temp .section-header {
    font-size: 14px;
    font-weight: 500;
    display: table-cell;
    line-height: 26px;
    display: block;
}

.Onb-temp .Right-content {
    width: 100% !important;
    padding: 20px 25px 60px;
    min-height: 70vh;
}

.Onb-temp .C-info .dx-form-group-with-caption .dx-form-group.dx-form-group-with-caption {
    padding-left: 0px;
}

.Onb-temp .form-avatar {
    height: 60px;
    width: 60px;
    margin-right: 10px;
    border: 1px solid #fafafa;
    border-radius: 50%;
    background-image: url(../img/dummy.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.Onb-temp .c-name-pos {
    display: flex;
}

.Onb-temp .dx-form-group-with-caption > .dx-form-group-content {
    border-top: 1px solid #fff;
    padding-bottom: 0px;
}

.Onb-temp .candname {
    padding-left: 15px;
    position: relative;
    top: 7px;
}

.Onb-temp .designantion-cand {
    font-size: 12px;
    font-weight: 500;
    color: #7d7d7d;
    position: relative;
    top: -3px;
}

.Onb-temp .C-info {
    padding-top: 10px;
}

.Onb-temp .dx-htmleditor-toolbar-wrapper {
    background: #e7eaef;
    padding: 0;
}

.Onb-temp .dx-htmleditor-toolbar-format.dx-size-format.dx-texteditor {
    width: 78px;
}

.Onb-temp .dx-toolbar-text-auto-hide .dx-button .dx-icon {
    width: 10px;
    height: 10px;
    background-size: 10px 10px;
    font-size: 15px;
    text-align: center;
    line-height: 8px;
    margin-right: 0px;
    margin-left: 0px;
    background-position: 0px 0px;
    padding: 0px;
}

.ContactPersonsInfo .dx-form-group-caption {
    position: relative;
    top: 54px;
    margin-left: 22px;
}

.ContactPersonsInfo .Vf-grid-child {
    margin-top: -6px;
    padding-top: 50px;
}

.vy-view-content .doc-tabs .dx-form-group-caption {
    top: 8px;
}

.policy-card .FU-flex.doc-type, .FU-flex.file-name.doc-file-name {
    top: 0;
    height: 24px;
    line-height: 24px;
    padding-left: 6px;
    padding-right: 10px;
    width: auto;
}

.policy-card .doc-img {
    width: 14px;
    height: 18px;
    vertical-align: middle;
    margin-top: 3px;
}

.policy-card:hover .uplist-icon {
    visibility: visible;
}

.policy-card {
    padding: 9px 16px;
    border: 1px solid #ddd;
    margin-bottom: 8px;
}

    .policy-card .delete-ico {
        font-size: 16px;
        color: #7998b1;
        position: relative;
        top: 5px;
        width: 8% !important;
    }

    .policy-card .reqrd {
        width: 20% !important;
        color: #222;
    }

    .policy-card .dcs-type {
        width: 38% !important;
        padding-left: 15px !important;
    }

    .policy-card .doc-file-name {
        min-width: 32%;
        border-right: 1px solid #a9a9a994;
    }

    .policy-card .policy-name {
        min-width: 23% !important;
        border-right: 1px solid #a9a9a994;
        padding-left: 0px;
    }

    .policy-card .policy-description {
        width: 60%;
        font-weight: 400;
    }

.off-plan .off-sidebar {
    height: 100%;
}

.off-plan .box-parent {
    border-radius: 6px;
    border: 1px solid var(--toolbar-color);
    padding: 20px;
    margin-top: 10px;
}

.off-plan .card-right-left-padding-20 {
    padding-left: 0px;
}

    .off-plan .card-right-left-padding-20 .right-side {
        padding: 20px;
        height: 100%;
    }

.off-plan .section-header {
    color: #333;
}

.cutomized-child .Vf-grid-child tr.dx-row.dx-data-row td:nth-child(2) .task-desc {
    font-size: 12px;
    margin-top: 4px;
    color: #8c8c8c;
    font-weight: 400;
}

.cutomized-child .Vf-grid-child tr.dx-row.dx-data-row td:nth-child(2) .task-title {
    font-size: 13px;
    color: #111;
    font-weight: 500;
}

.cutomized-child .Vf-grid-child .ts-label-d {
    margin-top: 7px;
    width: 90px;
    color: rgb(144, 144, 144);
    text-align: left;
    white-space: pre;
    text-overflow: ellipsis;
}

.cutomized-child .Vf-grid-child .ts-label {
    width: 90px;
    color: #909090;
    text-align: left;
}

.cutomized-child .Vf-grid-child .ts-ans{
    margin-top: 7px;
}

.cutomized-child .Vf-grid-child .due-d {
    margin-right: 4px;
    margin-top: 7px;
    color: blue;
}

.cutomized-child .Vf-grid-child .due-w {
    color: blue;
    margin-top: 7px;
}

.cutomized-child .Vf-grid-child .mail-trig {
    border: none;
    width: 26px;
    display: table-cell;
    height: 26px;
    vertical-align: middle;
    background: #e89a67;
    text-align: center;
    color: #fff;
    padding: 0;
    border-radius: 28px;
}

.off-plan .card-right-left-padding-20 .right-side .dx-texteditor-input {
    color: #3a3a3a;
}

.height-inherit {
    height: inherit;
}

.holiday-cal-popup-grid {
    border: 1px solid #ddd;
    padding: 6px;
    margin-top: 15px;
    border-radius: 6px;
    height: 100%;
}
    .holiday-cal-popup-grid #CalendarDropDown, #CalendarYearDropDown {
        background: #fff !important;
        border: 1px solid #b1b1b1 !important;
        border-radius: 18px !important;
    }

.holiDay-popup-grid {
    padding: 6px;
    height: calc(100% - 100px);
}

.holiday-cal-popup-grid .ListingDashboard {
    background: #fff;
}

.holiday-cal-popup-grid .onb-leg .name-line {
    font-family: var(--main-font);
    font-size: 13px;
    font-weight: 400;
}

.holiday-cal-popup-grid .ListingDashboard > .dx-widget.dx-visibility-change-handler:not(.Vf-toolbar-header) {
    padding: 6px;
    border: 1px solid #ddd;
    border-radius: 6px;
}

.holiday-cal-popup-grid .ListingDashboard .fas.fa-filter {
    font-size: 14px;
    top: 1px;
    position: relative;
}

.holiday-cal-popup-grid .holiday-summary-row {
    top: -5px;
    position: relative;
    padding: 0 8%;
}

.holiday-cal-popup-grid .onb-leg.r1 {
    border-right: 0px solid #ddd;
}

.dropdown-addnew {
    color: #70b5ff;
    width: 100%;
    padding: 6px 5px;
    border-radius: 4px;
    background: var(--primary-bg);
    border: none;
    text-align: left;
    font-weight: 500;
}

    .dropdown-addnew i {
        font-weight: 800;
    }

.addnew-dropdown-pop-form {
    margin: -15px 0px 0;
    border: 1px solid #ddd;
    padding: 10px 10px;
    border-radius: 7px;
    height: calc(94% - 30px);
}

.addnew-dropdown-pop-footer {
    width: 100%;
    text-align: right;
    display: block !important;
    margin-top: 26px;
}

.Coord_point {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #f00;
    z-index: 19;
    position: absolute;
    /*margin-top: -5px;*/
}

.parallel_ruler {
    position: absolute;
    width: 56%;
    margin: 0px auto;
    height: 50px;
    color: #989898;
    background: white;
    padding: 10px 5px;
    margin-left: 12%;
    overflow: hidden;
}

.pointing-container {
    position: absolute;
    width: 56%;
    margin: 0px auto;
    height: 50px;
    color: #989898;
    /* background: white; */
    padding: 10px 5px;
    margin-left: 12%;
    height: 100%;
    overflow: hidden;
    top: -198px;
    visibility: hidden;
}

.employee-info-xs {
    width: 320px;
}

    .employee-info-xs .close-btn {
        position: absolute;
        top: 10px;
        right: 10px;
        cursor: pointer;
    }

        .employee-info-xs .close-btn i {
            font-weight: 600;
        }

.Grid-addNew-Btn-text.holiday-cal .dx-toolbar-item-content > div {
    font-size: 13px;
}

.iterate-legend {
    margin-right: 20px;
    margin-bottom: 0px;
}

    .iterate-legend .onb-leg:nth-of-type(2n+1) .round {
        background: #f27272;
    }

    .iterate-legend .onb-leg:nth-of-type(2n+4) .round {
        background: #af83d6;
    }

    .iterate-legend .onb-leg:nth-of-type(3n+3) .round {
        background: #f4c15d;
    }

    .iterate-legend .onb-leg:nth-of-type(4n+3) .round {
        background: #4ea2f8;
    }

    .iterate-legend .onb-leg:nth-of-type(2n+1) .name-line {
        color: #f27272;
    }

    .iterate-legend .onb-leg:nth-of-type(2n+4) .name-line {
        color: #af83d6;
    }

    .iterate-legend .onb-leg:nth-of-type(3n+3) .name-line {
        color: #f4c15d;
    }

    .iterate-legend .onb-leg:nth-of-type(4n+3) .name-line {
        color: #4ea2f8;
    }

.job-op-title-selection {
    margin-left: 35px;
    width: 200px;
}

.op-side-bar {
    height: calc(100vh - 147px);
    position: sticky;
    top: 0px;
}

.jb-list {
    padding: 5px;
    padding-left: 5px;
    position: sticky;
    top: 5px;
}

    .jb-list .Vf-accordion-body {
        margin: 0;
        font-family: var(--main-font);
        display: block;
    }

    .jb-list .vy-accordian-btn {
        position: absolute;
        right: 11px;
        font-size: 11px;
        top: 11px;
    }

    .jb-list .jb-img {
        text-align: center;
        padding-top: -1px;
        background: #fff;
        border: 1px solid #d9d9d9;
        border-radius: 5px;
        width: 32px;
        height: 32px;
        padding: 0;
        border-radius: 27%;
        margin-top: 8px;
    }

        .jb-list .jb-img img {
            width: 15px;
        }

.jb-s-det .jb-title {
    font-size: 13px;
    font-weight: 500;
    max-width: 76%;
    padding-right: 7px;
    color: #fff;
}

.jb-list .jb-id {
    font-size: 13px;
    color: #fff;
}

.jb-list .jb-status {
    font-size: 13px;
    color: white;
}

.jb-list .jb-btn {
    border: none;
    background: var(--teal);
    padding: 7px 8px 7px;
    color: #fff;
    margin-left: 15px;
    text-align: center;
    font-size: 13px;
    text-transform: capitalize;
    font-weight: 500;
    border-radius: 4px;
    width: 100%;
    display: block;
    margin-left: 0px;
    width: 49%;
}

    .jb-list .jb-btn.edit {
        width: 50%;
    }

    .jb-list .jb-btn.edit {
        width: 50%;
        background: var(--red);
    }

.jb-list .Vf-accordion.opened {
    background: #fbfbff;
}

.jb-list .Vf-accordion {
    padding-left: 25px;
    padding-top: 16px;
    padding-bottom: 16px;
}

.jb-list .quickviewtitle {
    font-size: 13px;
    text-align: left;
    margin-bottom: 8px;
    padding-left: 5px;
}

.jb-list .Vf-accordion .quick-view {
    padding-left: 5px;
    padding-top: 20px;
    display: none;
}

.jb-list .quick-view ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
    font-size: 13px;
    padding: 0 5px;
    display: block;
    width: 100%;
}

    .jb-list .quick-view ul.quicks {
        margin-left: -15px;
    }

        .jb-list .quick-view ul.quicks li {
            display: flex;
        }

.jb-list .Vf-accordion.opened .quick-view {
    display: block;
    padding-top: 17px;
    margin-left: -18px;
    margin-right: -6px;
}

.jb-list .quick-view ul.quicks li {
    padding: 8px 15px;
    margin-bottom: 0px;
    border-radius: 3px;
    font-weight: 500;
    color: #222;
    padding-left: 2px;
    padding-right: 5px;
    cursor: pointer;
}

    .jb-list .quick-view ul.quicks li span:last-child {
        font-size: 12px;
        font-weight: 500;
    }

.jb-tab-ico {
    width: 20px;
    height: 20px;
    -webkit-mask-image: url(../img/job-description.svg);
    -webkit-mask-size: 16px;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 12px;
    margin-left: 10px;
    background-color: rgb(165,165,165);
    position: relative;
    top: -1px;
}

    .jb-tab-ico.second {
        -webkit-mask-image: url(../img/applied-cand.svg);
    }

    .jb-tab-ico.third {
        -webkit-mask-image: url(../img/hiring-report.svg);
    }

    .jb-tab-ico.fourth {
        -webkit-mask-image: url(../img/interview.svg);
    }

    .jb-tab-ico.fifth {
        -webkit-mask-image: url(../img/job-history.svg);
    }

.jb-list .quick-view ul.quicks li.active-tab, .jb-list .quick-view ul.quicks li:hover {
    background: var(--hover);
    border-radius: 3px;
    font-weight: 500;
    color: #555;
}

    .jb-list .quick-view ul.quicks li:hover .jb-tab-ico,
    .jb-list .quick-view ul.quicks li.active-tab .jb-tab-ico {
        background-color: var(--cand-second);
    }

.jb-form-view {
    background: #fdfdfd;
    padding: 16px;
    margin: 0px;
    position: relative;
    top: -12px;
    border-radius: 4px;
}

    .jb-form-view .dx-layout-manager .dx-box-flex.dx-box > dx-item.dx-box-item:nth-child(2) .dx-form-group-caption {
        border-bottom: 1px solid #b7b4b4;
        padding-bottom: 10px;
        width: 100%;
        display: block;
    }

#employeeInfoTab .Vf-grid-child > .dx-widget.dx-visibility-change-handler {
    height: 100% !important;
}

.Wf_card_padd {
    padding: 25px !important;
}

.AdvancePage {
    height: inherit;
}

.cke_bottom {
    padding: 10px 11px 10px !important;
    position: relative;
    border-top: 1px solid #d1d1d1 !important;
    background: #ffffff !important;
    border-radius: 0px 0px 7px 7px !important;
}

.cke_top {
    border-bottom: 1px solid #d1d1d1 !important;
    background: #e7eaef !important;
    padding: 6px 8px 2px;
    white-space: normal;
    border-radius: 7px 7px 0px 0px !important;
}

.cke_inner {
    background: transparent !important;
}

.cke_chrome {
    border: 1px solid #f8f8f8 !important;
}

.genderGrid .dx-datagrid-header-panel {
    display: none;
}

.genderGrid {
    margin: 0 !important;
}

.shift-request-flyout-content {
    height: calc(78vh - 35px) !important;
    overflow: hidden;
    overflow-y: auto;
}

.job-opening-view .full-view-card .dx-layout-manager {
    margin-bottom: 0px;
}

.job-opening-view {
    background: #ffffff;
    border-radius: 7px;
    padding: 15px 20px;
    border: 1px solid #ddd;
    box-shadow: 0px 4px 11.83px 1.17px rgb(156 156 156 / 15%);
    -webkit-box-shadow: none;
    -moz-box-shadow: 0px 4px 11.83px 1.17px rgba(156, 156, 156, 0.15);
}

    .job-opening-view.primary-bg {
        background: var(--primary-bg);
    }

.Onb-temp .job-opening-view .dx-form-group-with-caption > .dx-form-group-content {
    border-top: 1px solid #d1dce7;
    margin-top: 8px;
    padding-top: 10px;
}

.Onb-temp .job-opening-view .dx-layout-manager .dx-field-item:not(.dx-first-row) {
    padding-top: 0px;
    align-items: center;
}

.Onb-temp .job-opening-view .text-editor-msg {
    margin-top: 15px;
}

.Onb-temp .ql-editor.dx-htmleditor-content {
    border: 1px solid #bac8d6;
    padding: 15px;
    border-radius: 7px;
    margin-top: 7px;
}

.n-label {
    color: #636363;
    font-weight: 500;
    font-size: 12px;
    width: 112px;
    display: inline-block;
}

.n-cons {
    color: #636363;
    font-size: 12px;
}

span.n-label::after {
    content: ':';
    float: right;
}

.jb-list .quick-view ul.xtra-det {
    margin-top: 15px;
    padding: 0;
    margin-bottom: 15px;
}

.dx-icon-icon-gender {
    width: 38px;
    background-image: url("/img/gender-splitup.svg");
    background-size: 38px 38px;
    background-repeat: no-repeat;
    font-size: 18px;
}

.preview-card .PreviewDetails {
    border-radius: 7px;
    background: white;
    margin: -6px -15px 0;
}

.cb-close {
    margin-top: 23px;
    text-align: right;
    font-weight: 500;
}

.bg-cd-sidebar {
    background: var(--cand-second);
    background-repeat: no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
    height: 83px;
    border-radius: 7px 7px 0 0;
    background-image: url(../img/cand-search-view.png), linear-gradient(rgba(0,0,0,0.0),rgba(0,0,0,0.0));
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.7;
}

.green .bg-cd-sidebar {
    background-image: url(../img/cand-search-view_gr.png), linear-gradient(rgba(0,0,0,0.0),rgba(0,0,0,0.0));
}

.lavender .bg-cd-sidebar {
    background-image: url(../img/cand-search-view_lv.png), linear-gradient(rgba(0,0,0,0.0),rgba(0,0,0,0.0));
}

.red .bg-cd-sidebar {
    background-image: url(../img/cand-search-view_red.png), linear-gradient(rgba(0,0,0,0.0),rgba(0,0,0,0.0));
}

.pink .bg-cd-sidebar {
    background-image: url(../img/cand-search-view_pk.png), linear-gradient(rgba(0,0,0,0.0),rgba(0,0,0,0.0));
}

.candidate-img {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: -42px;
}

    .candidate-img .image-cd {
        height: 96px;
        background-repeat: no-repeat;
        width: 96px;
        border: 3px solid var(--white);
        border-radius: 22%;
        background-color: #f4f4f4;
        background-size: cover;
        box-shadow: 0px 7px 9px 11px rgb(156 156 156 / 12%);
        -webkit-box-shadow: 0px 7px 9px 11px rgb(156 156 156 / 12%);
        -moz-box-shadow: 0px 7px 9px 11px rgb(156 156 156 / 12%);
    }

.cd-sidebar .cd-name {
    color: #555;
    font-size: 14px;
    font-weight: 500;
}

.cd-sidebar .cd-id {
    font-size: 12px;
    font-weight: 400;
    color: #8a8a8a;
}

.cd-sidebar .cs-det {
    padding: 15px 15px 6px;
    text-align: center;
    padding-top: 5px;
    border-bottom: 1px solid #eaeaeaad;
}

.cd-sidebar {
    padding: 0 !important;
    height: 100%;
}

    .cd-sidebar .cd-tab-links ul,
    .cd-ads .cd-tab-links ul {
        margin: 0;
        padding-left: 0;
        list-style: none;
        font-size: 13px;
        padding: 0 5px;
    }

    .cd-sidebar .cd-tab-links {
        padding: 10px 15px;
    }

        .cd-sidebar .cd-tab-links ul li {
            padding: 8px 15px;
            margin-bottom: 0px;
            border-radius: 3px;
            font-weight: 500;
            color: #222;
            padding-left: 2px;
            padding-right: 5px;
            cursor: pointer;
        }

            .cd-sidebar .cd-tab-links ul li:last-of-type {
                margin-bottom: 0px;
            }

            .cd-sidebar .cd-tab-links ul li.active-tab,
            .cd-sidebar .cd-tab-links ul li:hover {
                background: var(--hover);
                border-radius: 3px;
                font-weight: 500;
                color: #555;
            }

    .cd-sidebar .cd-btn-group button {
        border: 1px solid var(--primary-color);
        font-size: 12px;
        padding: 3px 15px;
        font-family: var(--main-font);
        font-weight: 500;
        border-radius: 3px;
        min-width: 79px;
        background: var(--primary-color);
        color: var(--white);
        margin-right: 5px;
    }

        .cd-sidebar .cd-btn-group button.edit {
            background: transparent;
            color: var(--primary-color);
        }

        .cd-sidebar .cd-btn-group button.delete {
            background: transparent;
            color: var(--red);
            border-color: var(--red);
        }

    .cd-sidebar .cd-btn-group {
        padding: 10px 0 15px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .cd-sidebar .cd-btn-group button:last-of-type {
            margin-right: 0px;
        }

.cd-main-tab-text {
    font-size: 14px;
    font-weight: 500;
    /* color: #8391b3; */
    color: #2c2c2c;
    padding: 17px 30px 10px;
    padding-left: 25px;
}

.cd-right {
    overflow-y: auto;
}

    .cd-right .tabed-div {
        padding: 5px 25px 15px;
    }

        .cd-right .tabed-div .dx-tabpanel > .dx-tabpanel-tabs .dx-tabs {
            text-align: left;
        }

.candidates-view.employeepreview-css .preview-sub-card {
    margin: 0px 0px 15px;
}

.candidates-view.employeepreview-css .preview-btns-group {
    width: 100%;
    border-bottom: 1px solid transparent;
    position: relative;
    top: 0px;
    z-index: 2;
    padding-right: 10px;
    margin-bottom: 0px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
}

.candidates-view.employeepreview-css .preview-sub-card .Voyon-Forms {
    margin: 12px 8px;
    margin-top: 0px;
}

    .candidates-view.employeepreview-css .preview-sub-card .Voyon-Forms .dx-form-group-caption {
        top: 2px;
    }

    .candidates-view.employeepreview-css .preview-sub-card .Voyon-Forms .dx-form-group-with-caption > .dx-form-group-content {
        margin-top: 20px;
    }

.parallel_scale {
    width: 61%;
    margin: 0px auto;
    height: 50px;
    color: #989898;
    background: white;
    padding: 10px;
    margin-left: 14%;
    margin-top: -50px;
    top: 50px;
    overflow: hidden;
    position: relative;
}

.smart-dashboard-dropdown {
    display: flex;
    vertical-align: middle;
    align-items: center;
}

.dx-dropdownbutton-content.dashboard-dropdown .dx-item.dx-list-item {
    padding: 6px 4px;
}

.dx-dropdownbutton-content.dashboard-dropdown {
    height: calc(100% - 62px) !important;
}

.dashboard-dropdown .smart-dashboard-dropdown .far.fa-check-circle,
.dashboard-dropdown .smart-dashboard-dropdown .dx-icon.dx-icon-refresh {
    color: var(--primary-color) !important;
    opacity: 0;
    transition: .2s;
}

.dx-dropdownbutton-content.dashboard-dropdown .dx-item.dx-list-item .smart-dashboard-dropdown .far.fa-star {
    opacity: 0;
    transition: .2s;
    position: relative;
    top: -2px;
}

.dashboard-dropdown .fa.fa-check-circle.selected,
.dx-dropdownbutton-content.dashboard-dropdown .dx-item.dx-list-item:hover .smart-dashboard-dropdown .far.fa-check-circle,
.dx-dropdownbutton-content.dashboard-dropdown .dx-item.dx-list-item:hover .smart-dashboard-dropdown .far.fa-star,
.dx-dropdownbutton-content.dashboard-dropdown .dx-item.dx-list-item:hover .smart-dashboard-dropdown .dx-icon.dx-icon-refresh {
    color: var(--primary-color) !important;
    opacity: 1;
    transition: .2s;
}

.dashboard-dropdown-footer {
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    padding: 7px 10px 0px;
    height: 46px;
    background: #edf4fc;
    margin: 7px -9px 0;
}

#ShiftCalendar-grid .dx-datagrid-table .dx-header-row td:not(.uncentered-data,:first-of-type) {
    text-align: center !important;
}

.Vf-edit-btn-custom {
    border: 1px solid #fff;
    display: table-caption;
    vertical-align: middle;
    text-align: center;
    margin-right: 5px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    text-align: center;
    background: var(--cand-second);
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}

.Vf-delete-btn-custom {
    border: 1px solid #fff;
    border-radius: 50%;
    font-size: 13px;
    width: 26px;
    height: 26px;
    background: var(--cand-second);
    color: #fff;
    display: table-caption;
    vertical-align: middle;
    text-align: center;
    margin-right: 5px;
    cursor: pointer;
}

.leaveDetails-h5 {
    font-size: 13px;
    margin-top: 18px;
    margin-bottom: 4px;
}

.notif-pulldown .dx-empty-message {
    height: 340px;
}

    .notif-pulldown .dx-empty-message .empty-data {
        height: 100%;
    }

        .notif-pulldown .dx-empty-message .empty-data .main-empty {
            overflow: visible;
        }

.calendar-board {
    height: 100%;
    border: 1px solid #ddd;
    padding: 15px;
    padding-right: 0px;
    border-radius: 4px;
}

.calendar-left {
    background: var(--primary-bg);
    margin-top: -15px;
    padding-top: 15px;
    margin-left: -15px;
    height: calc(100% + 30px);
    background: #eaecf7;
    border-radius: 7px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.schedul-pop-search .icoz-search {
    color: #0000009c;
    margin-top: 9px;
}

.schedul-pop-search {
    top: -6px;
    margin-right: 0px !important;
}

    .schedul-pop-search .dx-texteditor.dx-editor-filled {
        background: #007bff08;
        border: 1px solid rgb(187 187 187 / 31%);
    }

    .schedul-pop-search .dx-placeholder {
        color: #565656;
    }

.leave-legend {
    padding: 10px 15px;
    margin: 0 -15px;
    height: 146px;
}

    .leave-legend .l-title {
        display: block;
        width: 100%;
        font-size: 13px;
        font-family: var(--main-font);
        font-weight: 600;
        margin-bottom: 8px;
    }

    .leave-legend ul {
        display: block;
        width: 100%;
        padding: 0;
        list-style: none;
        margin-bottom: 0;
        font-size: 12px;
        font-family: var(--main-font);
        column-count: 3;
    }

        .leave-legend ul li {
            display: flex;
            margin-bottom: 10px;
            height: auto;
            overflow: hidden;
        }

            .leave-legend ul li .legend-color {
                width: 15px;
                height: 15px;
                margin-right: 5px;
                border-radius: 10px;
            }

            .leave-legend ul li .legend-title {
                white-space: nowrap;
                margin-bottom: 5px;
                width: 50px;
                text-overflow: ellipsis;
            }

.calendar-left > div {
    margin: 0 0 7px;
}

    .calendar-left > div:last-of-type,
    .calendar-left > div:first-of-type {
        margin: 0 0 0px;
    }

.event-strip.event {
    background: transparent;
    border: none;
    position: absolute;
    right: 3px;
    top: -22px;
}

#scheduler.calendar-dashboard .dx-scheduler-view-switcher,
#scheduler.calendar-dashboard .dx-scheduler-navigator .dx-button-mode-contained {
    border-color: transparent;
}

#scheduler.calendar-dashboard .dx-scheduler-work-space {
    padding-top: 30px;
    margin-top: -28px;
}

#UserPreferenceForm .dx-scrollable-content {
    background: transparent;
}

#UserPreferenceForm .dx-item.dx-list-item {
    background: #ffffff;
    border-radius: 5px;
    border: 1px solid #e8e8e8;
    box-shadow: 0px 2px 14px 0px rgb(0 0 0 / 4%);
    -webkit-box-shadow: 0px 2px 14px 0px rgb(0 0 0 / 4%);
    -moz-box-shadow: 0px 2px 14px 0px rgb(0 0 0 / 4%);
    margin-bottom: 5px;
}

.SeptableHeading {
    font-size: 13px;
    font-weight: 500;
    font-family: var(--main-font);
    margin-bottom: 10px;
    color: #4d5593;
}

#UserPreferenceForm .dx-item.dx-list-item .dx-list-item-content {
    background: transparent;
    padding: 8px;
}

    #UserPreferenceForm .dx-item.dx-list-item .dx-list-item-content .list-text {
        line-height: 16px;
    }

.eventSplash {
    width: 100%;
    height: calc(100% + 20px);
    padding: 0;
    margin: 0;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 7px;
}

    .eventSplash .rightS {
        border: 1px solid #ddd;
        border-radius: 10px;
        margin-left: 0px;
    }

    .eventSplash .eventdet {
        background: #EEF3F8;
        font-size: 13px;
        font-family: var(--main-font);
        font-weight: 500;
        padding: 15px;
    }

.eventFlyoutTitle {
    font-family: var(--main-font);
    font-size: 13px;
    font-weight: 500;
    padding: 15px 15px 0;
    color: #415871;
}

.EventFLyout {
    background: red;
}

.event-venue {
    font-weight: 500;
    line-height: normal;
}

.ListingDashboard .Vf-toolbar-header .dx-button-mode-contained .dx-icon {
}

.dx-form-group-caption.custom {
    padding-bottom: 2px;
    padding-top: 15px;
    border-bottom: 1px solid #ddd;
}

.cal-pref-footer {
    position: relative;
    left: -2px;
}

.full-view-sheet.full-view-hidden {
    margin-left: 95px;
    width: calc(100% - 120px);
    height: calc(100% - 95px);
    left: 0;
    padding: 0;
    margin-top: 70px;
    padding-top: 16px;
}

.op-side-bar::after {
    content: '';
    position: absolute;
    width: 1px;
    height: calc(100%);
    background: #67676717;
    right: 5px;
    top: 2px;
    margin-top: 30%;
}
/*.quick-sided {
    background: linear-gradient( var(--primary-color), rgb(0 123 255 / 26%) ), url('~/img/job-city.jpg');
    background-size: cover;
    padding: 10px;
    border-radius: 7px;
    margin-left: -30px;
    height: 161px;
}*/
.quick-sided {
    /* background: linear-gradient( var(--primary-color), rgb(0 123 255 / 26%) ), url(~/img/job-city.jpg); */
    background-size: cover;
    padding: 10px;
    /* border-radius: 7px; */
    margin-left: -15px;
    height: auto;
    padding-bottom: 62px;
    background-color: var(--cand-second);
    background-image: url(../img/cand-search-view.png), linear-gradient(rgba(0,0,0,0.0),rgba(0,0,0,0.0));
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 7px 7px 0 0;
}

.green .quick-sided {
    background-image: url(../img/cand-search-view_gr.png), linear-gradient(rgba(0,0,0,0.0),rgba(0,0,0,0.0));
}

.lavender .quick-sided {
    background-image: url(../img/cand-search-view_lv.png), linear-gradient(rgba(0,0,0,0.0),rgba(0,0,0,0.0));
}

.red .quick-sided {
    background-image: url(../img/cand-search-view_red.png), linear-gradient(rgba(0,0,0,0.0),rgba(0,0,0,0.0));
}

.pink .quick-sided {
    background-image: url(../img/cand-search-view_pk.png), linear-gradient(rgba(0,0,0,0.0),rgba(0,0,0,0.0));
}

.bottom-quick {
    padding: 10px;
    border-radius: 7px;
    margin-top: -52px;
}

.job-op .vy-fullview-title {
    margin-left: 0px;
    margin-bottom: 0px;
}

.jb-status {
    display: flex;
    align-items: baseline;
}

.jb-change-status-form {
    height: calc(100% - 35px);
}

.un-list {
    margin: 0px;
    background: none;
    padding: 0;
}

    .un-list > li {
        list-style: none;
        display: inline-block;
    }

    .un-list .doc-field .list-item {
        margin-top: 0;
        background: transparent;
        border: 1px solid #b2c1d2;
        color: #b2c1d2;
    }

    .un-list .doc-field .un-sublist {
        padding: 0;
        background: transparent;
        color: #222;
        line-height: 18px;
        font-size: 13px;
    }

.un-sublist {
    position: absolute;
    background: #ffffff;
    padding: 12px 20px;
    width: 254px;
    min-height: 52px;
    max-height: 250px;
    z-index: 999;
    list-style: none;
    border-radius: 6px;
    -moz-box-shadow: 0px 5px 12px 0px rgb(0 0 0 / 8%);
    -webkit-box-shadow: 0px 5px 12px 0px rgb(0 0 0 / 8%);
    box-shadow: 0px 5px 12px 0px rgb(0 0 0 / 8%);
    overflow-y: auto;
}

#InterviewPanelSpn .un-sublist {
    right: 10px;
}

.un-list .top-aligned {
    bottom: 0px;
}

.more-li {
    padding: 4px 6px;
    border: 1px solid #b2c1d2;
    background: #b2c1d2;
    color: #fff;
    border-radius: 6px;
    cursor: pointer;
    margin-left: 5px;
}

.un-sublist .list-item {
    font-size: 13px;
    background: transparent;
    color: #222;
    border: transparent;
    padding: 0;
}

.doc-field.first-3-li {
    display: inline-block;
}

.un-list > .doc-field > .docs > .list-item {
    margin-top: 0;
    background: transparent;
    border: none;
    color: #060606;
    font-size: 13px;
    padding: 0;
    padding-right: 0px;
    margin-right: 2px;
}

.first-3-li .list-item:after {
    content: ',';
    margin-right: 2px;
}

.first-3-li:last-of-type .list-item:after {
    display: none;
}

.un-list .un-sublist .doc-field .list-item {
    margin-top: 0;
    background: transparent;
    border: 1px solid #ffffff;
    color: #262626;
    padding-left: 0;
    font-size: 13px;
}

.Cand-search {
    padding: 20px;
    height: 100%;
}

    .Cand-search .fit-screen {
        margin: 0;
        border-radius: 8px;
        height: 100%;
    }

.cd-sidebar .border-fit {
    padding: 15px;
    padding-top: 26px;
    padding-left: 16px;
    border: 1px solid #eaeaea;
    border-radius: 6px;
    margin-right: 10px;
    box-shadow: 0px 4px 7px 1px rgb(156 156 156 / 15%);
    overflow: hidden;
    background-repeat: no-repeat;
}

body.blue .cd-sidebar .border-fit {
    background-color: #4A86FF;
    background-image: url("../img/cand-search.png"), linear-gradient(rgba(0,0,0,0.0),rgba(0,0,0,0.0));
}

body.red .cd-sidebar .border-fit {
    background-color: #ff8598fa;
    background-image: url("../img/cand-search_red.png"), linear-gradient(rgba(0,0,0,0.0),rgba(0,0,0,0.0));
}

body.lavender .cd-sidebar .border-fit {
    background-color: #afaff1;
    background-image: url("../img/cand-search_lv.png"), linear-gradient(rgba(0,0,0,0.0),rgba(0,0,0,0.0));
}

body.pink .cd-sidebar .border-fit {
    background-color: #ffb3a6;
    background-image: url("../img/cand-search_pk.png"), linear-gradient(rgba(0,0,0,0.0),rgba(0,0,0,0.0));
}

body.green .cd-sidebar .border-fit {
    background-color: #79bc75;
    background-image: url("../img/cand-search_gr.png"), linear-gradient(rgba(0,0,0,0.0),rgba(0,0,0,0.0));
}

.Cand-search .cd-right {
    border: 1px solid #ddd;
    border-radius: 7px;
    padding: 15px;
    overflow: hidden;
    background: #fff;
    height: 100%;
}

.inner-search {
    padding-left: 0;
    padding-top: 10px;
    margin-bottom: 0;
    height: 0;
}

.dx-item.dx-list-item.dx-list-item-selected .inner-search {
    height: auto;
}

.inner-search .titLe {
    position: relative;
    top: -10px;
}

.inner-search ul {
    padding: 0;
    margin-bottom: 0px;
}

.cd-sidebar .dx-item.dx-list-item.dx-list-item-selected .dx-list-select-checkbox-container {
    vertical-align: text-top;
}

.eventCorousal {
    overflow: hidden;
    overflow-y: auto;
    height: 100%;
}

.apr-card {
    padding: 7px;
    color: #555;
}

.apr-strip-ico {
    width: 12px;
    margin-right: 5px;
}

.trc-no {
    color: orange;
    font-weight: 600;
}

.apr-time {
    color: #919191;
    float: right;
    font-size: 13px;
    margin-top: 12px;
}

.Task-tsc .apr-time {
    margin-top: 0px;
}

.apr-requester {
    color: #333;
    float: right;
    font-size: 13px;
    margin-top: 12px;
    height: 0;
}

.apr-time i {
    font-size: 11px;
    margin-right: 4px;
}

.apr-requester i {
    font-size: 11px;
    margin-right: 4px;
}

.btm-line {
    color: #959595;
    width: 68vw;
    line-height: normal;
}

.ess-shif-cal #shiftcalendarPop,
.ess-shif-cal #OnlineScribingScheduler {
    height: calc(100% - 70px) !important;
    margin-top: 0px;
}

.ess-shif-cal .dx-scheduler-header.dx-widget {
    display: flex;
    justify-content: center;
    background: transparent;
    margin-top: 9px !important;
}

.ess-shif-cal .dx-scheduler-navigator.dx-widget {
    right: inherit
}

.shift-emp-search {
    padding-top: 13px;
    padding-left: 21px;
    margin-left: 15px;
}

.ess-shif-cal .Vf-grid-title {
    margin-bottom: 15px;
    margin-left: 5px;
    padding-top: 15px;
}

.ess-shif-cal .calendar-dashboard .dx-scheduler-work-space {
    padding: 15px;
    margin-top: 15px;
    border-radius: 6px;
    border: 1px solid rgba(221,221,221,.6);
}

.ess-shif-cal .calendar-dashboard .dx-scheduler-navigator .dx-button-text {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    color: #6783ad;
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
}

.ess-shif-cal .calendar-dashboard .dx-scheduler-navigator .dx-button-has-icon .dx-icon {
    font-weight: 800;
    font-size: 16px;
    color: #333;
}

.ess-shif-cal .calendar-dashboard .dx-scheduler-view-switcher {
    display: none;
}

.shift-title-section {
    width: 40%;
    display: block;
    z-index: 2;
    position: relative;
}

.EmployeeSearchDropdown:after {
    height: 26px;
    width: 1px;
    background: #c0c0c0;
    position: absolute;
    content: '';
    left: -16px;
    top: 1px;
}

.event-strip.Self-shift {
    background: transparent;
    color: #555;
    display: flex;
    align-items: center;
    border-left: none;
}

.mobile-invitation .dx-button-content {
    background: var(--aditional) !important;
    border-radius: 50% !important;
    color: #fff !important;
    box-shadow: 0px 4px 11.83px 1.17px rgb(0 0 0 / 14%);
    -webkit-box-shadow: 0px 4px 11.83px 1.17px rgb(0 0 0 / 14%);
    -moz-box-shadow: 0px 4px 11.83px 1.17px rgb(0 0 0 / 14%);
    transition: 0.2s;
    opacity: .8;
}

.mobile-invitation.dx-state-focused .dx-button-content,
mobile-invitation.dx-state-hover .dx-button-content {
    box-shadow: 0px 4px 11.83px 1.17px rgb(0 0 0 / 36%);
    -webkit-box-shadow: 0px 4px 11.83px 1.17px rgb(0 0 0 / 36%);
    -moz-box-shadow: 0px 4px 11.83px 1.17px rgb(0 0 0 / 36%);
    transition: 0.2s;
    opacity: .8;
}

.mobile-invitation .dx-button-content i {
    position: relative;
    left: 0px;
    color: #fff;
    font-size: 17px;
}

.emp-i {
    cursor: pointer;
}

.notif-pulldown .dx-item.dx-list-item:last-child {
    margin-bottom: 25px;
}

.notif-pulldown.task .dx-item.dx-list-item:last-child {
    margin-bottom: 10px;
}

.addnew-dropdown-pop {
    user-select: none;
}

.employee-filtFooter {
    position: absolute;
    width: calc(100% - 40px);
    bottom: 20px;
}

.list-progressbar-label {
    font-size: 11px;
    color: #727a83;
    position: relative;
    top: -5px;
}

.Greeting-management .accod-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
}

.Greeting-management .main-actions {
    text-align: right;
    justify-content: flex-end;
    padding-right: 15px;
}

.Greeting-management .accord-title {
    display: flex;
    height: 100%;
    align-items: center;
}

#greetingTypeLists .dx-item.dx-list-item > .dx-item-content {
    padding: 0px 0px 10px;
}

.floater-footer {
    display: inline-flex;
    float: right;
}

#dashBoardSpecialOfferAttachment .ovel-img {
    height: 420px;
    display: flex;
    width: auto;
    align-items: center;
    background: #ddecfc3b;
}

.count-circle {
    background: var(--toolbar-color);
    min-width: 30px;
    min-height: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 13px;
    font-family: var(--main-font);
    font-weight: 700;
    color: #444;
    margin-right: 5px;
}

.Candidate-search-list .dx-scrollable-content {
    background: #fff0;
}

.Candidate-search-list .dx-texteditor.dx-editor-filled {
    background: #fff0;
    border: 1px solid rgb(169,169,169);
    border-radius: 15px;
}

.cd-sidebar {
    width: 336px;
    float: left;
    display: inline-flex;
    transition: 0.4s ease all;
}

.cd-search-results {
    float: left;
    display: inline-flex;
    width: calc(100% - 336px);
    transition: 0.4s ease all;
    height: 100%;
}

.Candidate-search-list .dx-item .dx-list-item-content {
    background: #fff0;
    padding: 0px 0px;
}

.searched-tags {
    width: calc(100% + 32px);
    white-space: nowrap;
    margin-bottom: 0px;
    margin-left: -17px;
    margin-top: 7px;
    height: auto;
    user-select: none;
    list-style: none;
    overflow: hidden;
    overflow-x: auto;
    padding: 10px 15px;
    transition: all 0.3s ease 0s;
    background: #F5F6FB;
}

li.s-tags {
    display: inline-block;
    padding: 4px 9px;
    font-size: 10px;
    border-radius: 14px;
    margin-bottom: 0px;
    color: #ffffff;
    break-after: avoid;
    background: var(--s-tags);
    border: 1px solid #fff;
    cursor: grab;
}

    li.s-tags:active {
        cursor: grabbing;
    }

.s-tags filtered-item {
    display: inline-block;
    font-size: 10px;
}

.s-tags i {
    padding-left: 10px;
    font-size: 9px;
    color: #fff;
    cursor: pointer;
}

.Top-list-conf {
    display: flex;
    margin-bottom: 4px;
    margin-top: 35px;
    align-items: center;
}

    .Top-list-conf .Filter-title {
        width: 100%;
        float: left;
        font-size: 13px;
        font-weight: 500;
    }

    .Top-list-conf .action-box i {
        font-size: 14px;
        color: #727579;
        position: relative;
        top: 7px;
    }

    .Top-list-conf .clear-btn-filters {
        font-size: 12px;
        color: var(--blue);
        font-weight: 500;
    }

.applied-infos {
    display: flex;
    margin-bottom: 10px;
}

    .applied-infos .d-left {
        width: 50%;
        font-size: 11px;
        color: #b0b0b0;
    }

    .applied-infos .d-right {
        font-size: 11px;
        align-content: flex-end;
        width: 50%;
        text-align: right;
    }

    .applied-infos .clear-btn-filters {
        font-size: 11px;
        color: var(--primary-color);
        display: inline-block;
        cursor: pointer;
    }

.hide-filter-caret {
    display: inline-block;
    margin-left: 0;
    font-size: 13px;
    color: #007bff;
    cursor: pointer;
    transition: 0.3s;
    height: auto;
    padding-right: 2px;
    transform: rotate(-45deg);
}

    .hide-filter-caret.hidden {
        color: #808080;
        transition: 0.3s;
        transform: rotate(-90deg);
    }

#candidateSearchList .dx-list-search.dx-texteditor.dx-editor-filled {
    position: relative;
    margin-top: -172px;
    margin-bottom: 138px;
    border-radius: 7px;
    color: #ffffff;
}

.Tds-overview-strip {
    font-size: 12px;
    background: var(--form-view-color) !important;
    padding: 7px 10px;
    border-radius: 6px;
    border: 1px solid #ddd;
    color: #41576f;
    font-weight: 500;
    margin: 0 0px !important;
}

div.Tds-overview-strip > div {
    margin-right: 8px;
    margin-left: 8px;
}

.actual-list-button {
    text-align: center;
    line-height: 12px;
    font-size: 13px;
    padding: 2px 8px;
    border-radius: 4px;
    border-image: initial !important;
    /* width: 92px; */
    color: #49a98c !important;
    border-radius: 5px;
    background: #20c9971c !important;
    margin-top: -2px;
    padding: 3px 6px;
    border: 1px solid #0fdea1d6 !important;
}

.stripified-tr {
    border: 1px solid #d4d4d4;
    border-left: 6px solid #f36125;
    display: block;
    width: 100%;
    border-radius: 7px;
    clear: both;
    margin-bottom: 10px;
    height: auto;
    box-shadow: 0px 2px 7px 0px rgb(0 0 0 / 9%);
    -moz-box-shadow: 0px 2px 7px 0px rgb(0 0 0 / 9%);
    -webkit-box-shadow: 0px 2px 7px 0px rgb(0 0 0 / 9%);
}

.tds-item-temp-grid {
    padding: 10px 0;
    font-weight: 400;
    color: #8799ad;
}

    .tds-item-temp-grid .td-label {
        width: 16rem;
        float: left;
    }

.search-by-item-ul {
    padding: 0;
    column-count: 1;
    margin-bottom: 0;
    list-style: none;
    margin-left: 6px;
    height: 0;
    transition: 0.3s;
}

    .search-by-item-ul li .list-container {
        display: flex;
    }

        .search-by-item-ul li .list-container .item-label {
            color: #878d93;
            width: 165px;
            display: flex;
            align-items: center;
            font-size: 12px;
        }

        .search-by-item-ul li .list-container .item-field {
            height: 32px;
            border-radius: 4px;
            font-size: 13px;
            margin-bottom: 5px;
            border-color: #e0e2f0;
        }

.cd-sidebar .service-name-search {
    margin-bottom: 5px;
    font-weight: 500;
    padding: 10px 10px;
    font-size: 12px;
    color: #555;
    cursor: pointer;
    background: #f7f7f9;
    border-radius: 6px;
    font-family: var(--main-font);
}

.Candidate-search-list .dx-item .dx-list-item-content.opened .search-by-item-ul {
    height: auto;
    margin: 5px 6px 5px;
    transition: 0.3s;
}

.Candidate-search-list .service-name-search:before {
    content: '+';
    float: right;
    font-size: 16px;
    border: 1.5px solid #394249;
    position: absolute;
    right: 10px;
    height: 15px;
    width: 15px;
    color: #394249;
    line-height: 5px;
    padding: 2px 0;
    border-radius: 50%;
    text-align: center;
    font-weight: 600;
    margin-top: -4px;
    text-align: center;
}

.Candidate-search-list .dx-item .dx-list-item-content.opened .service-name-search:before {
    content: '-';
}

.cutomized-child .Vf-grid-child .mail-trig.grey-ring {
    background: #596f80;
}

.candidateSearchForm {
    height: calc(100% - 26px);
    background: #fff;
    margin: 0 -16px -150px;
    padding: 15px 15px 0px;
}

.apply-btn-group {
    width: 100%;
    text-align: right;
    display: block;
}

.Candidate-search-list .dx-item .dx-list-item-content.opened .dx-list-search.dx-texteditor.dx-editor-filled {
    margin-top: -92px;
    margin-bottom: 62px;
}

.hided-search-tags .Candidate-search-list .dx-list-search.dx-texteditor.dx-editor-filled {
    margin-top: -116px !important;
    margin-bottom: 86px !important;
    transition: 0.3s;
}

.Candidate-search-list .dx-list-search.dx-texteditor.dx-editor-filled {
    background: var(--cand-second);
    border: 1px solid #f3f3f300;
}

.Top-list-conf {
    background: white;
    margin-left: -16px;
    margin-right: -15px;
    padding: 10px 15px 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.border-fit .applied-infos {
    background: #fff;
    margin: -10px -16px;
    padding: 10px 15px;
}

#candidateSearchList .dx-list-search.dx-texteditor.dx-editor-filled .dx-placeholder {
    color: #ffffff;
}

#candidateSearchList .dx-list-search.dx-texteditor.dx-editor-filled.dx-searchbox .dx-texteditor-input-container .dx-icon-search:before {
    color: rgb(255, 255, 255);
}

.s-tags.last-more {
    display: inline-block;
    padding: 4px 9px;
    font-size: 10px;
    border-radius: 14px;
    margin-bottom: 0px;
    color: #ffffff;
    break-after: avoid;
    background: var(--s-tags);
    border: 1px solid #fff;
}

    .s-tags.last-more i.more-i {
        font-size: 13px;
        padding-left: 0;
        position: relative;
        top: 2px;
    }

.candidateSearchForm.hided-search-tags {
    margin: 0 -16px -96px;
    transition: 0.3s;
}

.extra-tags {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F5F6FB;
    margin-top: 8px;
    margin-right: -15px;
    padding-right: 15px;
}

.full-tags.hided .searched-tags, .full-tags.hided .extra-tags {
    transition: 0.3s;
    height: 0;
    padding: 0;
    margin: 0;
}

.full-tags.hided .extra-tags {
    display: none;
}

.status-bar-circle {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}

.Vf-status-strip [class^="vy-text-"] {
    margin-right: 4px;
    border-radius: 4px;
    height: 10px;
    width: 10px;
    padding: 0;
    box-shadow: 0px 4px 11.83px 1.17px rgb(0 0 0 / 15%);
}

.statusData {
    margin-top: -2px;
}

.Status-remaining-counts {
    float: right;
    display: flex;
    align-items: center;
}

#searchListChooser {
    height: calc(100% - 7px) !important;
}

.Vf-flyout-btn-group {
    display: block;
    width: 100%;
    text-align: right;
}

#searchListChooser .dx-texteditor.dx-editor-filled {
    background: #f4f4f4;
    border: 1px solid rgb(223 223 223 / 31%);
    border-radius: 5px;
}

#searchListChooser .dx-texteditor.dx-state-active.dx-editor-filled, #searchListChooser .dx-texteditor.dx-state-focused.dx-editor-filled {
    background-color: #f4f4f4;
}

.search-preferece-popup .dx-popup-content {
    padding: 20px;
}

.search-preferece-popup .dx-texteditor-input-container .dx-icon-search:before {
    color: rgb(129, 141, 143);
}

#searchListChooser .dx-item.dx-list-item {
    background: #ffffff;
    border-radius: 5px;
    border: 1px solid #e2e4e6;
    box-shadow: 0px 2px 14px 0px rgb(0 0 0 / 4%);
    -webkit-box-shadow: 0px 2px 14px 0px rgb(0 0 0 / 4%);
    -moz-box-shadow: 0px 2px 14px 0px rgb(0 0 0 / 4%);
    margin-bottom: 5px;
}

#searchListChooser .dx-sortable-source-hidden {
    opacity: 1;
}

#searchListChooser.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
    color: rgb(114 114 114);
}

#searchListChooser:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover {
    background-color: var(--hover);
}

    #searchListChooser:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover .dx-list-item-content {
        background: rgb(255 255 255 / 23%);
    }

.height-min-60 {
    height: calc(100% - 100px);
}

.cand-star-rating-sidebar {
    width: 100%;
}

    .cand-star-rating-sidebar i {
        font-size: 11px;
        color: #c1bfb8;
        padding: 2px;
        margin-right: 5px;
        text-shadow: 0 0 3px #ffffff, 0 0 5px #d2d2d2;
    }

.cand-star-rating-sidebar {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 26px;
}

    .cand-star-rating-sidebar i.rated {
        color: #ffc107;
    }

        .cand-star-rating-sidebar i.rated:hover {
            transition: 0.2s;
            transform: scale(1.2);
            color: #ffc822;
        }

.cand-edit-white {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding-top: 10px;
}

.Edit-btn-white {
    background: var(--cand-second);
    height: 30px;
    padding: 5px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 58%;
    margin-right: 10px;
    color: #ffffff;
    cursor: pointer;
}

.mailto-cand {
    width: 29px;
    height: 29px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #ffd0dd;
    border-radius: 5px;
    border: 1px solid #ffffff;
    box-shadow: 0px 4px 9px 3px rgb(156 156 156 / 12%);
    -webkit-box-shadow: 0px 4px 9px 3px rgb(156 156 156 / 12%);
    -moz-box-shadow: 0px 4px 9px 3px rgb(156 156 156 / 12%);
    background-size: 16px;
    cursor: pointer;
}

    .mailto-cand.callTo {
        width: 29px;
        height: 29px;
        background-color: #d8f7ff;
    }

.divider-span {
    position: relative;
    top: 1px;
    font-size: 19px;
    background: #e0e0ff;
    display: block;
    width: 1px;
    height: 20px;
}

.check-mode-i {
    position: absolute;
    background: #47e64c;
    padding: 3px;
    border-radius: 5px;
    color: #fff;
    left: 6px;
    margin-top: -19px;
    display: none !important;
    height: 20px;
    width: 23px;
    text-align: center;
}

.displayDate-at {
    margin-left: 25px;
}

.Manual .check-mode-i.manual {
    display: block !important;
}

.WebCheckIn .check-mode-i.web {
    display: block !important;
}

.Mobile .check-mode-i.mob {
    display: block !important;
    margin-left: 0px;
}

.Regularization .check-mode-i.regular {
    display: block !important;
    margin-left: 0px;
}

.Biometric .check-mode-i.biom {
    display: block !important;
}

.Att-Summary .check-mode-i.summ {
    display: block !important;
    margin-left: 0px;
}

.check-mode-i.check-in {
    color: #04d20a;
    border: 1px solid transparent;
    background: #fff0;
}

.check-mode-i.check-out {
    color: #ea3864;
    border: 1px solid transparent;
    background: #fff0;
    left: inherit;
    margin-left: -1px;
}

.cd-sidebar .cd-tab-links ul.address-candidate li,
.cd-ads .cd-tab-links ul.address-candidate li {
    text-align: right;
    font-size: 12px;
    color: #9a9797;
    font-weight: 400;
    padding: 4px 0;
}

    .cd-sidebar .cd-tab-links ul.address-candidate li b,
    .cd-ads .cd-tab-links ul.address-candidate li b {
        float: left;
        font-weight: 500;
        color: #606060;
    }

.cd-sidebar .cd-tab-links.adress ul li:hover,
.cd-ads .cd-tab-links.adress ul li:hover {
    background: transparent;
}

.cd-tab-links.adress {
    padding: 10px 20px;
    border-bottom: 1px solid #eaeaeaad;
}

    .cd-tab-links.adress h3 {
        font-size: 13px;
        text-align: left;
        margin-bottom: 0px;
    }

.cd-sidebar .cd-tab-links.clickers ul li,
.cd-ads .cd-tab-links.clickers ul li {
    display: flex;
}

.candidate-tab-ico {
    width: 20px;
    height: 20px;
    -webkit-mask-image: url('../img/candidate-1.svg');
    -webkit-mask-size: 16px;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 12px;
    margin-left: 10px;
    background-color: rgb(165,165,165);
}

    .candidate-tab-ico.second {
        -webkit-mask-image: url('../img/applied-jobs.svg');
    }

    .candidate-tab-ico.third {
        -webkit-mask-image: url('../img/interview.svg');
    }

    .candidate-tab-ico.fourth {
        -webkit-mask-image: url('../img/notes.svg');
    }

    .candidate-tab-ico.fifth {
        -webkit-mask-image: url('../img/job-history.svg');
    }

.cd-sidebar .cd-tab-links.clickers ul li span:last-child {
    font-size: 12px;
    font-weight: 500;
}

.cd-sidebar .cd-tab-links.clickers ul li:hover span:last-child {
    color: var(--primary-color);
}

.cd-sidebar .cd-tab-links.clickers ul li:hover .candidate-tab-ico,
.cd-sidebar .cd-tab-links.clickers ul li.active-tab .candidate-tab-ico {
    background-color: var(--cand-second);
}

.cd-tab-links.clickers h3 {
    font-size: 13px;
    text-align: left;
    margin-bottom: 8px;
    padding-left: 5px;
}

.skills.dx-form-group-caption {
    top: 2px;
}

.skills-ul {
    list-style: none;
    padding: 15px 0px;
    margin: 0;
}

    .skills-ul li {
        color: #1774d7;
        background: #c6e1ff;
        padding: 9px 11px;
        border-radius: 6px;
        border: 1px solid #9fbedf;
        font-size: 12px;
        font-weight: 500;
        margin-right: 2px;
        display: inline-block;
    }

.sk-boder-bottom {
    border-bottom: 1px solid #f1ebed;
    padding-bottom: 8px;
}

.candidates-view.employeepreview-css .preview-sub-card.hide-form-title .Voyon-Forms .dx-form-group-caption {
    display: none;
}

.candidates-view.employeepreview-css .preview-sub-card.hide-form-title .Voyon-Forms .dx-form-group-content {
    margin-top: 0;
    border-top: 0;
}

.ad-card.cand-ad-card {
    padding: 15px;
    margin: 10px 0px 0px;
}

.talentViewtalentPage {
    padding: 0 20px;
}

#jobAppliedList .dx-datagrid-header-panel .dx-toolbar-after {
    display: flex;
    justify-content: center;
    align-items: center;
}

    #jobAppliedList .dx-datagrid-header-panel .dx-toolbar-after .dx-item.dx-toolbar-item.dx-toolbar-button:nth-child(1) {
        order: 3;
    }

    #jobAppliedList .dx-datagrid-header-panel .dx-toolbar-after .dx-item.dx-toolbar-item.dx-toolbar-button:nth-child(2) {
        order: 5;
    }

    #jobAppliedList .dx-datagrid-header-panel .dx-toolbar-after .dx-item.dx-toolbar-item.dx-toolbar-button:nth-child(3) {
        order: 6;
    }

    #jobAppliedList .dx-datagrid-header-panel .dx-toolbar-after .dx-item.dx-toolbar-item.dx-toolbar-button:nth-child(4) {
        order: 4;
    }

.prog-infos {
    align-items: baseline;
    margin-bottom: 5px;
}

    .prog-infos .Vf-progressbar-label {
        width: 91%;
        text-align: left !important;
    }

    .prog-infos .Vf-progressbar-summary {
        width: 9%;
        text-align: right;
    }

#selected-childrens li.dx-treeview-node .dx-treeview-item-content > div {
    padding-left: 15px;
}

.jb-status .status-round {
    display: block;
    height: 14px;
    width: 14px;
    border: 4px solid #ddd0;
    border-radius: 3px;
    margin-right: 4px;
}

.jb-status {
    display: flex;
    align-items: center;
}

.jd-id-name {
    width: calc(100% - 70px);
}

.jb-op-btn-group {
    width: 70px;
}

.interview-feedback-card {
    padding: 20px;
    border-radius: 4px;
    margin-bottom: 10px;
}

.error-page .warning-bg {
    background: url('../img/warning-image.png');
    height: 55vh;
    background-size: 551px;
    background-position: center;
    background-repeat: no-repeat;
}

.error-page {
    font-family: var(--main-font);
    height: inherit;
    width: inherit;
    background: #fafafa;
    display: block;
    margin-left: -15px;
    margin: -15px;
    padding: 15px;
}

    .error-page .content-part {
        width: 70%;
        margin: 0 auto;
    }

    .error-page h1 {
        font-size: 2.6em;
        text-align: center;
        color: #727272;
        position: relative;
        margin-top: -110px;
        font-weight: 700;
    }

    .error-page .descriptions {
        font-size: 14px;
        line-height: 21px;
        margin-top: 22px;
    }

        .error-page .descriptions p {
            text-align: center;
            color: #585858;
            margin-bottom: 12px;
        }

            .error-page .descriptions p.credits {
            }

.sent-text {
    border: 1px solid rgb(5 166 240 / 42%);
    padding: 5px;
    border-radius: 4px;
    text-align: center;
    background: #daf3ff;
    width: fit-content;
    color: #1059a8;
    font-weight: 500;
}

.PayslipreportViewPopup {
    height: inherit;
}

    .PayslipreportViewPopup > .dx-designer {
        height: inherit !important;
    }

.feedback-temp > div:not(:nth-child(1)) .dx-field-item-label {
    display: none;
}

.feedback-temp > div .dx-item-content.dx-box-item-content {
    height: 65px !important;
}

.Rating-form-text.feedback-temp > div:nth-child(1) .dx-item-content.dx-box-item-content {
    height: 48px !important;
}

.feedback-temp > div:not(:nth-child(1)) .dx-item-content.dx-box-item-content {
    height: 30px !important;
}

.feedback-temp > div:nth-child(1) .dx-field-item-label {
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: 15px;
    text-align: left;
    white-space: pre;
}

.feedback-temp > div .dx-item.dx-box-item .dx-item.dx-box-item:nth-child(1) {
    text-align: right;
}

.full-height-image {
    width: auto;
    height: 100%;
    margin: 0 auto;
}

.measures-mult-title {
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 8px;
}

.measures-form .Hiddend.crip label {
    display: none;
}

.measures-form .Hiddend.crip {
    text-align: right;
}

.measures-content .long-title {
    font-size: 14px;
    font-weight: 500;
    padding: 3px 15px 3px;
    margin: 4px 0 7px;
    border-bottom: 0px solid #ddd;
    background: #f6f7fb;
    color: #708795;
    border-radius: 2px;
    height: 30px;
    display: flex;
    align-items: center;
}

.ess-shif-cal.single-employee #shiftcalendarPop,
.ess-shif-cal.single-employee #OnlineScribingScheduler {
    height: calc(100%) !important;
}

.employeepreview-css .cd-right .tabed-div.cd-interview .dx-datagrid-headers + .dx-datagrid-rowsview {
    padding: 0 10px !important;
}

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

.cd-right .interviewPanel-formGroup {
    margin-bottom: 90px;
}

.cd-right .full-view-card .btn-group.interviewPanel-formGroup-btn-group {
    left: 15px;
    right: 15px;
}

.cd-menu-coll {
    position: absolute;
    margin-top: 15px;
    margin-left: 2px;
    margin-right: 0;
    z-index: 1;
}

.cd-search-list-title .Voyon-GridTitLe {
    margin-left: 40px;
}

.list-progressbar-label.without-progressbar {
    top: 0px !important;
}

.full-width-list .cd-sidebar {
    width: 0px;
    transition: 0.3s ease all;
}

.full-width-list .cd-search-results {
    width: calc(100% - 0px);
    transition: 0.3s ease all;
}

.full-width-list .Candidate-search-list {
    visibility: hidden;
    transition: 0.3s ease all;
}

.Issue-payslip-page .dx-toolbar-before {
    display: flex;
    align-items: center;
}

.Issue-payslip-page .Vf-toolbar-batch .dx-toolbar-before .dx-item.dx-toolbar-item:first-of-type {
    order: 1;
    margin-left: -20px;
}

#tileViewCalendar .dx-empty-message {
    text-align: center;
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kra-title-full-fiv {
    align-items: center;
    border-bottom: 0px solid #ddd;
    height: 36px;
    background: #f6f7fb;
    padding: 10px 15px;
    border-radius: 2px;
    justify-content: space-between;
    align-items: center;
}

.kra-title {
    width: calc(100% - 41px);
    font-weight: 500;
    font-size: 14px;
    color: #708795;
    font-family: var(--main-font);
}

.Employee-search-container.Team-cont {
    margin: 0 -20px;
    height: inherit;
}

    .Employee-search-container.Team-cont .infos-employee {
        height: calc(100% - -20px);
        padding: 30px 40px 20px;
    }

    .Employee-search-container.Team-cont .contact {
        height: 130px;
    }

        .Employee-search-container.Team-cont .contact .goto-profiles {
            position: inherit;
            bottom: 0;
        }

            .Employee-search-container.Team-cont .contact .goto-profiles .goto-profile-btn {
                margin-left: 0px;
            }

.CPbreaker {
    position: relative;
    top: -4px;
}

.records-schedules {
    width: 80px;
    display: flex;
    align-items: center;
}

.schedule-table {
    width: calc(100% - 86px);
    padding: 10px 10px;
    border-radius: 8px;
    cursor: grab;
}

    .schedule-table:active {
        cursor: all-scroll;
    }

    .schedule-table tr td {
        display: inline-flex;
        justify-content: center;
        align-items: flex-start;
        width: 154px;
        height: 37.2px;
    }

    .schedule-table.schedul-td-height tr td {
        height: auto
    }

.schedul-td-height {
    display: flex;
    align-items: center;
}

.schedule-table table {
    white-space: pre;
}

.scheduler-leg {
    display: flex;
    width: calc(100% - 195px);
}

.schedule-table table .SC-ring {
    margin-left: 4px;
}

.btn-full-group.footer-group-scheduler {
    display: flex;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    justify-content: center;
}

    .btn-full-group.footer-group-scheduler .btn-group {
        align-items: center;
    }

.Voyon-FileUpload {
    height: inherit;
}

.calendar-part {
    height: calc(100% - 36px);
}

    .calendar-part .offlineScribingCalender {
        height: inherit !important;
        margin-top: -34px;
    }

.candidates-view.employeepreview-css .preview-sub-card .can-edu-details .Voyon-Forms {
    margin: 12px 0px;
    margin-top: 15px;
}

.gridReguralizationPopup.offline-scribe .dx-datagrid-rowsview .dx-row.dx-edit-row:first-child > td {
    border-bottom: 1px solid #ddd0;
}

.gridReguralizationPopup.offline-scribe.timesheet .dx-datagrid-rowsview .dx-row.dx-edit-row:first-child > td {
    width: 674px;
}

.add-offlineScribing-toolbar.add-attendance-toolbar {
    top: -65px;
}

.offline-scribe.timesheet .add-attendance-toolbar {
    top: -65px;
}

.cand-pers-details .EmployeeDetails {
    padding-right: 5px;
}

.cd-right-scroller {
    overflow: hidden;
}

.add-tag-button {
    height: 45px;
    padding: 15px 2px;
}

.tagAddLookup {
    width: 260px;
}

.tab-close-i {
    cursor: pointer;
    margin-left: 15px;
    color: #6e89a7;
}

.tabed-div.cd-interview .Vf-grid-default {
    height: inherit;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 7px;
    background: var(--primary-bg);
}

.img-icon-list {
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
}

    .img-icon-list.OfferApproval {
        background-image: url('../img/page.png');
    }

    .img-icon-list.sendoffer {
        background-image: url('../img/send-offer.png');
    }

    .img-icon-list.ini-onb {
        background-image: url('../img/init-onb.png');
    }

    .img-icon-list.convert-emp {
        background-image: url('../img/convert-emp.png');
    }

    .img-icon-list.offer-accept {
        background-image: url('../img/offer-accept.png');
    }

    .img-icon-list.allocate {
        background-image: url('../img/allocate.svg');
        height: 20px !important;
        width: 20px !important;
        background-size: 20px 20px !important;
    }

    .img-icon-list.hire-sel {
        background-image: url('../img/convert-emp.png');
    }

    .img-icon-list.interview-schedule {
        background-image: url('../img/interview-schedule.png');
    }

.notif-pulldown.task .dx-list-group-header .task-group-header {
    display: flex;
    font-family: var(--main-font);
    font-weight: 400;
    font-size: 13px;
    height: 20px;
    align-items: center;
}

    .notif-pulldown.task .dx-list-group-header .task-group-header .task-group-header-title {
        font-weight: 500;
        width: calc(100% - 75px);
        text-align: left;
        white-space: pre;
        overflow: hidden;
        overflow-y: auto;
        height: 14px;
        padding-right: 8px;
    }

    .notif-pulldown.task .dx-list-group-header .task-group-header .see-all-btn {
        width: 75px;
        text-align: right;
        color: #2b8bf3;
        font-size: 12px;
        cursor: pointer;
    }

.notif-pulldown.task .dx-list-group-body {
    padding: 0px;
    background: #fff;
}

.notif-pulldown.task .notif-pulldown.task .dx-list-group {
    border: 1px solid #ddd;
}

.notif-pulldown.task .group-collapse-btn {
    margin-left: 10px;
    font-weight: 600;
    font-size: 10px;
    margin-top: 4px;
    border-radius: 38px;
    color: #5f5f5f;
    height: 16px;
    width: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.3s;
}

.notif-pulldown.task .dx-list-group.group-collapsed .dx-list-group-body {
    transition: 0.3s;
    height: 0px;
}

.notif-pulldown.task .dx-list-group.group-collapsed .group-collapse-btn {
    transform: rotate( 180deg );
    transition: 0.3s;
}

.notif-pulldown.task .dx-list-group.group-collapsed .dx-list-group-header {
    background: #f4f9ff;
    border-bottom: 2px solid #fff;
    border-radius: 4px;
}

.OnlineScribingScheduler .dx-scheduler-appointment-horizontal {
    height: 31px !important;
    padding: 0 10px;
}

.OnlineScribingFooter {
    height: 50px;
}

.OnlineScribingFooterDiv {
    margin: 15px 0px;
    padding: 0 15px;
    border-radius: 6px;
    background: #ececf5;
}

    .OnlineScribingFooterDiv .buttons-side {
        padding: 8px 0px;
        align-items: center;
        justify-content: center;
        display: flex;
    }

.timesheet-summary {
    padding: 15px;
    background: #f2f3f8;
    border-radius: 7px;
    font-family: var(--main-font);
    position: absolute;
    width: calc(100% - 40px);
    bottom: calc(20px);
    font-size: 13px;
}

    .timesheet-summary .lined-title {
        color: #61739c;
        font-weight: 600;
    }

        .timesheet-summary .lined-title.edited {
            color: var(--yellow);
        }

        .timesheet-summary .lined-title.total {
            color: var(--green);
        }

    .timesheet-summary .lined-count > div {
        color: #000;
        font-weight: 500;
    }

.ess-shif-cal.online-scribing-timesheet .calendar-dashboard .dx-scheduler-work-space {
    height: calc(100% - 72px);
}

.Hiring-grid .Vf-toolbar-batch .dx-toolbar-before {
    display: flex;
    align-items: center;
}

    .Hiring-grid .Vf-toolbar-batch .dx-toolbar-before > div:nth-child(1) {
        order: 3;
        margin-left: 15px;
    }

    .Hiring-grid .Vf-toolbar-batch .dx-toolbar-before > div:nth-child(2) {
        order: 2;
    }

    .Hiring-grid .Vf-toolbar-batch .dx-toolbar-before > div:nth-child(3) {
        order: 1;
    }

.selfullview.employeepreview-css.full-view {
    padding-top: 35px;
    padding-left: 111px;
}

.OnlineScribingScheduler.dx-scheduler .dx-scheduler-date-table-cell .dx-clear-button-area {
    padding-right: 0;
    position: relative;
    left: 12px;
}

.shift-labels {
    font-weight: 600;
    font-size: 13px;
    color: #61739c;
    line-height: 16px;
    position: relative;
    top: -3px;
}

.offline-scribing.new-Template .calendar-dashboard .dx-scheduler-header {
    top: -70px;
    margin-top: 0px;
    z-index: 3;
    border: none;
}

.Slabel-today {
    display: inline-block;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    color: var(--primary-color);
}

.shiftTime-strip-toolbar {
    font-weight: 600;
    padding-left: 0px;
    color: #ffffff;
    font-size: 12px;
    background: #b2b2b2;
    padding: 0px 5px;
    border-radius: 4px;
    position: relative;
    top: -1px;
    width: fit-content;
}

.Os-legend {
    align-items: center;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    justify-content: flex-end;
}

.Os-legend-item {
    font-size: 13px;
    display: flex;
    align-items: baseline;
    line-height: 18px;
    width: fit-content;
    margin-left: 20px;
}

.Os-legend-ring {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    margin-right: 6px;
    position: relative;
    top: 2px;
}

.Os-legend-label {
    width: calc(100% - 24px);
    white-space: pre;
    font-weight: 500;
    color: #61739c;
    line-height: 25px;
    user-select: none;
}

.legend-box {
    display: flex;
    align-items: center;
    width: calc(100% - 185px );
    margin-left: 20px;
}

.offline-scribing.new-Template .calendar-part {
    height: calc(100% - 64px);
}

.offline-scribing.new-Template .event-strip {
    font-size: 12px;
}

.offline-scribing.new-Template .batch-toolbar {
    padding: 8px 10px;
    box-shadow: 0px 2px 11.83px 1.17px rgb(109 109 109 12%);
    -webkit-box-shadow: 0px 2px 11.83px 1.17px rgb(109 109 109 12%);
    -moz-box-shadow: 0px 2px 11.83px 1.17px rgb(109 109 109 12%);
}

.OnlineScribingScheduler .dx-scheduler-appointment .dx-selectbox-container .dx-texteditor-buttons-container .dx-icon.dx-icon-clear {
    padding-right: 0;
    position: relative;
    left: -3px;
    top: 10px;
    font-size: 16px;
    z-index: 2;
}

.OnlineScribingScheduler .dx-scheduler-appointment .dx-selectbox-container .dx-texteditor-buttons-container {
    opacity: 0;
    transition: 0.2s;
}

.OnlineScribingScheduler .dx-scheduler-appointment:hover .dx-selectbox-container .dx-texteditor-buttons-container {
    opacity: 1;
    transition: 0.2s;
}

.EmployeeSearchLabel {
    border-left: 1px solid #ddd;
    padding-left: 20px;
    margin-top: 2px;
}

    .EmployeeSearchLabel.New {
        padding-right: 5px;
        padding-left: 0px;
        border-left: none;
        margin-top: 2px;
        position: absolute;
        right: 0%;
    }

    .EmployeeSearchLabel > span:nth-child(1) {
        font-size: 13px;
        font-weight: 500;
        color: #8588a0;
    }

    .EmployeeSearchLabel > span:nth-child(2) {
        font-size: 13px;
        font-weight: 500;
        color: #007bff;
    }

.ess-shif-cal.online-scribing-timesheet.Timesheet .calendar-dashboard .dx-scheduler-work-space {
    height: calc(100% - 0px);
}

.gridReguralizationPopup.refined .dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed {
    max-width: 0;
}

.dx-item.dx-scheduler-appointment {
    display: flex;
    align-items: center;
}

.ess-shif-cal.Vf-card .dx-item-content.dx-scheduler-appointment-content {
    display: contents;
}

.listContainer .dx-list-item-content {
    padding: 10px 0 0;
}

.fld-btn {
    border-color: #ddd0;
    padding-top: 0;
    width: 28px;
    height: 28px;
    background: var(--primary-color) !important;
    border-radius: 50%;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.12);
}

    .fld-btn .dx-icon {
        width: 14px;
        height: 14px;
        background-position: 0px 0px;
        background-size: 14px 14px;
        padding: 0;
        font-size: 14px;
        text-align: center;
        line-height: 6px;
        margin-right: 0;
        vertical-align: middle;
        margin-left: 0;
        top: 0;
    }

    .fld-btn.dx-state-hover .dx-button-content {
        border-radius: 50%;
        border: inherit;
    }

    .fld-btn.dx-state-hover {
        background-color: var(--primary-color);
        border-color: transparent;
    }

.dx-state-hover .dx-icon-SystemSettings {
    opacity: 1;
    transition: 0.2s;
}

.fld-btn.dx-state-hover .dx-icon-SystemSettings {
    opacity: 0.5;
    transition: 0.2s;
}

.listContainer .dx-icon-SystemSettings {
    background-image: url(../img/lock.svg) !important;
}

.fld-btn.alert-con .dx-button-content {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-top: -1px;
}

    .fld-btn.alert-con .dx-button-content .dx-icon {
        color: #fff;
    }

.tsc-card {
    padding: 15px 7px;
}

.name-line-tc {
    display: table-cell;
    padding: 4px 15px;
    padding-left: 29px;
    background: var(--toolbar-color);
    border-radius: 20px;
    height: 30px;
    vertical-align: middle;
    color: #5f5f5f !important;
    position: relative;
    left: -10px;
}

.onb-leg-tc {
    display: table-cell;
    width: 30px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    z-index: 2;
    position: relative;
    right: -21px;
    font-weight: 500;
    font-weight: 700;
    color: #fff;
    font-size: 1em;
}

    .onb-leg-tc.completed {
        background: mediumaquamarine;
    }

    .onb-leg-tc.inprogress {
        background: #f8c64e;
    }

    .onb-leg-tc.open {
        background: #4ea2f8;
    }

.ess-my-task .dx-toolbar-after {
    display: flex;
    align-items: center;
}

    .ess-my-task .dx-toolbar-after .dx-item.dx-toolbar-item.dx-toolbar-button:nth-child(2) {
        order: 5;
    }

    .ess-my-task .dx-toolbar-after .dx-item.dx-toolbar-item.dx-toolbar-button:nth-child(3) {
        order: -1;
    }

i.tmsheet-user {
    font-size: 16px;
    margin-left: 5px;
    color: #717171;
}

.QC_WE > div {
    width: 20%;
    padding: 0 15px;
}

#qcTimeSheetFyoutTab.Vf-tabs-default .offline-scribe.timesheet .add-attendance-toolbar {
    top: -111px;
}

.Onb-temp .scheduleInterviewDiv .full-view-card {
    margin-left: 15px;
    margin-right: 0px;
    margin-top: 0px;
    background: white;
}

.onb-task-btn-area {
    display: flex;
    align-items: flex-end;
    justify-content: end;
    text-align: right;
    margin: 0 auto;
    padding-right: 30px;
}

.onb-task-btn {
    float: right;
    padding: 2px 5px;
    background: #ddf7ff8a;
    border: 1px solid #81e2ff;
    color: #00C4FF;
    border-radius: 6px;
    margin-right: 10px;
    font-size: 13px;
    font-weight: 500;
    min-width: 86px;
}

    .onb-task-btn span {
        position: relative;
        top: -16px;
        margin-right: -19px;
        background: #f73888;
        color: #fff;
        height: 19px;
        width: 19px;
        display: inline-flex;
        text-align: center;
        border-radius: 50%;
        font-size: 12px;
        justify-content: center;
        align-items: center;
    }

.multipleCandidates-justify {
    display: flex;
    align-items: center;
}

    .multipleCandidates-justify .circle-count {
        justify-content: center;
        display: flex;
        align-items: center;
    }

.cc-label {
    font-size: 13px;
    color: #555;
    font-weight: 500;
    font-family: var(--main-font);
}

.jb-form-view .dx-box-item-content {
    justify-content: center;
}

.close-btn-svg {
    background-image: url(../img/close-btn.svg);
    background-size: 13px 13px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    width: 14px !important;
    height: 14px !important;
}

.follow-up-notify {
    background-image: url(../img/follow-up-notification.png);
    background-size: 13px 13px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    width: 14px !important;
    height: 14px !important;
}

.blk-action-ico {
    background-size: 14px 14px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    width: 14px !important;
    height: 14px !important;
}

    .blk-action-ico.one {
        background-image: url('../img/bulk_action_ico_1.png') !important;
    }

    .blk-action-ico.two {
        background-image: url('../img/bulk_action_ico_2.png') !important;
    }

    .blk-action-ico.three {
        background-image: url('../img/bulk_action_ico_3.png') !important;
    }

    .blk-action-ico.four {
        background-image: url('../img/bulk_action_ico_4.png') !important;
    }

.email-template-form .dx-field-item-label-location-top {
    margin-top: 15px;
}

.left.Emt-left .dx-datagrid-rowsview.dx-datagrid-nowrap {
    padding: 0 !important;
    border-radius: 7px;
    font-weight: 500;
}

.left.Emt-left .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > td {
    border-color: transparent;
}

.starContent {
    display: flex;
    margin-top: 25px;
    align-items: center;
    height: 47px;
}

    .starContent.training-star {
        margin-top: 0px;
        height: 30px;
        justify-content: space-around;
    }

    .starContent > i.fa-star {
        font-size: 18px;
        margin-right: 5px;
        color: #f7ba32;
    }

.measures-form > div {
    height: 36px;
    margin-bottom: 10px;
}

.RatingType-side, .RatingType {
    width: 435px;
    height: fit-content;
}

.Rating-form-text {
}

.feedback-temp.Rating-form-text > div:nth-child(1) .dx-field-item-label {
    margin-top: -2px;
}

.feedback-temp.Rating-form-text > div {
    margin-bottom: 1rem;
}

.kra-popup-title {
    margin-left: 15px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0px;
    padding-bottom: 8px;
    padding-top: 5px;
    font-family: var(--main-font);
    margin-top: 20px;
}

.KraGoalsDetailsForm.feedback-temp > div {
    margin-bottom: 7px;
}

.feedback-temp > div {
    margin-bottom: 2rem;
}

.sectionalized-box .title {
    color: #006cff;
    font-size: 14px;
    font-weight: 500;
}

.sectionalized-box .inline-title {
    padding-left: 22px;
    color: #a2a2a2;
    height: 20px;
}

.sectionClose-btn, .sectionEdit-btn {
    text-align: right;
    position: absolute;
    top: 45px;
    right: 15px;
    font-size: 15px;
    color: #a1a5a9;
    cursor: pointer;
    margin-top: -28px;
    width: 20px;
}

.sectionEdit-btn {
    right: 40px;
    top: 45px;
}

.formRender > .dx-layout-manager > .dx-widget.dx-collection > .dx-box-flex > .dx-item.dx-box-item:nth-child(1) {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    margin-top: 2rem;
}

.centered-widget-chart {
    height: 300px;
    display: contents
}

.emp-org-card .custom-page-scroll-container {
    width: calc(100% - 0px);
    height: inherit;
    padding-right: 2px;
    position: inherit;
    margin-top: 0px;
}

.wd-title-Count {
    color: #989696;
}

.timeline {
    position: relative;
}

    .timeline:before {
        content: '';
        position: absolute;
        top: 0px;
        left: calc(110px);
        bottom: 0px;
        width: 4px;
        background: #ddd;
    }

    .timeline:after {
        content: "";
        display: table;
        clear: both;
    }

    .timeline .entry {
        clear: both;
        text-align: left;
        position: relative;
    }

        .timeline .entry .title {
            margin-bottom: 1.5em;
            float: left;
            width: 112px;
            padding-right: 28px;
            text-align: right;
            position: relative;
        }

            .timeline .entry .title:before {
                content: "";
                position: absolute;
                width: 16px;
                height: 16px;
                border: 4px solid var(--cand-second);
                background-color: #fff;
                border-radius: 100%;
                top: 15%;
                right: -8px;
                z-index: 99;
            }

            .timeline .entry .title h3 {
                margin: 0;
                font-size: 13px;
                color: #737377;
                line-height: 21px;
            }

            .timeline .entry .title p {
                margin: 0;
                font-size: 100%;
            }

        .timeline .entry .body {
            margin: 0 0 10px;
            float: right;
            width: calc(100% - 112px);
            padding-left: 30px;
        }

            .timeline .entry .body p {
                line-height: 1.4em;
            }

                .timeline .entry .body p:first-child {
                    margin-top: 0;
                    font-weight: 400;
                }

            .timeline .entry .body ul {
                color: #aaa;
                padding-left: 0;
                list-style-type: none;
                font-size: 13px;
            }

                .timeline .entry .body ul li:before {
                    content: "–";
                    margin-right: 0.5em;
                }

.specialOfferFlyoutEventDetails {
    font-size: 13px;
    font-weight: 500;
    font-family: var(--main-font);
    color: #9e9e9e;
    margin-top: .5rem;
}

.expand-arrows {
    width: 20px;
    background-image: url(../img/expand-two-arrow.svg);
    background-size: 14px 14px;
    background-repeat: no-repeat;
    height: 20px;
    position: absolute;
    right: 12px;
    top: 13px;
    cursor: pointer;
    background-position: center;
    filter: brightness(0.8);
}

    .expand-arrows.expand {
        background-image: url('../img/collapse-two-arrows.svg');
    }

.RevisedSalary-btn .RevisedSalary-label {
    white-space: pre;
    color: #656565;
    float: left;
    position: absolute;
    margin-right: 135px;
    font-size: 13px;
    font-weight: 500;
}

.RevisedSalary-btn {
    background: #ffbe08 !important;
    display: inline-flex !important;
    height: 28px;
    justify-content: center;
    margin-right: 5px;
}

.RevisedSalary-icon {
    background-size: 14px 14px;
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    background-image: url('../img/reversed-salary.svg');
}

.bottom-quick.tp-0 {
    margin-top: 0px;
    margin-left: -5px;
    margin-right: -35px;
}

.jb-tab-ico.clients-ic {
    -webkit-mask-image: url('../img/clients-ic.svg');
}

.cd-tab-links.adress.cvMode {
    padding: 10px 4px;
}

.fit-to-footer {
    height: calc(100% - 74px);
}

.if-footer {
    padding: 20px;
    text-align: right;
    width: 100%;
    display: inline-block;
}

.cd-sidebar .cd-tab-links ul.address-candidate li span li.un-list {
    padding: 0px;
    color: inherit;
}

.cd-sidebar .cd-tab-links ul.address-candidate li span .un-list > .doc-field > .docs > .list-item {
    color: inherit;
    margin-right: 0px;
    position: relative;
    top: -2px;
}

.cd-sidebar .cd-tab-links ul.address-candidate li ul li,
.cd-sidebar .cd-tab-links ul.address-candidate li ul {
    padding: 0px;
}

.total-rating-div {
    font-family: var(--main-font);
    font-size: 13px;
    padding: 4px 8px;
    margin: 0rem 0 1rem;
    border-top: 0;
    border-radius: 0px 0px 0px 0px;
    margin: 0.5rem auto 1rem;
    text-align: left;
    font-weight: 500;
}

.interview-f-left-side .cd-tab-links.adress h3 {
    margin-bottom: .5rem
}

.toolbar-item-label {
    color: #222;
    border: none;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 34px !important;
    width: auto;
    cursor: pointer;
}

.F-Emp-details {
    width: 100%;
    padding: 25px 20px;
    border: 1px solid #f1f1f1;
    display: flex;
    background-image: linear-gradient( 268deg,white 94%, #aecff33b);
    border-left: 5px solid var(--primary-color);
    border-radius: 7px;
    align-items: center;
    margin-bottom: 10px;
}

.F-emp-image-pro {
    border-radius: 39px;
    width: 70px;
}

    .F-emp-image-pro img {
        width: 100%;
        border-radius: 16px;
    }

.F-emp-det {
    width: 100%;
    padding-left: 1rem;
    display: flex;
}

.F-emp-name {
    font-size: 14px;
    font-weight: 700;
    color: #222;
}

.F-des {
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
}

.F-bu, .F-dep {
    color: #797979;
}

.F-bu {
    margin-right: 2px;
}

.F-dep {
    margin-left: 2px;
}

.F-designation {
    margin-right: 5px;
    font-size: 13px;
}

.F-tr-det {
    font-size: 13px;
    display: inline-flex;
}

.F-tr-code {
    margin-right: 8px;
}

.F-j-date {
    display: inline-flex;
    font-size: 13px;
    color: #848484;
    align-items: center;
}

.jm-full {
    text-align: right;
    font-size: 13px;
}

.jm-data {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: #555;
}

.F-emp-det .f-half {
    width: calc(100% - 334px);
}

.G-rule-form {
    width: calc(100% - 250px)
}

.g-label {
    font-size: 13px;
    font-weight: 500;
    color: #888;
    padding-bottom: 5px;
    margin-bottom: 0px;
}

.F-tile {
    width: 20%;
    float: left;
}

    .F-tile .digit {
        font-size: 13px;
        font-weight: 700;
        color: #424141;
    }

.g-title {
    font-size: 14px;
    color: #6f6b6b;
    margin-bottom: 10px;
}

.F-overview {
    padding: 10px 15px !important;
    border-radius: 6px;
    margin-top: 5px;
    padding-right: 20px;
    box-shadow: 0px 5px 12px 0px rgb(0 0 0 / 5%);
    background: #fff;
    border: 1px solid var(--primary-color);
}

    .F-overview:not(.aspertating) .dx-form-group-caption, .F-overview:not(.aspertating) .g-label,
    .F-overview:not(.aspertating) .digit {
        color: var(--primary-color) !important;
    }

.Gratuity-calc {
    width: calc(100% - 403px);
}

.gratuityCaption {
    width: 100%;
    margin-bottom: 20px;
}

.half-col-padd .col-6:nth-child(1) {
    padding-right: 7.5px;
}

.half-col-padd .col-6:nth-child(2) {
    padding-left: 7.5px;
}

.ac-grid {
    background-image: linear-gradient( 180deg,white -20%, #aecff33b);
    border-color: #efefef;
}

    .ac-grid.gr-1 {
        background: #ffffff47;
    }

    .ac-grid.gr-2 {
        background: #ffdacf85;
    }

    .ac-grid.gr-3 {
        background: #ebecf9;
    }

    .ac-grid.gr-4 {
        background: #eff6f7;
    }

.A-cycle-formRender > .dx-layout-manager.dx-widget > .dx-widget.dx-collection > .dx-box-flex.dx-box.dx-widget > .dx-item.dx-box-item:nth-child(2) > .dx-item-content.dx-box-item-content > .dx-item.dx-box-item:nth-child(1) > .dx-item-content.dx-box-item-content {
    background: #e3edf9;
    border-radius: 9px;
    padding-left: 15px;
    margin-top: 15px;
    box-shadow: 0px 4px 3px 0px rgb(193 193 193 / 15%);
    -webkit-box-shadow: 0px 4px 3px 0px rgb(193 193 193 / 15%);
    -moz-box-shadow: 0px 4px 3px 0px rgb(193 193 193 / 15%);
    margin-right: 15px;
}

.A-cycle-formRender > .dx-layout-manager.dx-widget > .dx-widget.dx-collection > .dx-box-flex.dx-box.dx-widget > .dx-item.dx-box-item:nth-child(2) > .dx-item-content.dx-box-item-content > .dx-item.dx-box-item:nth-child(2) > .dx-item-content.dx-box-item-content {
    background: #e3edf9;
    border-radius: 9px;
    padding-left: 0px;
    margin-top: 15px;
    margin-left: -2px;
    box-shadow: 0px 4px 3px 0px rgb(193 193 193 / 15%);
    -webkit-box-shadow: 0px 4px 3px 0px rgb(193 193 193 / 15%);
    -moz-box-shadow: 0px 4px 3px 0px rgb(193 193 193 / 15%);
}

.goal-setting-cycle .A-cycle-formRender > .dx-layout-manager.dx-widget > .dx-widget.dx-collection > .dx-box-flex.dx-box.dx-widget > .dx-item.dx-box-item:nth-child(2) > .dx-item-content.dx-box-item-content > .dx-item.dx-box-item:nth-child(2) > .dx-item-content.dx-box-item-content {
    padding-right: 15px;
}

.A-cycle-formRender > .dx-layout-manager.dx-widget > .dx-widget.dx-collection > .dx-box-flex.dx-box.dx-widget > .dx-item.dx-box-item:nth-child(2) > .dx-item-content.dx-box-item-content > .dx-item.dx-box-item:nth-child(3) > .dx-item-content.dx-box-item-content {
    background: #e3edf9;
    border-radius: 9px;
    padding-right: 15px;
    margin-top: 15px;
    margin-left: 10px;
    box-shadow: 0px 4px 3px 0px rgb(193 193 193 / 15%);
    -webkit-box-shadow: 0px 4px 3px 0px rgb(193 193 193 / 15%);
    -moz-box-shadow: 0px 4px 3px 0px rgb(193 193 193 / 15%);
}

.A-cycle-formRender .dx-box-flex.dx-box.dx-widget > .dx-item.dx-box-item:nth-child(2) .dx-form-group-with-caption > .dx-form-group-content {
    border-top: 1px solid #6f7c8830;
}

.A-cycle-formRender .dx-box-flex.dx-box.dx-widget > .dx-item.dx-box-item:nth-child(2) > .dx-item-content.dx-box-item-content > .dx-item.dx-box-item {
    margin-bottom: 20px;
}

.A-cycle-toolbar {
    margin: 0 !important;
    width: 100%;
    margin-bottom: 7px !important;
    align-items: center;
}

.A-cycle-emp-pop {
    height: calc(100% - 20px);
}

.Rating-form-text {
    margin-top: 15px;
}

.Rating-form-text-PMT {
    margin-left: 35px;
}

.viewmode-content .Voyon-Forms.Vf-form-view-mode {
    margin-bottom: 15px;
}

.card-select-emp {
    width: 320px;
    padding-bottom: 15px;
}

.info-formula {
    padding: 15px 20px;
    background: #edfaf5;
    border: 1px solid #c0e2d1;
    border-radius: 6px;
    text-align: right;
}

.g-title.infos {
    margin: 12px -15px;
    text-align: right;
}

.formula-title {
    color: #2ec08b;
    font-size: 13px;
    font-weight: 500;
}

.formula-desc {
    color: #759489;
    font-size: 13px;
}

.info-image {
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
    background-image: url('../img/info-image.svg');
    background-repeat: no-repeat;
    position: absolute;
}

.remove-inside-text-field-boder .dx-texteditor.dx-editor-filled.dx-state-hover {
    border: 0px solid rgb(65 65 65 / 0%);
}

.ac-grid .dx-datagrid-rowsview.dx-datagrid-nowrap {
    height: 210px;
}

.set-amount {
    margin-left: 15px;
    margin-bottom: 30px;
    background: var(--form-view-color);
    padding: 10px 0px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid #c3e5ff;
    box-shadow: 0px 4px 11.83px 1.17px rgb(156 156 156 / 15%);
    -webkit-box-shadow: 0px 4px 11.83px 1.17px rgb(156 156 156 / 15%);
    -moz-box-shadow: 0px 4px 11.83px 1.17px rgb(156 156 156 / 15%);
}

.label-head {
    margin-right: 15px;
    font-size: 13px;
    font-weight: 500;
    color: #868686;
}

#approvalForm .inline {
    display: inline-block !important;
}

    #approvalForm .inline.c0 {
        width: 100pt;
    }

    #approvalForm .inline.c1 {
        width: calc(100% - 235pt);
    }

    #approvalForm .inline.c2 {
        width: 125pt;
    }

.grativityRuleForm .dx-layout-manager .dx-field-item:not(.dx-first-col) {
    padding-left: 0px;
}

.ac-grid .dx-datagrid-total-footer .dx-datagrid-summary-item.dx-datagrid-text-content {
    text-align: right !important;
}

.f-settle-amount {
    font-weight: 700 !important;
    color: var(--primary-color);
    font-size: 16px !important;
}

.badgePopupContent {
    padding: 0 20px !important;
    margin-top: -10px;
}

    .badgePopupContent .leaveSummaryContainer {
        margin: 0 -15px;
    }

    .badgePopupContent .rq-summary {
        box-shadow: 0px 4px 11.83px 1.17px rgb(156 156 156 / 15%);
        -webkit-box-shadow: 0px 4px 11.83px 1.17px rgb(156 156 156 / 15%);
        -moz-box-shadow: 0px 4px 11.83px 1.17px rgba(156, 156, 156, 0.15);
        background: #fff;
        border-radius: 7px;
    }

    .badgePopupContent .rq-fields {
        padding-left: 25px;
        margin-top: 10px;
        padding-top: 20px;
        box-shadow: 0px 4px 11.83px 1.17px rgb(156 156 156 / 15%);
        -webkit-box-shadow: 0px 4px 11.83px 1.17px rgb(156 156 156 / 15%);
        -moz-box-shadow: 0px 4px 11.83px 1.17px rgba(156, 156, 156, 0.15);
        border-radius: 7px;
        background: #fff;
    }

    .badgePopupContent #leaveSummaryContainer {
        margin: 0 -15px;
    }

    .badgePopupContent .entry-field {
        padding: 20px;
        margin-top: 10px;
        box-shadow: 0px 4px 11.83px 1.17px rgb(156 156 156 / 15%);
        -webkit-box-shadow: 0px 4px 11.83px 1.17px rgb(156 156 156 / 15%);
        -moz-box-shadow: 0px 4px 11.83px 1.17px rgba(156, 156, 156, 0.15);
        border-radius: 7px;
        background: #fff;
        height: 372px;
        overflow: hidden;
        overflow-y: auto;
        margin-left: 10px;
        margin-bottom: 0px;
    }

.badgePopupContent-remarks .remarks-row {
    padding: 20px 20px;
    margin: 10px 5px 5px;
}

.re-text {
    font-size: 13px;
    font-family: var(--main-font);
    font-weight: 500;
    margin-right: 15px;
}

.re-field {
    width: calc(100% - 270px);
    height: 34px;
    padding-right: 6px;
}

    .re-field .dx-texteditor.dx-editor-filled {
        height: 34px !important;
    }

#Talent-ReferralBonusProcess-VoyonGrids .dx-toolbar-before {
    display: flex;
    align-items: center;
}

    #Talent-ReferralBonusProcess-VoyonGrids .dx-toolbar-before .dx-item.dx-toolbar-item.dx-toolbar-button.Vf-btn-circle {
        order: 2;
    }

.issue-bonus-ico {
    background-image: url(../img/issue-bonus.svg) !important;
    width: 20px !important;
    height: 20px !important;
    background-size: 18px 18px !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.img-icon-list.issue-bonus-black {
    background-image: url(../img/issue-bonus-black.svg);
}

.badgepopover .PayrollListCard .circled-count.Negative-salary {
    background-color: rgb(0, 0, 0, 0.13);
    width: 23px;
    height: 23px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    font-weight: 500;
    margin-right: 5px;
    margin-left: 15px;
}

.badgepopover .PayrollListCard {
    margin: 0 -30px;
}

    .badgepopover .PayrollListCard .payrollTabToolbar {
        padding: 0px;
    }

    .badgepopover .PayrollListCard .refresh-btn {
        background: transparent;
        margin-left: 5px;
    }

        .badgepopover .PayrollListCard .refresh-btn .dx-icon.dx-icon-refresh {
            width: 25px;
            height: 25px;
            background-color: var(--primary-color);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 15px;
            border-radius: 19px;
            line-height: 22px;
            margin-right: 5px;
            color: #fff !important;
        }

.badgepopover .dx-datagrid-total-footer {
    padding-right: 0px;
    border: none;
    border-radius: 0 0 7px 7px;
    margin-bottom: 13px;
}

    .badgepopover .dx-datagrid-total-footer .PayrollApproval {
        margin-bottom: 0;
    }

#employeeLookup .dx-texteditor.dx-editor-filled.dx-state-hover {
    border: 0px solid rgba(65,65,65,0.31);
}

.f-b-amount {
    font-size: 16px;
    font-weight: 500;
}

.total-settlement-title {
    color: #7683a2;
    font-size: 14px;
    font-weight: 500;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    padding-bottom: 3px;
}

.jk-row-parent {
    display: block;
    white-space: pre;
    margin-right: 10px;
    max-height: 40px;
    padding-bottom: 10px;
}

.single-shift-table tr {
    display: flex;
    align-items: center;
}

.single-shift-table {
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    margin-bottom: 10px;
}

.filters-list-select .dx-item.dx-buttongroup-item.dx-item-content {
    border-radius: 20px;
    background: var(--primary-bg);
}

.filters-list-select.dx-texteditor.dx-editor-filled {
    background: var(--primary-bg);
    border: 1px solid rgb(234 234 234);
    border-radius: 20px;
}

.filters-list-select .dx-button-content {
    height: 24px;
    padding: 4px;
}

.filters-list-select .dx-icon {
    float: right;
}

.select-trash.Vf-btn-default {
    background: transparent;
    border: none;
    visibility: hidden
}

    .select-trash.Vf-btn-default .dx-button-content {
        padding: 0px;
    }

    .select-trash.Vf-btn-default .dx-icon {
        font-size: 13px;
        color: #a1adb7 !important;
    }

.hover-row:hover .select-trash {
    visibility: visible;
}

.pf-templates-my-review .F-Emp-details {
    background-image: -webkit-linear-gradient( 174deg, rgb(11,186,251) 0%, rgb(66,133,236) 100%);
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
    -webkit-box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
    border-left: 1px solid #b3ddff42;
    border: 1px solid #b3ddff42;
    color: #fff;
}

.pf-templates-my-review .F-emp-name {
    font-weight: 600;
    color: #e6fcff;
}

.pf-templates-my-review .F-bu, .pf-templates-my-review .F-dep {
    color: #f1f1f1;
}

.pf-templates-my-review .F-des {
    color: #fff;
}

.pf-templates-my-review .F-emp-det .f-half {
    width: 85%;
}

.pf-templates-my-review .F-emp-det .f-s-half {
    /*width: 20%;*/
}

.pf-templates-my-review .F-j-date {
    color: #fbf8f8;
}

.pf-templates-my-review .jm-data {
    color: #e6fcff;
    white-space: nowrap
}

.time-duration-icon {
    background-image: url(../img/time-duration.svg);
    width: 38px;
    height: 38px;
    background-size: 35px 35px;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    margin-left: 10px;
}

.PMF-desc {
    font-size: 12px;
    font-weight: 400;
    color: #616161;
    position: relative;
    top: 5px;
}

.wow-emp-image-pro.F-emp-image-pro {
    width: 168px;
}

.recieved-ico {
    background-image: url(../img/recieved-icon.svg);
    width: 30px;
    height: 30px !important;
    background-size: 21px;
    background-position: center center;
    background-repeat: no-repeat;
    float: right;
    border-radius: 34px;
    background-color: #99da4d;
    box-shadow: 0px 4px 11.83px 1.17px rgb(156 156 156 / 38%);
    -moz-box-shadow: 0px 4px 11.83px 1.17px rgb(156 156 156 / 38%);
    -webkit-box-shadow: 0px 4px 11.83px 1.17px rgb(156 156 156 / 38%);
}

.recieved-ico-grid {
    background-image: url(../img/wow-profile.svg);
    width: 33px;
    height: 32px !important;
    background-size: 33px;
    background-position: center center;
    background-repeat: no-repeat;
    float: right;
    border-radius: 0px;
    position: absolute;
    top: 7px;
    right: 30px;
}

.given-ico {
    background-image: url(../img/given-ico.svg);
    width: 30px;
    height: 30px !important;
    background-size: 19px;
    background-position: center center;
    background-repeat: no-repeat;
    float: right;
    border-radius: 34px;
    background-color: #fd9f45;
    box-shadow: 0px 4px 11.83px 1.17px rgb(156 156 156 / 38%);
    -moz-box-shadow: 0px 4px 11.83px 1.17px rgb(156 156 156 / 38%);
    -webkit-box-shadow: 0px 4px 11.83px 1.17px rgb(156 156 156 / 38%);
}

    .given-ico.negative {
        background-image: url(../img/negative-wow.svg);
        background-color: #e68d7d;
    }

    .given-ico.wow {
        background-image: url(../img/wow-profile.svg);
        background-size: 31px;
    }

    .given-ico.rewards {
        background-image: url(../img/rewards.png);
        background-color: #99da4d;
    }

    .given-ico.DisciplinaryAction {
        background-image: url(../img/DisciplinaryAction.png);
        background-color: #ffcc00;
        background-size: 16px;
    }

    .given-ico.positive {
        background-image: url(../img/positive-wow.svg);
        background-color: #6fcccc;
    }

.counted-round {
    display: inline-flex;
    position: relative;
    top: -7px;
    right: -22px;
    background: #b3b3b3;
    align-items: center;
    width: 18px;
    height: 18px;
    font-size: 9px;
    border-radius: 19px;
    border: 2px solid #fff;
    justify-content: center;
    line-height: 11px;
    color: #ffffff;
    font-weight: 400;
}

.plus-custom-add-row {
    width: 29px;
    height: 29px;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--primary-color);
    color: #fff;
    border-radius: 50%;
    font-weight: 600;
    box-shadow: 0px 4px 11.83px 1.17px rgb(0 0 0 / 0%);
    -webkit-box-shadow: 0px 4px 11.83px 1.17px rgb(0 0 0 / 0%);
    -moz-box-shadow: 0px 4px 11.83px 1.17px rgb(0 0 0 / 0%);
}

.plus-custom-minus-row {
    width: 29px;
    height: 29px;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--danger);
    color: #fff;
    border-radius: 50%;
    font-weight: 600;
    transition: .2s;
    box-shadow: 0px 4px 11.83px 1.17px rgb(0 0 0 / 0%);
    -webkit-box-shadow: 0px 4px 11.83px 1.17px rgb(0 0 0 / 0%);
    -moz-box-shadow: 0px 4px 11.83px 1.17px rgb(0 0 0 / 0%);
}

    .plus-custom-minus-row:hover, .plus-custom-add-row:hover {
        box-shadow: 0px 4px 11.83px 1.17px rgb(0 0 0 / 14%);
        -webkit-box-shadow: 0px 4px 11.83px 1.17px rgb(0 0 0 / 14%);
        -moz-box-shadow: 0px 4px 11.83px 1.17px rgb(0 0 0 / 14%);
        transition: .2s;
    }

.F-Emp-details-wow {
    padding: 15px 20px;
}

.EmployeeParent-wow .vy-employee-id {
    color: #ababab;
    margin-left: 5px;
}

.EmployeeParent-wow .vy-employee-name {
    line-height: 16px;
}

.EmployeeParent-wow .bus-dep {
    display: inline-flex;
    align-items: center;
    margin-left: 12px;
    color: #717171;
}

.prog-infos > div {
    width: 70px;
    text-align: right;
}

.alert-system-msg {
    font-size: 13px;
    font-family: var(--main-font);
    margin-top: 10px;
    margin-bottom: 15px;
}

    .alert-system-msg input {
        font-size: 13px;
        font-family: var(--main-font);
        color: #383f42;
        border: 1px dashed #d0d8db;
        width: calc(100% - 62px);
        border-radius: 3px;
        padding: 6px;
    }

.alert-box-waring {
    margin-bottom: 15px;
    display: flex;
}

    .alert-box-waring i {
        display: inline-flex;
        width: 37px;
        height: 37px;
        align-items: center;
        justify-content: center;
        border: 2px solid #ffc5187d;
        color: #deaa0d;
        font-size: 18px;
        background: #ffde7a38;
        border-radius: 5px 0px 0px 5px;
    }

.alert-box-waring-text {
    border: 2px solid #ffc5187d;
    border-left: 0px;
    color: #82650e;
    height: 37px;
    align-items: center;
    display: flex;
    padding: 0 23px;
    background: #ffde7a7d;
    border-radius: 0px 5px 5px 0px;
}

.alert-save-btn.items {
    margin-right: 15px;
    background-color: var(--primary-color);
    height: 28px;
    width: 28px;
    text-align: center;
    font-size: 13px;
    font-weight: 900;
    color: #222;
    padding: 5px;
    border-radius: 50%;
    border-color: #f1ebed;
    box-shadow: 0px 4px 11.83px 1.17px rgb(0 0 0 / 14%);
    -webkit-box-shadow: 0px 4px 11.83px 1.17px rgb(0 0 0 / 14%);
    -moz-box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.14);
    cursor: pointer;
}

.alert-save-btn .dx-button.dx-button-normal {
    background: transparent;
    border: none;
    margin-top: -6px;
}

.alert-save-btn .dx-button-content {
    padding: 0px;
}

.alert-save-btn .dx-icon {
    color: #fff;
    font-size: 17px;
    margin-top: -1px;
}

.f4.comp-off-column {
    position: relative;
}

.wow-profile-icon {
    width: 24px;
    height: 24px;
    background-image: url('../img/wow-profile.svg');
    background-size: 21px 21px;
    background-position: center;
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    right: -9px;
    z-index: 22;
    bottom: 3px;
    border-radius: 7px;
    cursor: pointer;
}

    .wow-profile-icon.employee-wow {
        top: 72px;
        right: 48px;
        background-size: 32px 32px;
        width: 32px;
        height: 32px;
    }
.dxpopup-fullview .dx-overlay-content,
.badgepopover.Task .dx-overlay-content {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: unset !important;
    border-radius: 7px 7px 0px 0px !important;
    border: 1px solid var(--primary-bg) !important;
    margin: 14px !important;
    width: calc(100% - 28px) !important;
    height: calc(100% - 28px) !important;
    transform: none !important;
}

.wow-profile-icon.wow-emp-search {
    bottom: inherit;
    right: inherit;
    left: 130px;
    top: 54px;
}

.justify-center-28 {
    height: 28px;
    display: flex;
    align-items: center;
}

.side-bar-box {
    background-color: var(--cand-second);
    background-image: url(../img/circle-huzzle.svg);
    background-repeat: no-repeat;
    padding: 20px;
    height: 137px;
    margin-right: 13px;
    border-radius: 6px;
    color: #fff;
    background-position: 141% 388%;
    background-size: 152px;
    font-size: 14px;
    box-shadow: 0px 2px 9px 0px #48507024;
    -moz-box-shadow: 0px 2px 9px 0px #48507024;
    -webkit-box-shadow: 0px 2px 9px 0px #48507024;
}

.suitcase-icon {
    width: 49px;
    height: 49px;
    margin-bottom: 5px;
    background-image: url(../img/suitcase1.svg);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: center;
    border-radius: 30%;
}

ul.job-of {
    padding: 20px;
    margin-right: 13px;
    list-style: none;
    color: #222;
    font-family: var(--main-font);
    font-size: 13px;
}

    ul.job-of li {
        margin-bottom: 5px;
    }

        ul.job-of li b {
            font-weight: 500;
        }

        ul.job-of li span {
            float: right;
        }

.employeepreview-css.job-offer-ess .ad-item {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
}

    .employeepreview-css.job-offer-ess .ad-item > div {
        font-size: 13px;
        margin-left: 5px;
        position: relative;
    }

        .employeepreview-css.job-offer-ess .ad-item > div .vy-text-avatar {
            padding: 3px 0;
            margin-left: 0px;
        }

    .employeepreview-css.job-offer-ess .ad-item label {
        margin-bottom: 0px;
        width: 178px;
    }

.employeepreview-css.job-offer-ess .ad-card {
    padding: 15px 15px;
    margin: 5px 0px;
    font-family: var(--main-font);
}

.ess-shif-cal .Vf-grid-title {
    margin-bottom: 15px;
    margin-left: 5px;
    padding-top: 0px;
}

.CalendarAvailable-label {
    font-size: 13px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.full-stretch-flexgroup {
    flex-direction: column !important;
}

    .full-stretch-flexgroup > .dx-item.dx-box-item {
        width: 50%;
    }

.flex-group, .flex-group .dx-form-group-with-caption {
    padding: 0px !important;
}

.badgepopover.Task .dx-overlay-content {
    padding: 20px 20px 20px;
}
.full-view-hidden.loanRequest-view, .full-view-hidden.document-requestApprovalView {
    background: #fff !important;
}
.badgepopover.Task .full-view-hidden.rq-fullview.full-view{
    height: 100% !important;
}
.badgepopover.Task .full-view-card {
    height: calc(100vh - 100px);
    margin-left: 0px;
    margin-right: 20px;
    padding: 0 15px;
}

.badgepopover.dxpopup-fullview .Task-row {
    margin: -30px -20px;
}

.badgepopover.dxpopup-fullview .dx-overlay-content {
    padding: 20px 20px 20px;
}

.badgepopover.Task.approvalremarks {
    background: #fbfbfb;
}

    .badgepopover.Task.approvalremarks .dx-popup-content .container-fluid:first-of-type {
        height: calc(100% - 168px);
        overflow: hidden;
        position: relative;
    }

.badgepopover.dxpopup-fullview .full-view {
    position: relative;
    height: 100%;
}

.badgepopover.dxpopup-fullview .dx-popup-content {
    padding: 10px;
    height: calc(100% - 22px) !important;
}

    .badgepopover.dxpopup-fullview .dx-popup-content .badgePopupContent-remarks {
        position: relative;
        top: -65px;
        z-index: 22;
    }

.badgepopover.dxpopup-fullview .full-view-hidden {
    padding-top: 26px;
    padding-left: 10px !important;
}

.badgepopover.dxpopup-fullview .Task-row {
    margin: 0px 0px 0;
}

.badgepopover.dxpopup-fullview .rq-fullview .vy-fullview-title {
    background: transparent;
    padding-top: 0;
    margin: 8px -10px;
}

.badgepopover.dxpopup-fullview .badgePopupContent {
    padding: 0 0px !important;
    margin-top: -8px;
}

.badgepopover.dxpopup-fullview .full-view-card {
    height: calc(80vh - 86px);
    margin: 0;
    margin-left: -20px;
    margin-right: -10px;
    background: transparent;
}

    .badgepopover.dxpopup-fullview .full-view-card.fullview-resignation {
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 10px;
        background: #fff;
    }

    .badgepopover.dxpopup-fullview .full-view-card .btn-group, .badgepopover.dxpopup-fullview .hidden-dxpopup {
        display: none;
    }

.badgepopover.Task .badgePopupContent {
    margin-top: 0px;
}

.badgepopover.Task .dx-popup-content {
    padding: 0 0px;
    overflow: hidden;
    overflow-y: auto;
}

#companyTransactionId-form .Vf-grid-custom:not(.Vf-grid-custom.parentSelection) th:first-of-type .Vf-field-label {
    margin-left: 20px;
}

#companyTransactionId-form .Vf-grid-custom.parentSelection th:first-of-type .Vf-field-label {
    font-weight: 500;
}

.conf-left-bar {
    border: 1px solid #ecf3ff;
    padding: 20px;
    padding-top: 20px;
    border-radius: 7px;
    background: #f7fbfd;
}

.conf-right-bar {
    border: 1px solid #ecf3ff;
    border-left: none;
    border-radius: 7px;
}

.cmp-parent {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: normal;
}

.cmp-limit {
    color: #74869a;
}

.right-fixed-side {
    padding: 20px 10px 10px;
    border-radius: 7px;
    width: 100%;
    border: 1px solid var(--hover);
    box-shadow: none;
}

    .right-fixed-side .F-overview .digit {
        width: 43%;
        font-size: 14px;
        color: #7289a2;
        font-weight: 500;
    }

.sticky-bar {
    position: sticky;
    top: 10px;
    margin-top: 10px !important;
}

.right-fixed-side .right-info .designation {
    font-size: 13px;
    margin-top: -3px;
    font-weight: 500;
}

.centralized-wow-rates {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.right-fixed-side .F-overview {
    background: var(--hover-var2);
}

    .right-fixed-side .F-overview.aspertating {
        background: #fff;
        border: 1px solid var(--hover);
        margin-top: 1rem;
    }

.job-offer-ess.employeepreview-css .dx-datagrid-headers + .dx-datagrid-rowsview {
    padding: 0 10px !important;
}

.interview-view-title-btn-group .vy-fullview-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.full-view-card.interview-view-title-btn-group .popup-close-btn {
    margin-top: -35px;
}

.b-download-strip {
    padding: 0 !important;
    margin-bottom: 1rem;
    margin-top: 1rem;
    display: flex;
    justify-content: flex-end;
}

.PayrollApproval.badgepopover .Task-row {
    padding: 0 15px;
}

.feedbackPopup .dx-popup-content {
    border: 1px solid rgb(215, 219, 224);
    padding: 10px;
    margin: 0 20px;
    border-radius: 6px;
}

.second-row-selfmargin {
    margin-top: 1rem;
}

.sectionAddForm-appraisaltemplate .dx-form-group-caption {
    display: block;
    margin-top: 15px;
}

.goal-setting-cycle .dx-form-group-caption {
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
}

.employeepreview-css.candidates-view.selfullview.selfullview-interview {
    padding-left: 95px !important;
    margin-top: 45px !important;
    height: calc(100% - 10px);
}

.import-pop {
    background: #fdfdfd;
    height: inherit;
    padding: 20px;
    border: 2px dashed #ddd;
}

.buttons-section-em-import {
    width: 70%;
    margin: 0px auto 0;
}

.temp-img {
    margin: 0px auto 0;
    width: 57%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .temp-img i {
        font-size: 16px;
        color: var(--primary-color);
        width: 52px;
        height: 20px;
        text-align: center;
    }

.import-toolbar {
    width: calc(55% - 25px);
    margin: 15px auto 0;
}

.import-info {
    font-family: var(--main-font);
    color: #464a4e;
    text-align: center;
    margin-top: 20px;
}

.second-half, .first-half {
    height: 50%;
    width: 100%;
}

.employee-import-sheet {
    position: absolute;
    top: 55px;
    width: calc(100% - 40px);
    margin-left: -22px;
    height: calc(100% - 73px);
}

    .employee-import-sheet #spreadsheet {
        height: calc(100% - 47px) !important;
    }

    .employee-import-sheet #spreadsheet_WBC {
        height: calc(100%) !important;
    }

.today-date-input-batch-toolbar.dx-editor-filled .dx-texteditor-input {
    padding: 0 5px;
    position: relative;
    top: 2px;
}

.jb-form-view.job-opening-view .dx-field-item-label-location-left {
    margin-bottom: 0px;
}

.dashboard-designer.full-view .vy-view-content,
.dashboard-designer.full-view .vy-view-content > div {
    height: inherit
}

.short-3 {
    width: 25%;
    transition: 0.2s ease;
}

.short-9 {
    width: 75%;
    transition: 0.2s ease;
    padding: 0 15px;
}

.full-w .short-3 {
    width: 0;
    opacity: 0;
    transition: 0.2s ease;
}

.full-w .short-9 {
    width: 100%;
    transition: 0.2s ease;
}

.rf-menu-col {
    position: absolute;
    right: 0;
    padding: 8px 6px;
    background-color: var(--hover);
    border-radius: 6px;
    margin-right: 22px;
    top: 10px;
    z-index: 1;
}

.rs-row {
    height: 38px;
    display: flex;
    align-items: center;
    font-size: 13px;
}

.rs-row-title {
    font-weight: 600;
    color: var(--primary-color);
}

.employeepreview-css .salary-detail-i {
    margin: 0 -15px 5px;
}

#ApprroalTabLinks a:not(.active) {
    font-weight: 400;
    color: #7a8faf !important;
    font-size: 16px;
}

#ApprroalTabLinks span.seperator {
    width: 1px;
    height: 13px;
    display: inline-block;
    background: #ada8a8;
    margin-left: 20px;
    margin-right: 10px;
}

.onboarding-common-grid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit.dx-command-edit-with-icons > a,
.onboarding-common-grid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit.dx-command-edit-with-icons > div.single-action,
.onboarding-common-grid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit.dx-command-edit-with-icons > div.dx-button {
    position: relative;
    top: 4px;
}

.myap-grid .dx-toolbar .dx-toolbar-before {
    position: relative;
    top: -2px;
}

.ap-icos-check {
    background-image: url('../img/ap-check.svg')
}

.ap-icos-user-check {
    background-image: url('../img/ap-user-check.svg')
}

.ap-icos-info {
    background-image: url('../img/ap-info.svg')
}

.ap-icos-close {
    background-image: url('../img/ap-close.svg')
}

.ap-icos-minus {
    background-image: url('../img/ap-minus.svg')
}

.eventSplash .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected {
    background-color: var(--hover-var2) !important;
    color: var(--primary-color) !important;
}

.salary-earning-inp {
    width: 280px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    float: left;
    line-height: normal;
}

#nameofcandidate.name {
    margin-bottom: 0px;
    padding-right: 5px;
}

.cd-interview {
    height: 73vh;
}

#jobAppliedList {
    height: 70vh;
}

.training-icos {
    background-image: url("../img/training-c.svg");
    height: 25px;
    width: 25px;
    background-size: 21px;
    background-repeat: no-repeat;
    background-position: center;
}

.assignto-icos {
    background-image: url("../img/assignto.svg");
    height: 21px;
    width: 21px;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center;
}

.timesheet-style-setup .calendar-dashboard .dx-scheduler-navigator {
    margin-top: 5px;
}

.timesheet-style-setup .EmployeeSearchLabel.New {
    margin-top: -7px;
}

.timesheet-style-setup.ess-shif-cal .Vf-grid-title {
    margin-bottom: 6px;
    margin-top: 6px;
}

.timesheet-style-setup .calendar-dashboard .dx-scheduler-navigator-caption {
    width: 178px;
    min-width: 108px;
    max-width: 80%;
}

#secondLevelGrid.timesheet-qc-scrollview {
    height: calc(75vh - 100px);
}

.summary-footer-att.Att-regularizationPopup .dx-popup-title.dx-toolbar {
    margin-bottom: 4px;
}

.TeamReviewSelectionPeriod > .dx-field-item-content > .dx-form-group-with-caption {
    padding-left: 0px;
}

.tc-pgm-feedback.Onb-temp .full-view-card {
    height: calc(100vh - 60px);
    padding-right: 5px;
}

.kra-setting-external-added-row {
    background-color: #43acfc !important;
}

.appraisal_cycle_grid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit.dx-command-edit-with-icons {
    position: relative;
    left: 0px;
    max-width: 176px !important;
    width: 176px !important;
    padding-left: 0px;
}

#selectedLeaveTypeList.dx-empty-collection {
    height: 400px;
}

    #selectedLeaveTypeList.dx-empty-collection .dx-empty-message {
        color: transparent;
    }

.approve-salary-revision-approve-footer {
    margin-top: 20px;
    border: 1px solid #ddd;
    border-radius: 6px;
}

.approve-salary-revision-card {
    border: 1px solid #ddd;
    padding: 20px;
}

label {
    font-family: 'Segoe UI',Arial;
    font-size: 13px;
}

.dropdown-item-flex {
    display: flex;
    align-items: center;
    justify-content: start;
    line-height: normal;
}

    .dropdown-item-flex .item-first {
        padding-right: 5px;
        font-weight: 600;
    }

    .dropdown-item-flex .item-rest {
        color: #6c8091;
        padding-right: 5px;
        padding-left: 5px
    }

.previewFlyout-row {
    height: calc(100vh - 183px );
    overflow: hidden;
    margin-top: -20px;
}

.label-service-all-approvel label {
    top: 1px !important;
}

.quick-info .dvx-info-form {
    padding: 40px 15px 8px;
    border: 1px solid #ddd;
    border-radius: 6px;
}

.emp-img-placeholder.dx-fileuploader {
    width: 66px;
    height: 66px;
    border-radius: 66px;
    overflow: hidden;
    opacity: 0;
    position: absolute;
}

    .emp-img-placeholder.dx-fileuploader .dx-fileuploader-wrapper {
        padding: 0;
    }

        .emp-img-placeholder.dx-fileuploader .dx-fileuploader-wrapper .dx-fileuploader-container {
            width: 66px;
        }

            .emp-img-placeholder.dx-fileuploader .dx-fileuploader-wrapper .dx-fileuploader-container .dx-fileuploader-input-wrapper {
                padding: 0;
            }

                .emp-img-placeholder.dx-fileuploader .dx-fileuploader-wrapper .dx-fileuploader-container .dx-fileuploader-input-wrapper .dx-fileuploader-button {
                    height: 66px;
                }

.employee-image-fixer {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative;
    top: 33px;
    margin-top: -30px;
}

    .employee-image-fixer .emp-pro-pic {
        border-radius: 50%;
    }

.bell-dropdown .dx-dropdownbutton-action.dx-button-has-icon {
    background: var(--primary-light);
}

.photo-viewer {
    max-height: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.pdf-canvas-parent {
    text-align: center;
    height: calc(100% - 30px);
    margin-top: -20px;
    margin-left: -20px;
    margin-right: -20px;
}

.pdf-canvas {
    margin: 0 auto;
    height: calc(100% - 15px) !important;
    border: 1px solid #e5e5e5;
}

.pdf-canvas-arrows {
    font-size: 20px;
}

.pdf-title {
    font-size: 13px;
}

.pdf-canvas-wrapper {
    height: inherit;
    align-items: center;
    justify-content: center;
    margin-top: -20px;
}

.pdf-page-c {
    font-size: 13px;
    margin-bottom: 10px;
}

.pdf-tools {
    background: var(--hover);
    display: block;
}

.pdf-cm-btn {
    font-size: 18px;
    display: flex;
    height: 26px;
    width: 26px;
    align-items: center;
    justify-content: center;
    margin: 0 10px;
    cursor: pointer;
}

.zoom_controls .pdf-cm-btn {
    font-size: 13px;
}

.my_pdf_viewer {
    height: calc(100% + 20px);
}

.pdf-p-count {
    font-size: 13px;
    font-weight: 700;
    padding: 2px;
}

.page-pdf-num input {
    width: 40px;
    border: none;
    padding: 2px 4px;
    margin: 0 5px;
    font-size: 13px;
}

.popovercontent #spreadsheet {
    height: calc(100% - 20px) !important;
    background: #fff !important;
    box-shadow: 0px 4px 11.83px 1.17px rgb(156 156 156 / 15%);
    -webkit-box-shadow: 0px 4px 11.83px 1.17px rgb(156 156 156 / 15%);
    -moz-box-shadow: 0px 4px 11.83px 1.17px rgba(156, 156, 156, 0.15);
    border-radius: 7px;
}

.filter-toolbar.reporter-filter-toolbar-wrapper {
    background: #ffffff;
    padding-bottom: 0;
}

    .filter-toolbar.reporter-filter-toolbar-wrapper .reportCard {
        box-shadow: none;
        border: 1px dashed #ddd;
        background: #fbfbfb;
    }

.img-controls {
    display: flex;
    width: calc(100% + 40px);
    margin: -20px -20px 0;
    background: var(--hover);
    justify-content: center;
    font-weight: 700;
    font-size: 13px;
    margin-bottom: 10px;
}

    .img-controls > div {
        width: 30px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.filter-toolbar.reporter-filter-toolbar-wrapper .reportCard .dx-field-item-label-text {
    font-weight: 400;
}

.alert-isrecurring {
    position: absolute;
    right: 0;
    width: 200px;
    margin-top: -47px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

    .alert-isrecurring label {
        margin-bottom: 0;
        margin-right: 10px;
    }

.motifypersonMulti .dx-form-group-content > .dx-layout-manager .dx-box-flex.dx-box > .dx-item.dx-box-item:first-of-type .multAddCrip {
    margin-top: 19px;
}

.allocation-incentive-type {
    justify-content: flex-end;
    display: flex;
    margin-top: -8px;
    margin-bottom: 5px;
}

#VoyonDocumentViewer {
    width: 100%;
    height: calc(100% + 20px) !important;
    margin-top: -20px;
    margin-bottom: -20px;
    background-color: transparent !important;
    border-color: #ddd0 !important;
}

.applied-cand-more {
    font-size: 16px !important;
}

/*.applied-cand-view-parent-div .Vf-grid-default .dx-datagrid-content .dx-datagrid-table .dx-row.dx-state-hover .dx-command-edit.dx-command-edit-with-icons {
    display: flex;
    align-items: center;
}*/

.filter-toolbar.reporter-filter-toolbar-wrapper.collapsed {
    /*margin-top: -46px;
    position: relative;
    top: 46px;*/
    z-index: 11;
}

.report-main-parent.height-by-css .vy-reoporting-grid {
    height: calc(100% - 180pt) ;
}
.variableAllowance{
    height: 100%;
    overflow: hidden;
}
.variableAllowance .vy-reoporting-grid {
    height: calc(100% - 220pt) !important;
}


#Workforce-Report-EmployeeDependentDetails-ReportingGrids{
    height: calc(90% - 89pt) !important;
}

.report-main-parent #reportViewer {
    height: calc(100vh - 110pt) !important;
    margin-top: 8px;
}

.report-main-parent.height-by-css #reportViewer {
    height: calc(100vh - 218pt) !important;
    margin-top: 55px;
}

.report-main-parent .Vf-toolbar-batch {
    display: none;
}

.report-main-parent.height-by-css .Vf-toolbar-batch {
    display: block;
}

.filters-list-save-btn .dx-icon::before {
    position: relative;
    left: 1px;
}

.badgepopover.PayrollApproval .dx-datagrid-total-footer {
    margin-bottom: 0;
}

.skip-invalidRows-label {
    color: #5c6bc0;
    font-weight: 600;
    font-size: 14px;
}

.alertMonthlyFrequencyChooser > div > div:first-of-type {
    margin-bottom: 35px;
    margin-top: 4px;
}

.calendar-dashboard .dx-scheduler-header .dx-toolbar {
    padding: 0 !important;
}

#scheduler.calendar-dashboard .dx-scheduler-navigator .dx-button-mode-contained {
    border-color: #ddd;
}

.ess-shif-cal .calendar-dashboard .dx-scheduler-navigator {
    margin-left: 0px;
}

#grativityRuleForm .dx-datebox.dx-auto-width .dx-texteditor-input, #grativityRuleForm .dx-datebox:not(.dx-texteditor-empty).dx-auto-width .dx-texteditor-input {
    padding-right: 0;
}

.company-pic-career-portal-settings .dx-fileuploader-input-wrapper {
    display: flex;
    height: 88px;
    opacity: 0.5;
    width: 66px;
}

    .company-pic-career-portal-settings .dx-fileuploader-input-wrapper .dx-button {
        width: 66px;
        height: 66px;
    }

.company-pic-career-portal-settings .dx-fileuploader-wrapper {
    padding: 0;
}

#training-req-attendees .dx-header-row .dx-checkbox-container,
#marking-attendance-Grid .dx-header-row .dx-checkbox-container {
    justify-content: center;
}

#emp-image-removeButton {
    background: transparent;
    position: relative;
    left: 33px;
    top: -73px;
    width: 100%;
    cursor: default;
}

    #emp-image-removeButton .dx-button-content {
        padding: 0;
    }

        #emp-image-removeButton .dx-button-content .dx-icon {
            color: #e33e3e;
            font-size: 14px;
            cursor: pointer
        }

#marking-attendance-Grid .dx-datagrid-headers + .dx-datagrid-rowsview {
    padding: 0 10px !important;
}

.EmployeeParent.training-list-grid {
    align-items: center;
}

.email-temp-v1 .Emt-name {
    width: calc(100% - 30px);
}

.temp-box-icon {
    background-image: url(../img/temp-boxed.svg);
    width: 26px;
    height: 26px;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #7bb6ef;
    border-radius: 4px;
}

.email-temp-li-item {
    display: flex;
    align-items: center;
    margin-bottom: 6px;
    color: #57a5f1;
    background: #d9ecff94;
    padding: 6px;
    border-radius: 6px;
    border: 1px solid #bbdaf9;
}

#gridEmails .dx-datagrid-rowsview .dx-row {
    height: auto;
    background: transparent !important;
}

.calendar-part .offlineScribingCalender.full-h {
    height: 100% !important;
}

.team-timesheet-scorllfix {
    height: calc(75vh - 100px);
}

.team-timesheet-online-scorllfix {
    height: calc(84vh - 100px);
}

.lbp-aprl.PayrollApproval.badgepopover .payrollTabToolbar .dx-toolbar.dx-widget {
    padding: 4px 10px 4px;
}

.lbp-aprl.PayrollApproval.badgepopover .PayrollListCard,
.lbp-aprl.PayrollApproval.badgepopover .Vf-grid-default {
    margin-top: 20px;
}

.badgePopupContent .full-view-hidden.regularization-req-fullview {
    background: #fff;
    margin: -3px -10px;
    width: calc(100% + 0px);
    height: calc(100% + 90px);
}
.badgePopupContent .full-view-hidden.trip-claim-req-fullview {
    background: #fff;
    margin: -3px -10px;
    width: calc(100% + 0px);
    height: calc(100% + 90px);
}

.badgePopupContent .full-view-hidden.rq-fullview {
    background: #fff;
    margin: -3px -10px;
    width: calc(100% + 0px);
    height: calc(100% + 90px);
}
.badgePopupContent .full-view-hidden.trainingSelf-study {
    background: #fff !important;
}
.badgePopupContent .full-view-hidden.trainingRequest {
    background: #fff !important;
}
.badgePopupContent .full-view-hidden.positionApproval-screen {
    background: #fff !important;
}
.badgePopupContent .full-view-hidden.fullview-offerapproval {
    background: #fff;
    margin: -3px -10px;
    width: calc(100% + 0px);
    height: calc(100% + 150px);
}

.badgePopupContent .full-view-hidden.final-settlement-fulview .vy-fullview-title {
    background: #fff0;
    border-bottom: none;
}

.badgePopupContent .full-view-hidden.final-settlement-fulview .card-select-emp #employeeSelectBox {
    border: 1px solid #ddd;
    background: #fff;
}

.badgePopupContent .full-view-hidden.final-settlement-fulview .info-formula {
    padding: 18px 20px;
}

.badgePopupContent .full-view-hidden.final-settlement-fulview .ac-grid.gr-1 {
    background: #fff;
}

.notify-emp-ico {
    background-image: url(../img/notify-employee.png);
    width: 24px !important;
    height: 25px !important;
    background-size: 19px !important;
}

.size-adjusted-pulldown input {
    height: 20px;
    min-height: 20px;
    padding: 5px;
}

.size-adjusted-pulldown .dx-dropdowneditor-icon {
    position: relative;
    top: 2px;
}

.size-adjusted-pulldown .dx-placeholder {
    top: -2px;
}

.size-adjusted-pulldown.time .dx-dropdowneditor-icon {
    position: relative;
    top: 0px;
}

.size-adjusted-pulldown .dx-icon.dx-icon-clear {
    top: 7px !important;
}

.size-adjusted-pulldown.dx-editor-filled.dx-texteditor-with-floating-label .dx-texteditor-input {
    padding-top: 2px
}

.size-adjusted-pulldown input {
    height: 20px;
    min-height: 20px;
    padding: 5px;
}

.size-adjusted-pulldown .dx-dropdowneditor-icon {
    position: relative;
    top: 2px;
}

.size-adjusted-pulldown .dx-placeholder {
    top: -2px;
}

.size-adjusted-pulldown.time .dx-dropdowneditor-icon {
    position: relative;
    top: 0px;
}

.size-adjusted-pulldown .dx-icon.dx-icon-clear {
    top: 7px !important;
}

.size-adjusted-pulldown.dx-editor-filled.dx-texteditor-with-floating-label .dx-texteditor-input {
    padding-top: 2px
}

#scheduleEmployeeGrid {
    height: 306px;
}

.scroll-elmn {
    height: inherit
}

#servicesList .dx-scrollview-content {
    transform: none !important
}

.daily-lab-utliaion-grid {
    margin: 0 !important;
    margin-top: 20px !important;
    height: calc(78vh - 168px);
}

.link-grid-btns .dx-link.dx-link-save {
    background: #05a6f0;
    padding: 7px;
    width: 45px;
    font-size: 10px;
    color: #fff !important;
    border-radius: 5px;
}

.link-grid-btns .dx-link.dx-link-cancel {
    background: var(--danger);
    color: var(--danger) !important;
    padding: 7px;
    font-size: 10px;
    border-radius: 5px;
}

.income-salary-table .dx-datagrid-total-footer.dx-datagrid-nowrap {
    padding: 0 20px;
    padding-right: 20px !important;
}

.income-salary-table .dx-datagrid-headers.dx-datagrid-nowrap {
    padding: 0px 20px;
    padding-right: 20px;
}

.badgePopupContent #div80C80DOthersTab .Voyon-ChildGrids-Title {
    top: 30px;
    left: 10px;
}

.badgePopupContent #div80C80DOthersTab .ReMoveTopMrgin.Vf-grid-child {
    padding-top: 18px;
}

.prfsnl-dtls .dx-field-item-label-content {
    white-space: nowrap;
}

.lv-request-btn .full-view-card .btn-group {
    padding: 0px 30px !important;
}

.invest-80C80D #div80C80DOthersTab .Voyon-ChildGrids-Title {
    top: 10px !important;
    left: 0px;
}

.NoofDuty.Attendance-Duty {
    top: 0px !important;
}

.job-opening-view.job-details-label .dx-layout-manager .dx-field-item:not(.dx-first-row) {
    padding-top: 10px;
}

.job-opening-view.job-details-label .Vf-add-attachments .at-title {
    font-size: 14px;
    font-weight: 500;
    color: #555;
}

.job-opening-view.job-details-label .Vf-add-attachments .attachment-header {
    padding: 10px 0px 5px;
}

.Candidate-search-list.Search-clear-icon .dx-show-clear-button .dx-clear-button-area {
    width: 0px;
    min-width: 30px;
}
#CareerPortalHeaderImage{
    width: 45px;
}
#FavIcon {
    width: 45px;
}
.up-photo.Talent-company-logo {
    top: 25px;
}

    .up-photo.Talent-company-logo .emp-pro-pic {
        width: 40px;
    }

.form-control1.Talent-fav-attach {
    width: 10px;
}

.employeepreview-css.Contact-Details-section .Vf-card .cd-tab-links.adress {
    padding: 20px 20px !important;
}

.Prepare-offer .dx-form.dx-widget {
    padding: 10px 0px 0px 0px;
}

#Workforce-RewardsRecognition-VoyonGrids .dx-header-row .dx-datagrid-action.dx-cell-focus-disabled.dx-datagrid-drag-action {
    text-align: left !important;
}

#Workforce-RewardsRecognition-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap td {
    text-align: left !important;
}

.position-requisition-gender .dx-form-group-caption.sk-boder-bottom {
    padding: 0;
}

.position-requisition-replacement {
    margin-top: 10px;
}

    .position-requisition-replacement .dx-item.dx-box-item .dx-form-group-caption {
        top: 0;
    }

.accordion.accordion-income.income-tx-calculator .link-grid-btns .dx-link.dx-link-edit {
    background: #05a6f0;
    padding: 7px;
    width: 45px;
    font-size: 10px;
    color: #fff !important;
    border-radius: 5px;
}

.accordion.accordion-income.income-tx-calculator .link-grid-btns .dx-link.dx-link-delete {
    background: var(--danger);
    color: #000 !important;
    padding: 7px;
    font-size: 10px;
    border-radius: 5px;
}

.talent-resource-planning .Vf-grid-child .dx-datagrid .dx-datagrid-rowsview {
    padding: 0px 10px !important;
}

.talent-resource-planning .Vf-grid-child .dx-datagrid .dx-datagrid-total-footer {
    padding-right: 10px !important;
}

.employeeCard.employee-details-reporting .dx-datagrid-rowsview .dx-datagrid-content.dx-datagrid-content-fixed {
    margin-right: 0px !important;
}

.labour-payroll-process .dx-datagrid-nowrap .dx-header-row .EarningsComponents .dx-datagrid-text-content {
    color: #64a7d6 !important;
}

.labour-payroll-process .dx-datagrid-nowrap .dx-header-row .DeductionComponents .dx-datagrid-text-content {
    color: #ff8484 !important;
}

.labour-payroll-process .dx-datagrid-nowrap .dx-header-row .NetSalary .dx-datagrid-text-content {
    color: #6bd0c6 !important;
}

#employeePersonalDetails .employeeCard.EmployeeDetails .dx-show-clear-button .dx-clear-button-area {
    width: 17px;
    min-width: 17px;
}

#candidateSearchForm .Candidate-search-list .dx-item.dx-list-item .dx-icon.dx-icon-clear {
    color: #e33e3e !important;
}

.Bulk-Offer-Approvl-Template .offr-approval {
    padding-bottom: 6px;
}

.attendance-output-indvdl .dx-item-content.dx-box-item-content .dx-numberbox.dx-texteditor input {
    text-align: left !important;
}

.address-candidate.interview-feedback-details {
    display: flex;
    flex-direction: column;
}

.AllowedRequests-label-document.sk-boder-bottom {
    padding-bottom: 0px !important;
    font-size: 13px;
}

#salaryDetailsForm #statutory-multiList-form #OverWriteRadio {
    padding-top: 5px !important;
}

#Document-DocumentSearch-VoyonGrids .dx-datagrid-content .dx-row.dx-data-row .dx-command-edit-with-icons .Vf-action-grid-btn {
    margin-right: 10px;
}

.jb-form-view.job-opening-view.job-details-label .dx-item-content.dx-box-item-content p {
    font-size: 12px;
    font-weight: 400;
}

#helpdrawer .dx-drawer-wrapper .dx-drawer-content {
    padding: 44px 20px 0px !important;
}

.feedback-temp.interviewPanel-formGroup .dx-item-content.dx-box-item-content .dx-button-normal.Employee-i-view {
    right: 0 !important;
}

.Applied-candidates-action .dx-datagrid-rowsview .dx-row.dx-data-row .dx-command-edit-with-icons .ti-eye {
    padding-top: 0px;
}

.Applied-candidates-action .dx-datagrid-rowsview .dx-row.dx-data-row .dx-command-edit-with-icons .ti-more-alt.applied-cand-more {
    padding-top: 3px;
}

.interview-panel-ibutton .dx-item.dx-box-item .dx-dropdowneditor-input-wrapper .Employee-i-view {
    right: 0px !important;
}

.interview-f-left-card .cd-tab-links {
    padding: 20px;
}

.Hiring-approval .dx-datagrid-header-panel .dx-toolbar-before .dx-item.dx-toolbar-item .dx-button-content {
    padding: 0px 25px !important;
}

.Candidatenotes-Profile-avatar .card .EmployeeParent .vy-text-avatar {
    padding: 0px !important;
}

#UploadtoCandidateDatabase .dx-icon.fa-arrow-alt-circle-up {
    font-size: 29px;
}

.Vf-action-grid-btn.internal-jobopening-apply {
    padding-bottom: 10px !important;
}

#applicableCandidatelistingGrid .Vf-grid-default .dx-widget.dx-visibility-change-handler .dx-datagrid-rowsview .dx-row.dx-data-row td {
    padding-left: 20px !important;
}

#applicableCandidatelistingGrid .Vf-grid-default .dx-widget.dx-visibility-change-handler .dx-datagrid-rowsview .dx-row.dx-data-row .dx-command-select {
    padding-left: 10px !important;
}

.prescreening-attachment-grid {
    margin-top: 8px !important;
}

.prescreen-page-tag .dx-toolbar-item-content .dx-button-content {
    padding-top: 0px !important;
}

.prescreen-page-tag .ui-widget input {
    border: 1px solid grey;
    border-radius: 5px;
}

.prescreen-page-tag .ui-widget input {
    font-family: var(--main-font);
}

.prescreen-page-tag .dx-toolbar-item {
    padding: 0px !important;
}

.prescreen-page-tag .skills-ul {
    padding: 0px !important;
}

    .prescreen-page-tag .skills-ul li {
        margin-right: 3px !important;
        margin-top: 3px;
        padding: 5px 11px !important;
        font-family: 'Segoe UI',Arial;
        font-size: 12px;
    }

.prescreen-page-tag .skills-ul {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.prescreen-page-tag ul.skills-ul li.dx-item.dx-toolbar-item {
    order: 100 !important;
    padding: 0px !important;
    background: transparent !important;
    border: none;
}

.prescreen-page-tag ul.skills-ul li.tags-input-field {
    order: 100 !important;
    padding: 0px !important;
    border: none;
}

    .prescreen-page-tag ul.skills-ul li.tags-input-field input {
        padding: 4px !important;
    }

    .prescreen-page-tag ul.skills-ul li.tags-input-field .autocomplete-items {
        background: #ffff;
        border-left: 1px solid #eee;
        border-bottom: 1px solid #eee;
        color: #000;
        padding: 4px;
    }

.probation-history-table .dx-datagrid.dx-gridbase-container .dx-datagrid-rowsview.dx-datagrid-nowrap {
    padding: 0px 10px !important;
}

#PerformanceManagement-AppraisalFeedback-VoyonGrids .dx-toolbar-after .dx-show-invalid-badge.dx-selectbox.dx-textbox {
    width: 190px !important;
}
#PerformanceManagement-AppraisalFeedback-VoyonGrids .dx-toolbar-after #appraisalcycle-filter {
    width: 300px !important;
}

#PerformanceManagement-AppraisalFeedback-VoyonGrids .dx-datagrid-rowsview .EmployeeParent.EmployeeParent-wow .vy-employee-name {
    line-height: 25px !important;
}

#PerformanceManagement-AppraisalFeedback-VoyonGrids .dx-datagrid-content .dx-row.dx-data-row .dx-command-edit .dx-link-icon.fa-comment-alt {
    padding-right: 5px;
    padding-top: 3px;
}

.employe-final-review-icon .Vf-disabled-field-i-btn .dx-field-item-content .dx-widget.dx-button {
    right: 0px !important;
}

#document_repository .dx-drawer-content .dx-filemanager-thumbnails-container .dx-item-content.dx-filemanager-thumbnails-item-content {
    height: 100%;
}

#document_repository .dx-drawer-content .dx-filemanager-thumbnails-container .dx-item-content .dx-filemanager-thumbnails-item-name {
    height: 100%;
}

.Vf-card.off-sidebar .dx-widget.dx-visibility-change-handler .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable {
    padding: 0px 20px 0px 0px !important;
}

.LoanAndAdvancePaymentsGrid.Vf-grid-child .dx-datagrid.dx-gridbase-container .dx-datagrid-rowsview.dx-datagrid-nowrap {
    padding: 0px 10px !important;
}

#Workforce-SelfOnBoardingTemplate-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap .dx-datagrid-table .dx-row.dx-data-row .dx-link.dx-link-icon {
    top: 2px !important;
}

.Wow-popUp .dx-datagrid.dx-gridbase-container .dx-datagrid-rowsview.dx-datagrid-nowrap {
    padding: 0px 10px !important;
}

.PositiveRemarks-popUp .dx-datagrid.dx-gridbase-container .dx-datagrid-rowsview.dx-datagrid-nowrap {
    padding: 0px 10px !important;
}

.NegativeRemarks-popUp .dx-datagrid.dx-gridbase-container .dx-datagrid-rowsview.dx-datagrid-nowrap {
    padding: 0px 10px !important;
}

.pf-templates-my-review .card-fit-ul-table.PMF-table.common-review .dx-dropdowneditor-input-wrapper .dx-texteditor-input-container input {
    padding: 0px 10px !important;
}

.col.f3.session-column .dxSession.dx-show-invalid-badge.dx-textbox.dx-texteditor.dx-editor-filled.dx-texteditor-masked {
    display: flex;
    align-items: baseline;
    padding: 0px 10px !important;
}

.Global-permission-General .dx-layout-manager.dx-widget .dx-item.dx-box-item .dx-item.dx-box-item .dx-field-item-content .dx-tag-content {
    padding: 3px 18px 4px 0px !important;
}

.leave-types-input .dx-datagrid-header-panel .dx-item.dx-toolbar-item .dx-show-invalid-badge .dx-selectbox-container .dx-texteditor-input-container.dx-tag-container.dx-native-click {
    padding: 2px 0px 0px 0px !important;
}

.Employment-ContractHistory .dx-datagrid-headers.dx-datagrid-nowrap {
    padding: 0 0px !important;
}

#interviewDetailsFormDiv .job-opening-interviews .full-view-card {
    height: calc(86vh - 65px) !important;
}

#interviewDetailsFormDiv .full-view-hidden.job-opening-interviews {
    padding: 0;
    margin: 0;
}

#interviewDetailsFormDiv .job-opening-interviews .full-view-card {
    background: #fff !important;
    margin-left: 10px !important;
    margin-top: 10px !important;
    margin-right: 16px !important;
    box-shadow: 0px 4px 11.83px 1.17px rgba(162, 162, 162, 0.15);
    border-radius: 7px 7px 0px 0px !important;
}

#interviewDetailsFormDiv .job-opening-interviews .btn-group.interviewPanel-formGroup-btn-group {
    left: 10px;
    right: 15px;
    margin-bottom: 10px !important;
}

.Talent-email-grid .dx-datagrid.dx-gridbase-container.dx-datagrid-borders .dx-datagrid-rowsview.dx-datagrid-nowrap a {
    left: 20px !important;
}

.Resource-planning-view .Vf-grid-child.dx-widget .dx-datagrid-total-footer.dx-datagrid-nowrap {
    border-top: 0px solid #fff !important;
}

.cd-right.cd-search-list-title.Candidate-list-scroll .dx-datagrid.dx-gridbase-container .dx-datagrid-rowsview .dx-scrollbar-vertical.dx-scrollbar-hoverable {
    margin-right: -20px !important;
}

.Birthday-reaction {
    height: 80px;
    width: 350px;
    margin: 10px;
    border-radius: 10px;
    border: 1px dashed #bcd4f8;
    background: #e7eef6;
}

.large-emoji {
    width: 100%;
    height: 50px;
    overflow: hidden;
    background: #bcd4f8;
    text-align: center;
    padding: 21px 0;
    font-weight: 600;
    font-size: 21px;
    position: relative;
    color: #fff;
    margin: 14px;
    border-radius: 12px;
    overflow: hidden;
    float: left;
}

.main-emoji {
    margin-top: -30px;
}

.birthday-wish-title {
    font-size: 12px;
    font-weight: 500;
    color: #3e90fe;
    margin-top: 15px;
    margin-bottom: -5px;
}

.right-emoji-sm ul {
    margin-left: -54px;
    margin-top: 10px;
}

    .right-emoji-sm ul li {
        display: table-cell;
    }

        .right-emoji-sm ul li span {
            height: 25px;
            width: 25px;
            margin-left: 10px;
            background-color: #fff;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
        }

.reaction-emj {
    width: 13px;
}

#BdayprofilePicture .xs-employee-avatar {
    height: 68px;
    width: 68px !important;
}
#birthday_comment_Flyout .dx-toolbar.dx-widget.dx-has-close-button {
    position: absolute;
}
.birthday_flyout #BdayprofilePicture, #BdayprofilePicture {
    display: flex;
    justify-content: center;
}
.birthday_flyout #BdayprofilePicture .xs-employee-avatar {
        margin-top: 40px;
}
.birthday_flyout .BirthdaywishContentName {
    text-align: center;
    font-weight: 500;
}
#tenure_comment_Flyout .dx-toolbar.dx-widget.dx-has-close-button {
    position: absolute;
}
.tenure_flyout #TenureprofilePicture .xs-employee-avatar {
    margin-top: 40px;
    width: 68px;
}

.tenure_flyout #TenureprofilePicture, #TenureprofilePicture {
    display: flex;
    justify-content: center;
}
.tenure_flyout .TenurewishContentName {
    text-align: center;
    font-weight: 500;
}
#tileViewBirthdayComments .dx-item.dx-list-item .documents .col-12,
#tileViewTenureComments .documents .col-12 {
    display: flex !important;
}
#tileViewBirthdayComments .documents .E-name.ellipse,
#tileViewTenureComments .documents .E-name.ellipse {
    margin-left: 10px;
}
#tileViewBirthdayComments .documents .E-name.ellipse .d-text,
#tileViewTenureComments .documents .E-name.ellipse .d-text {
    padding: 10px 0px 0px 0px;
    font-weight: 500;
    white-space: normal;
    line-height: 1.2;
}
#tileViewBirthdayComments .documents .E-name.ellipse .wishMessage,
#tileViewTenureComments .documents .E-name.ellipse .wishMessage {
    width: 46vh;
}
.noData-display {
    justify-content: center;
}
#tileViewBirthdayComments .documents .notif-time,
#tileViewTenureComments .documents .notif-time {
    position: absolute;
    right: 0;
}
#tileViewBirthdayComments {
    margin-top: 10px !important;
}
 #tileViewBirthdayComments .calendar-name.calendar-nameAvatar {
    margin-left: 5px !important;
}
#tileViewBirthdayComments .calendar-name.calendar-nameAvatar .vy-text-avatar.emp-i {
    height: 40px !important;
    width: 40px !important;
    padding: 15px 0px !important;
}
#tileViewBirthdayComments .dx-scrollable-content .dx-scrollview-content .dx-item.dx-list-item .dx-item-content {
    padding: 10px 0px 0px 0px !important;
}
#tileViewBirthdayComments .dx-scrollable-content .dx-scrollview-content .dx-item.dx-list-item .dx-item-content .documents {
    padding: 0px 0px !important;
    margin-bottom: 0px !important;
}
.Birthday-reaction .col-9.right-emoji-sm .birthday-wish-title{
    text-align: left;
}
.Birthday-reaction ul li span:hover {
    background-color: #bcd4f8;
    cursor: pointer;
}
.Resource-Details-edit .Vf-grid-child .dx-datagrid .dx-datagrid-total-footer .dx-row .dx-datagrid-summary-item.dx-datagrid-text-content {
    text-align: right !important;
}
.Cand-search-parent #employeePersonalDetails .employeeCard.EmployeeDetails .dx-show-clear-button .dx-texteditor-buttons-container {
    padding-right: 0px !important;
}
.Cand-search-parent #employeePersonalDetails .employeeCard.EmployeeDetails .dx-show-clear-button .dx-clear-button-area {
    width: 34px;
    min-width: 34px;
}
#ESS-InterviewFeedback-VoyonGrids .dx-datagrid-content .dx-datagrid-table .dx-row.dx-data-row .dx-command-edit.dx-command-edit-with-icons .ti.ti-eye {
    margin-left: 35px;
}
.AddEmlpoyee-css.Cand-search-parent .Vf-tabs-default .dx-tab, .AddEmlpoyee-css .Vf-tabs-default .dx-tab.dx-tab-selected {
    width: auto !important;
    min-width: 50px;
    /*padding: 9px;*/
}
#professionalDetailsFormView .dx-layout-manager.dx-widget .dx-field-item-content .dx-box-flex.dx-box .dx-item.dx-box-item .dx-item-content.dx-box-item-content {
    justify-content: flex-end;
}
.employeeCard.familyDetails.Education-details-grid .dx-datagrid-rowsview .dx-row.dx-data-row .dx-command-edit.dx-command-edit-with-icons .dx-link {
    left: 15px !important;
}
.employeeCard.familyDetails.Education-details-grid .dx-datagrid-rowsview .dx-datagrid-content {
    margin-right: 0px !important;
}
.full-view-hidden.regularization-req-fullview .Vf-grid-child .dx-datagrid-content.dx-datagrid-content-fixed {
    padding: 0px 30px !important;
}

.badgepopover.dxpopup-fullview .dx-overlay-content .leaverequest-fullview .full-view-card .dx-form.dx-widget .dx-widget.dx-collection .dx-item.dx-box-item .dx-item-content .dx-show-invalid-badge {
    padding: 0px 0px 0px 0px !important;
}
#CandidateInterviewDiv .dx-widget .dx-datagrid .dx-datagrid-rowsview.dx-datagrid-nowrap {
    padding: 0px 20px !important;
}
.document-search-scrollview .dx-scrollable-wrapper .dx-scrollable-scrollbar.dx-widget {
    margin-right: -15px !important;
}
.DocumentRequest-issued {
    font-size: 12px;
    font-weight: 500;
}
.document-search-scrollview.Document-searchScroll .collapse-close-btn.filter-collapse {
    position: inherit !important;
}
.employee-state-active .btn-group .dx-state-active {
    background-color: #05a6f0 !important;
}
.tileView-Birthday.temp-b-row.dx-tileview {
    padding-bottom: 10px !important;
}
.c-accordian-b.c-accordians-upcoming {
    margin-bottom: 50px !important;
}
.email-template-form.email-messageField .email-body.dx-first-col .dx-texteditor-input-container .cke_contents.cke_reset {
    height: 80px !important;
}
.email-template-form.email-messageField .text-editor-msg.dx-first-col .dx-texteditor-input-container .cke_contents.cke_reset {
    height: 265px !important;
}
.salary-preparetitle .dx-box-flex.dx-box .dx-item.dx-box-item:nth-child(4) .dx-item-content .dx-first-col.dx-last-col.dx-field-item {
    padding: 30px 0px 0px 0px !important;
}
    .salary-preparetitle .dx-box-flex.dx-box .dx-item.dx-box-item:nth-child(4) .dx-item-content .dx-first-col.dx-last-col.dx-field-item .dx-form-group-content {
        padding-top: 20px !important;
    }
.salary-preparetitle .dx-form-group-with-caption > .dx-form-group-content {
    padding-top: 0px !important;
}
.Vf-tabs-default.BankElectronic-list .dx-datagrid.dx-gridbase-container .dx-datagrid-rowsview.dx-datagrid-nowrap {
    padding: 0px 10px !important;
}
.BlackListed-Parent .candidate-img .blackListed-Image {
    height: 60px;
    width: 60px;
    position: absolute;
    top: 50px;
    left: 185px;
    z-index: 10 !important;
    display: block !important;
}
.BlackListed-Parent .image-cd.blackListed-profile {
    filter: grayscale(100%);
}
.BlackListed-Parent .bg-cd-sidebar {
    background-image: url(../img/cand-search-view-grey.png), linear-gradient(rgba(128,128,128,1),rgba(128,128,128,1));
}
.BlackListed-Parent .cs-det {
    filter: grayscale(1);
}
.isblacklistedChange {
    opacity: 0.5 !important;
}
.vy-view-content.AssetLost-grid .Vf-grid-child .dx-datagrid .dx-datagrid-rowsview .dx-datagrid-content .dx-command-edit.dx-command-edit-with-icons a{
    left: 20px !important;
}
.dx-icon.dx-icon-exportpdf {
    padding: 0px 29px 0px 2px;
}
#offer-approval .full-view-card {
    height: 95%;
}
.full-view-card.fullview-separation.separation-approved .dx-form.dx-widget .dx-widget.dx-collection .dx-item.dx-box-item .dx-item-content .dx-show-invalid-badge {
    padding: 0px 0px 0px 5px !important;
}
.full-view-card.fullview-separation.separation-approved .dx-form.dx-widget .dx-widget.dx-collection .dx-item.dx-box-item .dx-item-content .dx-show-invalid-badge input{
    padding: 0px 0px 0px 5px !important;
}
.full-view-card.fullview-separation.separation-approved .dx-form.dx-widget .dx-widget.dx-collection .dx-item.dx-box-item .dx-item-content .dx-show-invalid-badge textarea{
    padding-left: 5px !important;
}
.empTalent.vy-btnsStyle.ACt .Vf-grid-child .dx-datagrid-rowsview .dx-datagrid-content {
    margin-right: 0px !important;
    padding: 0px !important;
}
.inteview-gridlist {
    height: 100% !important;
}
    .inteview-gridlist .dx-scrollbar-vertical.dx-scrollbar-hoverable {
        margin-right: -15px !important;
    }
.employeepreview-css .full-view-card.Jobopening-separator .jb-form-view.job-opening-view .dx-field-item-label::after {
    display: contents !important;
}
.badgepopover.Task .positionApproval-screen .full-view-card {
    height: calc(100% + 70vh) !important;
}
.review-chart .dx-scrollbar-vertical.dx-scrollbar-hoverable {
    margin-right: -15px !important;
}
.Review-chartExpand i {
    transform: scaleX(-1);
}
.Vf-grid-child.Bellcurve-Review-Grid .dx-datagrid.dx-gridbase-container .dx-datagrid-rowsview {
    padding: 0px 10px !important;
}
.Vf-grid-child.Bellcurve-Review-Grid .dx-datagrid-rowsview .dx-command-select{
    text-align: left !important;
}
.PMF-desc p{
    white-space: normal !important;
}
.Vf-grid-child.KRA-goalsDelete{
    margin-top: 30px !important;
}
.appraisal-Templatelist {
    height: 100% !important;
}
.appraisal-Templatelist .dx-datagrid .dx-datagrid-content .dx-row .dx-command-edit .ti-layers{
    color: #929598 !important;
}
#dynamicForm {
    margin-bottom: 40px !important;
}
.Vf-card .btn-group.bell-curve-apply #btnFilterEmployee{
    background-color: transparent !important;
}
.salaryRevision-header #revisionDetailGrid .dx-datagrid .dx-datagrid-headers .dx-datagrid-content {
    padding: 0px !important;
}
.salaryRevision-header #revisionDetailGrid .dx-datagrid .dx-datagrid-rowsview .dx-datagrid-content {
    padding: 0px !important;
}
.salaryRevision-header .dx-datagrid-headers.dx-datagrid-nowrap .dx-row.dx-column-lines.dx-header-row .c-group-1.dx-datagrid-action{
    text-align: right !important;
}
.salaryRevision-header .dx-datagrid-rowsview.dx-datagrid-nowrap .dx-row.dx-data-row.dx-column-lines .c-group-1 {
    text-align: right !important;
}
.salaryRevision-header .dx-datagrid-headers.dx-datagrid-nowrap .dx-row.dx-column-lines.dx-header-row .c-group-2.dx-datagrid-action {
    text-align: right !important;
}
.salaryRevision-header .dx-datagrid-rowsview.dx-datagrid-nowrap .dx-row.dx-data-row.dx-column-lines .c-group-2 {
    text-align: right !important;
}
.salaryRevision-header .dx-datagrid-headers.dx-datagrid-nowrap .dx-row.dx-column-lines.dx-header-row .c-group-3.dx-datagrid-action {
    text-align: right !important;
}
.salaryRevision-header .dx-datagrid-rowsview.dx-datagrid-nowrap .dx-row.dx-data-row.dx-column-lines .c-group-3 {
    text-align: right !important;
}
.salaryRevision-header #revisionEmployeeSelectionGrid .dx-datagrid-rowsview{
    padding: 0px !important;
}
.salaryRevision-header #revisionEmployeeSelectionGrid .dx-datagrid-headers .dx-command-select .dx-checkbox-container {
    width: 40% !important;
}
.salaryRevision-header #revisionEmployeeSelectionGrid{
    height: 60vh !important;
}
.salaryRevision-header .dx-widget.dx-datagrid-pager.dx-pager .dx-pages{
    float: right !important;
}
.row.sap-footer .payrol-btn-group {
    width: 80%;
    position: absolute;
    right: 0px;
}
.Vf-grid-child.budgetAllocation-Grid .departmentBudgetGrid {
    height: 27vh !important;
}
.Vf-grid-child.distribution-Grid #budgetDestributionGrid {
    height: 27vh !important;
}
.appraisal_cycle_grid .dx-scrollbar-vertical.dx-scrollbar-hoverable{
    margin-right: -15px !important;
}
.appraisal_cycle_grid .dx-datagrid-rowsview .dx-scrollable-wrapper .dx-datagrid-content tr .dx-command-edit.dx-command-edit-with-icons .dx-link.dx-icon.ti-eye{
    margin-left: 20px !important;
}
.appraisal_cycle_grid .dx-datagrid-rowsview .dx-datagrid-content tr .dx-command-edit.dx-command-edit-with-icons .dx-link-icon.ti-layers {
    margin-right: 5px !important;
}
.appraisal_cycle_grid .dx-datagrid-rowsview .dx-datagrid-content tr .dx-command-edit.dx-command-edit-with-icons .dx-widget.dx-button .dx-button-content {
    padding: 5px 0px 0px 0px !important;
}
#SalaryRevisionAndPromotionFullView #viewRevisionDetailGrid .dx-datagrid-headers.dx-datagrid-nowrap.dx-header-multi-row {
    padding: 0px !important;
}
#SalaryRevisionAndPromotionFullView #viewRevisionDetailGrid .dx-datagrid-rowsview.dx-datagrid-nowrap {
    padding: 0px !important;
}
#revisionFormDiv .salaryRevision-Toolbar .dx-layout-manager .dx-label-h-align.dx-flex-layout:not(.dx-field-item-label-align) {
    align-items: end !important;
}
.BankDetails-Grid .dx-datagrid .dx-datagrid-rowsview .dx-datagrid-content {
    padding: 0px !important;
}
.BankDetails-Grid .dx-datagrid .dx-datagrid-rowsview .dx-datagrid-content tr .dx-command-edit .dx-link{
    left: 15px !important;
}
#employeeEmergencyContactDetails .emergencyContact-Grid .dx-datagrid .dx-datagrid-rowsview .dx-datagrid-content{
    padding: 0px !important;
}
#employeeEmergencyContactDetails .emergencyContact-Grid .dx-datagrid .dx-datagrid-rowsview .dx-datagrid-content .dx-command-edit .dx-link{
    left: 20px !important;
}
.onBoard-Common-Grid .btn-group .dx-state-active {
    background-color: #05a6f0 !important;
}
.profileApproval-Grid .dx-datagrid .dx-datagrid-rowsview .dx-command-edit {
    text-align: right !important;
}
.full-view-card.fullview-separation.separation-approved .dx-form.dx-widget .dx-widget.dx-collection .dx-item.dx-box-item .dx-item-content .dx-show-invalid-badge {
    padding: 0px 0px 0px 5px !important;
}
.full-view-card.fullview-separation.separation-approved .dx-form.dx-widget .dx-widget.dx-collection .dx-item.dx-box-item .dx-item-content .dx-show-invalid-badge input{
    padding: 0px 0px 0px 5px !important;
}
.full-view-card.fullview-separation.separation-approved .dx-form.dx-widget .dx-widget.dx-collection .dx-item.dx-box-item .dx-item-content .dx-show-invalid-badge textarea {
    padding-left: 5px !important;
}

.profileApproval-Grid .dx-datagrid .dx-datagrid-rowsview .dx-command-edit {
    text-align: right !important;
}
.interview-viewMode .full-view-sheet.full-view-hidden {
    margin-left: 0% !important;
    width: calc(100% ) !important;
    height: calc(100% ) !important;
    left: 0;
    padding: 0;
    margin-top: 0px !important;
    padding-top: 16px !important;
}
.positionRequisition-form .dx-box-flex.dx-box .dx-item.dx-box-item:nth-child(6) .dx-item-content.dx-box-item-content {
    margin-top: 5px !important;
}
.positionRequisition-form .dx-box-flex.dx-box .dx-item.dx-box-item:nth-child(7) .dx-item-content.dx-box-item-content {
    margin-bottom: 5px !important;
}
#finalchartCol .btn-group {
    display: flex !important;
    justify-content: flex-end !important;
}
#revisionFormDiv .Vf-toolbar-batch .dx-item.dx-box-item .dx-item.dx-box-item .dx-item-content .dx-texteditor-container .dx-tag-content span{
    font-size: 12px !important;
}
.kraGoalsetting-Select .Employee-i-view{
    right: 0px !important;
}
.kraGoalsetting-Select .dx-texteditor-buttons-container .dx-clear-button-area{
    width: 25px !important;
    min-width: 25px !important;
}
.appraisalFeedback-gridList .dx-datagrid .dx-datagrid-rowsview .dx-datagrid-content tr .dx-command-edit.dx-command-edit-with-icons{
    padding-top: 13px !important;
}
.appraisalFeedback-gridList{
    height: 100%;
}
.appraisalTemplate-Section .ti-trash.sectionClose-btn {
    margin-top: -35px !important;
}
.appraisalTemplate-Section .sectionEdit-btn {
    top: 38px !important;
}
.Vf-grid-custom.cl-table.dn-addButton .data-row .trActionButton .dx-button-content {
    padding: 13px 5px 0px 0px !important;
}
.col-12.disciplinaryAction-grid .dx-tabpanel-container .dx-datagrid-rowsview.dx-datagrid-nowrap{
    padding: 0px 10px !important;
}
#viewRevisionDetailGrid .dx-datagrid-headers.dx-datagrid-nowrap .dx-row.dx-column-lines.dx-header-row .c-group-1.dx-datagrid-action {
    text-align: right !important;
}
#viewRevisionDetailGrid .dx-datagrid-rowsview.dx-datagrid-nowrap .dx-row.dx-data-row.dx-column-lines .c-group-1 {
    text-align: right !important;
}
#viewRevisionDetailGrid .dx-datagrid-headers.dx-datagrid-nowrap .dx-row.dx-column-lines.dx-header-row .c-group-2.dx-datagrid-action {
    text-align: right !important;
}
#viewRevisionDetailGrid .dx-datagrid-rowsview.dx-datagrid-nowrap .dx-row.dx-data-row.dx-column-lines .c-group-2 {
    text-align: right !important;
}
#viewRevisionDetailGrid .dx-datagrid-headers.dx-datagrid-nowrap .dx-row.dx-column-lines.dx-header-row .c-group-3.dx-datagrid-action {
    text-align: right !important;
}
#viewRevisionDetailGrid .dx-datagrid-rowsview.dx-datagrid-nowrap .dx-row.dx-data-row.dx-column-lines .c-group-3 {
    text-align: right !important;
}
#viewSalaryRevisionPromotion-distributionForDepartmentTitle {
    margin-top: 10px !important;
}
.approvalSummaryButtonGroup .dx-button-content .dx-button-text {
    font-size: 13px;
    font-weight: 500;
}
.approvalSummaryButtonGroup {
    float: right;
    margin-top: -58px;
    margin-right: 140px;
}
.approvalSummaryButtonGroup .dx-button-content .dx-button.dx-button-mode-outlined.dx-state-hover {
   background-color: rgb(0 0 0 / 0%);
}
.approvalSummaryButtonGroup .dx-button-mode-outlined {
   background-color: transparent !important;
   border-color: #ddd0;
}
.approvalSummaryButtonGroup .dx-button-content i {
   height: 26px;
   border-radius: 80px;
   width: 26px;
   font-size: 13px;
   color: #fff;   
   padding: 5px 0px;
   margin-right: 6px;
   box-shadow: 0px 1px 11.83px 1.17px rgba(0, 0, 0, 0.15);
   -webkit-box-shadow: 0px 1px 11.83px 1.17px rgba(0, 0, 0, 0.15);
   -moz-box-shadow: 0px 1px 11.83px 1.17px rgba(0, 0, 0, 0.15);
} 
#jobOpeningViewModeDiv .full-view-sheet.full-view-hidden #interviewContainer #feedbackFormDiv{
    padding-left: 0px !important;
    padding-top: 0px !important;
    right: -21px !important;
    width: calc(100% - 322px);
    height: calc(100% - 77px);
}
#jobOpeningViewModeDiv .full-view-sheet.full-view-hidden #interviewContainer #feedbackFormDiv .Vf-grid-title{
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}
#jobOpeningViewModeDiv .full-view-sheet.full-view-hidden #interviewContainer #feedbackFormDiv .row.dismargin.height-min-60{
    height: calc(100% - -29px);
    width: calc(100% + 320px);
}
#candidateViewDiv #feedbackFormDiv.full-view-hidden {
    padding-left: 0px !important;
    padding-top: 0px !important;
    right: 0px !important;
}
#candidateViewDiv .full-view-hidden #interviewFeedBackFormDiv  .Vf-grid-title {
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}
#candidateViewDiv .full-view-hidden #interviewFeedBackFormDiv .row.dismargin.height-min-60 {
    height: calc(100% - 55px);
    width: calc(100% + 350px);
}
.applied-right-15.familyDetails-employee .dx-dropdowneditor-input-wrapper .dx-clear-button-area{
    width: 25px !important;
    min-width: 25px !important;
}
.applied-right-15.familyDetails-employee .dx-dropdowneditor-input-wrapper .dx-widget.dx-button.Employee-i-view{
    right: 0px !important;
}
#myReview-Grid {
    height: 100%;
}
.col.incomeTax-Multiple .Vy-maintoolbar {
    padding: 5px 0px 10px !important;
}
.workFlow-Button .row.MCd {
    margin: 40px 0 -40px !important
}
.full-view-hidden.StatutoryRules .Vf-grid-child {
    background: #fff !important;
}
.interview-feedback-card .Vf-form-view-mode .dx-numberbox.dx-texteditor input{
    text-align: left !important;
}
#interviewReport-Plan{
    height: 100% !important;
}
#interviewReport-Plan .report-main-parent.height-by-css .vy-reoporting-grid{
    height: calc(100% - 270pt) !important;
}
.full-view-hidden.rq-fullview.overTimerequest-invalid .dx-overlay-content.dx-invalid-message-content {
    padding: 5px 17px 20px;
    width: 120px !important;
    border-radius: 0px !important;
    top: -40px !important;
    left: -18px !important;
}
.Vf-grid-child.infoInterviewFeedback{
    margin-top: 10px !important;
}
.full-view-hidden.hiringConvert-Employee .employeeCard.familyDetails {
    padding: 10px 10px 10px 10px !important;
}
.col-md-12.A-cycle-emp-pop.includedEmployees-Grid .dx-datagrid .dx-datagrid-rowsview{
    padding: 0px 0px !important;
}
.col-md-12.A-cycle-emp-pop.includedEmployees-Grid .dx-datagrid .dx-datagrid-rowsview .dx-command-select {
    text-align: left !important;
}
.col-md-12.A-cycle-emp-pop.includedEmployees-Grid .dx-datagrid .dx-datagrid-headers{
    padding: 0px 0px !important;
}
.cd-search-jobopening {
    float: left;
    width: calc(100% - 336px);
    transition: 0.4s ease all;
    height: 100%;
}
.row.fit-screen.full-width-list .cd-search-jobopening {
    width: calc(100% - 0px);
    transition: 0.3s ease all;
}
.Applied-candidates-action.jobopeningApplied-cand .Voyon-GridTitLe {
    margin-left: 40px;
}
.Applied-candidates-action.jobopeningApplied-cand .help-menubar.cd-menu-coll {
    margin-top: 18px;
}
.row.fit-screen.jobopeningApplied .jb-list{
    padding-left: 20px;
}
.row.fit-screen.jobopeningApplied.full-width-list .op-side-bar {
    display: none;
}
#candidateSaveFullView .dx-tabpanel-container #divNotes {
    background: #fff !important;
    border-radius: 10px; 
}
#candidateSaveFullView .dx-tabpanel-container .vy-text-avatar{
    padding: 7px 0px !important;
}
#candidateSaveFullView .dx-tabpanel-container .Candidatenotes-Profile-avatar{
    margin-bottom: 20px;
}
#candidateSaveFullView .dx-tabpanel-container .Candidatenotes-Profile-avatar .card .card-body .profile .usr-name{
    padding: 7px 0px 5px 0px;
}
#candidateSaveFullView .dx-tabpanel-container .input-note .note-cancel {
    padding: 12px;
    cursor: pointer;
}
#candidateSaveFullView .dx-tabpanel-container .input-note .note-save {
    padding: 12px;
    cursor: pointer;
}
.row.mb-2.candidateTagsEdit {
    background: #fff;
    border-radius: 10px;
    margin: 10px;
    padding: 10px;
}
.full-view-sheet.full-view-hidden.Vf-card.interviewFeedback-rating #interviewViewTemplate .Vf-grid-child .Voyon-ChildGrids-Title {
    padding-top: 0px !important;
    padding-bottom: 20px;
}
.bulkIcons-Div{
    overflow: initial !important;
}
#bankDetails-report{
    height: 100%;
}
#bankDetails-report .vy-reoporting-grid{
    height: calc(100% - 140pt) !important;
}
#employeeEducation-report{
    height: 100%;
}
#employeeEducation-report .vy-reoporting-grid{
    height: calc(100% - 140pt) !important;
}
#EmployeeContact-report{
    height: 100%;
}
#EmployeeContact-report .vy-reoporting-grid{
    height: calc(100% - 140pt) !important;
}
#EmployeeDocument-report {
    height: 100%;
}
#EmployeeDocument-report .vy-reoporting-grid{
    height:  calc(100% - 140pt) !important;
}
#approvalSummaryButtonGroup .dx-button-content {
    margin-right: 15px;
    background-color: #f7f7f7;
    border: 0.5px solid #ddd ;
    border-radius: 5px;
    color: #333;
    padding: 3px 18px 8px;
}
#approvalSummaryButtonGroup .dx-button-content i.fa-check {
    background-color: #0ac39e;
}
#approvalSummaryButtonGroup .dx-button-content i {
    height: 15px;
    border-radius: 80px;
    width: 26px;
    font-size: 13px;
    color: #fff;
    margin-right: 6px;
    padding: 5px 0px;    
    margin-top: 1px;
    box-shadow: 0px 1px 11.83px 1.17px rgb(0 0 0 / 15%);
    -webkit-box-shadow: 0px 1px 11.83px 1.17px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 1px 11.83px 1.17px rgba(0, 0, 0, 0.15);
}
#approvalSummaryButtonGroup .dx-button-content .dx-button-text {
    font-size: 13px;
    font-weight: 500;
}
.managerMeasures-Title{
    white-space: break-spaces;
}
#kraGoals-Grid{
    height: 100%;
}
#kraGoals-Grid .dx-toolbar-items-container .applied-employee-info .Employee-i-view{
    right: 0px !important;
}
#trainingRequestEditDiv .filter-Applied.dx-icon {
    color: var(--primary-color) !important;
}
#gridRequestedEmployee .dx-datagrid .dx-datagrid-rowsview .dx-datagrid-table .dx-row .dx-command-select{
    text-align: left !important;
}
#training-req-programs .dx-datagrid .dx-datagrid-rowsview .dx-row .dx-command-select {
    text-align: left !important;
}
#training-req-attendees .dx-datagrid .dx-datagrid-rowsview .vy-employee-name.emp-i{
    line-height: 25px !important;
}
#training-req-attendees .dx-datagrid .dx-datagrid-rowsview .vy-employee-id {
    margin-top: 7px !important;
}
#Bulk-Hiring-Template .dx-button-content{
    padding: 0px 25px 7px !important;
}
.full-view-hidden.TrainingFeedback-Tm .Vf-form-view-mode .dx-form .dx-editor-filled.dx-state-focused .dx-texteditor-container {
    margin-left: 5px !important;
}
.TrainingProgram-Sessions .crip.dx-first-row.dx-last-col .dx-item-content.dx-box-item-content{
    flex-grow: 0 !important;
}
.TrainingProgram-Sessions .crip.dx-first-row.dx-last-col .dx-item-content.dx-box-item-content .dx-first-row.dx-first-col{
    padding-right: 0px !important;
}
.TrainingProgram-Sessions .crip.dx-first-row.dx-last-col .dx-item-content.dx-box-item-content .dx-first-row.dx-last-col{
    padding-left: 0px !important;
}
.position-requisition-replacement.positionRequisition-Approval .Voyon-ChildGrids-Title {
    margin-bottom: 1.5rem !important;
}
#CandidateInterviewHistoryDiv #candidateInterviewEditorViewPage {
    padding-left: 0px !important;
    padding-top: 0px !important;
    margin-top: 0 !important;
}
#CandidateInterviewHistoryDiv{
    padding: 0px !important;
    margin-top: 0px !important;
    margin-left: 10px !important;
}
.taskView-form #viewForm {
    font-family: 'Segoe UI',Arial;
    font-size: 13px;
    margin-bottom: 30px;
}
.taskView-form .col-12 {
    max-width: 98%;
}
.taskView-form .col-12.taskFormDiv {
    margin: 0px 0px 20px 20px;
}
.taskHistory-Div .col-6.HistorySection-Div {
    padding-left: 50px;
}
.taskHistory-Div .HistorySection-Div .timeline {
    margin-top: 30px;
}
.taskHistory-Div .ChangeStatus-Fr {
    margin-top: 30px;
}
.taskView-form #viewForm .LClabel {
    font-weight: 500;
}
.col-6.HistorySection-Div{
    max-width: 713px;
}
.col-12.applied-cand-view-parent-div .dx-command-edit.dx-command-edit-with-icons.dx-hidden-cell .dx-icon.ti.ti-eye {
    display: none !important;
}
.col-12.applied-cand-view-parent-div .dx-command-edit.dx-command-edit-with-icons.dx-hidden-cell .dx-icon.ti.ti-trash {
    display: none !important;
}
.col-12.applied-cand-view-parent-div .dx-command-edit.dx-command-edit-with-icons.dx-hidden-cell .dx-icon.ti.ti-more-alt {
    display: none !important;
}

#formTypeAttributesForm.feedback-temp > div:nth-child(1) .crip.dx-first-row {
    margin-top: -35px;
}

#formTypeAttributesForm.feedback-temp > div:nth-child(1) > div .dx-item-content.dx-box-item-content {
    height: 29px !important;
}

#formTypeAttributesForm.feedback-temp {
    margin-top: 15px;
}
.col-4.text-right.performance-measures-fields .dx-selectbox {
    width: 150px !important;
}
#CandidateDetailsDiv .dx-tabpanel .dx-tab {
    min-width: 50px !important;
}
.cd-tab-links.adress .address-candidate li{
    cursor:auto;
}
.row.salarySchedulegrid-body {
    padding-left: 15px;
    padding-right: 15px;
}
.col-6.AssignForm-Section .if-footer {
    padding: 20px 0px !important;
}
.taskHistory-Div .HistorySection-Div .timeline .title{
    padding-right: 40px !important;
}
#taskGrid-table{
    height: 100% !important;
}
#taskGrid-table .dx-datagrid .dx-command-edit .dx-button-content .dx-icon{
   /* padding: 0px 11px !important;*/
    color: #929598 !important;
    margin-top: 0px;
}
#taskGrid-table .dx-datagrid .dx-command-edit .dx-button-content .dx-icon.ti-eye{
    line-height: 10px;
}
#taskGrid-table .dx-datagrid .dx-command-edit .dx-link{
    margin-top: 5px;
}
#taskGrid-table .vy-text-new{
    background-color: #7E7E80 !important;
}
#taskGrid-table .vy-text-active{
    background-color: #2D8EFF !important;
}
#taskGrid-table .vy-text-completed{
    background-color: #7ad986 !important;
}
#taskGrid-table .vy-text-onhold{
    background-color: #f5d781 !important;
}
#taskGrid-table .vy-text-cancelled{
    background-color: #EC5E5E !important;
}
#HiredCandiates{
    height: 100%;
}
#HiredCandiates .report-main-parent.height-by-css .vy-reoporting-grid{
    height: calc(90% - 160pt) !important;
}
.address-candidate.clientAddress{
    display: flex;
    flex-direction: column;
}
.address-candidate.clientAddress span{
    word-break: break-all;
}
.row.salarySchedulegrid-body .Vf-grid-default .dx-datagrid-rowsview{
    padding: 0px 0px 0px 20px !important;
}
.row.salarySchedulegrid-body .Vf-grid-default .dx-datagrid-total-footer{
    padding-left: 20px !important;
}
.row.salarySchedulegrid-body .Vf-grid-default .dx-datagrid-total-footer tr td .dx-datagrid-summary-item.dx-datagrid-text-content {
    text-align: center !important;
}
#allApprovalsContainer #approvalRequestGrid{
    margin: 10px;
}

.cd-right.cd-search-list-title.Candidate-list-scroll .dx-command-edit.dx-command-edit-with-icons.dx-hidden-cell .dx-icon.ti.ti-eye {
    display: none !important;
}

.cd-right.cd-search-list-title.Candidate-list-scroll .dx-command-edit.dx-command-edit-with-icons.dx-hidden-cell .dx-icon.ti.ti-pencil {
    display: none !important;
}

.cd-right.cd-search-list-title.Candidate-list-scroll .dx-command-edit.dx-command-edit-with-icons.dx-hidden-cell .dx-icon.ti.ti-trash {
    display: none !important;
}
#leaveHistorySummaryListContainer .dx-empty-message{
    font-size: 0 !important;
}
#gridShiftAllownace .dx-datagrid-rowsview .dx-command-select{
    text-align: left !important;
}
#TrainerGrid{
    height: 100%;
}
#TrainerGrid .EmployeeParent-wow .bus-dep{
    margin-left: 0px !important;
}
#TrainerGrid .EmployeeParent-wow .vy-employee-name{
    line-height: 20px !important;
}
.add-hint {
    pointer-events: auto;
} 
.RotationSchedule-Section .RotationScheduleLabels {
    margin-top: 5px;
}
.ShiftAllowance-excld {
    opacity: 0.5 !important;
    background-color: #d9d9d9 !important;
}
#Tax-IncomeTaxOverride-gc, #shift-Verification-report {
    height: 100%;
}
#shift-Verification-report .vy-reoporting-grid{
    height: calc(90% - 130pt) !important;
}
#gridShiftDetails .dx-datagrid-rowsview {
    padding: 0 10px !important;
}
#gridShiftDetails .dx-datagrid-rowsview .dx-command-select{
    text-align: left !important;
}
#clientInterviewFeedbackForm .dx-show-invalid-badge.dx-textarea.dx-textbox{
    height: 340px !important;
}
#approveSalarySchedule-arrearsGrid .dx-datagrid #recalculate-arrear{
    background-color: #fff !important;
    border-color: #fff !important;
}
#gridShiftAllownace .dx-datagrid .dx-scrollbar-vertical.dx-scrollbar-hoverable {
    margin-right: -10px !important;
}
.activity-det .dx-first-col.dx-last-col.dx-last-row label{
    padding-top: 12px !important;
}
#assetAllocation .Vf-grid-child .Voyon-ChildGrids-Title {
    padding-bottom: 10px;
    top: 0px !important;
}
#myReview-Grid .fas.fa-external-link-alt.Vf-action-hover-icon {
    margin-right: 5px !important;
}
#employeeAddEditDiv .employeeCard.familyDetails .Vf-grid-child .dx-datagrid-rowsview {
    padding: 0 0px 20px 20px !important;
}
#employeeAddEditDiv .employeeCard.familyDetails .Vf-grid-child .dx-datagrid-rowsview .dx-datagrid-content {
    margin-right: 0px !important;
    padding: 0px !important;
}
.Vf-accordion.ac-grid #VariableAllowanceGrid .dx-datagrid-header-panel .dx-toolbar, .Vf-accordion.ac-grid #VariableDeductionGrid .dx-datagrid-header-panel .dx-toolbar {
    margin-bottom: 10px;
}
.full-view-hidden.asset-TransferApproval{
    background: #fff;
}
#permanentContactFormView .dx-numberbox.dx-texteditor input, #currentContactFormView .dx-numberbox.dx-texteditor input {
    text-align: left !important;
}
.set-amount.row.dismargin.Final-Settlement .col{
    padding-right: 0px !important;
}
.full-view-hidden.loanRequest-view .full-view-card{
    height: calc(87vh - 130px);
    margin-right: 20px;
}
.feedback-temp.w-100.at-b-mult-form.attt-ob.Acting-align #attendance-individual-acting input{
    text-align: right;
}
#candidateHistoryTemplate .entry .body ul li {
    text-indent: -14px;
    padding-left: 14px;
    padding-bottom: 5px;
}
#travel-advance-request-view .side-bar-box .vy-text-avatar {
    height: 36px !important;
    width: 36px !important; 
    margin: 0;
}
#travel-claim-req-expenses {
    margin-top: 10px;
}
#travel-claim-req-expenses .Vf-grid-child .dx-widget .dx-datagrid-header-panel {
    margin-top: 0px !important;
}
#travel-claim-req-reimbursment-grid .Vf-grid-child .dx-widget .dx-datagrid-header-panel {
    margin-top: 0px !important;
}
#travel-claim-req-reimbursment-grid .Vf-grid-child, #travel-claim-req-expenses .Vf-grid-child { 
    background: #fff !important;
}
#travel-advance-request-view #travelClaimRequestApproval{
    margin-top: -115px;
}
.offer-approval-scrollview.Travel-Claim .Voyon-Forms .dx-layout-manager.dx-widget .dx-item.dx-box-item{
    margin-bottom: 5px !important;
}
#travel-claim-req-summary ul.job-of li{
    margin-bottom: 10px;
}
.ess-regularization .Vf-grid-child .dx-datagrid .dx-datagrid-rowsview .dx-datagrid-content td:first-child {
    padding: 10px 15px !important;
}
.full-view-hidden.Travel-Request-Apprview {
    background: #fff;
    height: calc(100% + 100px);
}
#div-RevisionDetails .col-12.Vf-card.approve-salary-revision-card .dx-datagrid .dx-datagrid-rowsview{
    padding: 0px 0px 0px 10px !important;
}
#div-RevisionDetails .col-12.Vf-card.approve-salary-revision-card .dx-datagrid .dx-datagrid-rowsview .dx-datagrid-content {
    padding: 0px 0px 0px 10px !important;
}
#div-RevisionDetails .col-12.Vf-card.approve-salary-revision-card .dx-datagrid .dx-datagrid-total-footer {
    padding-left: 20px !important;
}
.fas.fa-ban{
    padding: 1px;
}
#travel-route-map-div .row.firstDiv-Route {
    border: 2px solid #969696;
    border-radius: 10px;
}
#travel-route-map-div .row.firstDiv-Route .vy-text-avatar{
    width: 40px;
    height: 40px;
    padding: 10px 0;
}
#travel-route-map-div .row.firstDiv-Route .trvlr-Name{
    color: #60AAE0;
    font-size: 15px;
    font-weight: 500;
    padding-left: 5px;
}
.RouteMap-Timeline.travel-routeMap-scrollview {
    height: calc(100vh - 320px);
}
#travel-route-map-div .tl-dot:after,
#travel-route-map-div .travel-route-start .tl-dot:before {
    content: '';
    position: absolute;
    border-color: #0DD8A2;
    border-width: 2px;
    border-style: solid;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    left: 15px;
    top: 14px;
    transform: translateX(-50%);
}
/*interval*/
#travel-route-map-div .tl-dot:after,
#travel-route-map-div .travel-route-syatemupdated .tl-dot:before {
    content: '';
    position: absolute;
    border-color: #9CBAFF;
    border-width: 2px;
    border-style: solid;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    left: 15px;
    top: 14px;
    transform: translateX(-50%);
}

/*Stop*/
#travel-route-map-div .tl-dot:after,
#travel-route-map-div .travel-route-end .tl-dot:before {
    content: '';
    position: absolute;
    border-color: #FB6868;
    border-width: 2px;
    border-style: solid;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    left: 15px;
    top: 14px;
    transform: translateX(-50%);
}
#travel-route-map-div .tl-dot:before {
    border-width: 8px !important;
    height: 10px !important;
    width: 10px !important;
}
#travel-route-map-div .tl-dot:after {
    width: 0;
    height: auto;
    top: 30px;
    left : 15px;
    bottom: -33px;
    border-right-width: 0;
    border-top-width: 0;
    border-bottom-width: 0px;
    border-radius: 0;
    border-style: dashed;
    border-color: #B5B5B5;
}
/*Stop last child*/
#travel-route-map-div .RouteMap-Timeline .row:last-child .travel-route-end .tl-dot:after {
    width: 0;
    height: auto;
    top: 70px;
    left: 15px;
    bottom: 0px;
    border-right-width: 0;
    border-top-width: 0;
    border-bottom-width: 0px;
    border-radius: 0;
    border-style: dashed;
    border-color: #B5B5B5;
}
#travel-route-map-div .row.firstDiv-Route .col-md-6:nth-child(1) {
    display: flex;
    align-items: center;
}
#travel-route-map-div .row.firstDiv-Route .col-md-6:nth-child(2){
    padding: 20px 0px 0px 20px;
}
#travel-route-map-div .row.firstDiv-Route .col-md-6 p{
    margin-bottom: 5px;
    text-align: right;
    padding-right: 20px;
    font-weight: 600;
}
#travel-route-map-div .row.firstDiv-Route .col-md-6 .Total-kilometer{
    margin-bottom: 10px;
    font-size: 25px;
}
#travel-route-map-div .RouteMap-Timeline{
    margin-top: 30px;
}
#travel-route-map-div .RouteMap-Timeline .row{
    padding: 10px 0px;
}
#travel-route-map-div .RouteMap-Timeline .row .TravelNotes{
    padding-top: 5px;
    color: #AAAAAA;
    font-weight: 400;
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#travel-route-map-div .RouteMap-Timeline .locationTime-Parent:not(.TravelNotes){
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.RouteMap-Timeline.travel-routeMap-scrollview .dx-scrollable-scrollbar{
    margin-right: -15px;
}
.RouteMap-Timeline .Travel-Locations {
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#travel-route-map-div .RouteMap-Timeline .row .col-md-3 {
    text-align: right;
    padding-right: 10px;
    padding-top: 13px;
    font-weight: 500;
}
#travel-route-map-div .RouteMap-Timeline .row .locationTime-Parent {
    margin-left: 20px;
    border: 1px solid #979797;
    padding: 10px;
    border-radius: 5px;
}
.locationTime-Parent.travel-route-syatemupdated-text {
    color: #AAAAAA;
}
.locationTime-Parent.travel-route-start-text, .locationTime-Parent.travel-route-end-text {
    color: #000;
    font-weight:500;
}
#revisionDetailForm .tb-item-2 .dx-show-invalid-badge.dx-selectbox.dx-textbox {
    width: 170px;
}
#revisionFormDiv .salaryRevision-Toolbar .col-md-1 {
    padding-left: 0 !important;
    padding-top: 5px !important;
}
#div-RevisionDetails .dx-datagrid-table .c-group-1 .dx-datagrid-summary-item.dx-datagrid-text-content {
    text-align: center !important;
}
.dx-link.close-btn-svg.custom-btns.travelClaim-cancel{
    font-size: 13px !important;
    font-weight: 600;
    position: relative !important;
    top: -5px !important;
}
#MarkOptionalHolidaysForm .dx-empty-message{
    font-size: 0;
}
.employeeCard.EmployeeDetails.WorkforceAdd-Employee .Voyon-Forms .dx-form {
    margin-bottom: 6px !important;
}
.dx-link.close-btn-svg.custom-btns.SalaryRevision-Cancel {
    font-size: 13px !important;
    font-weight: 600;
    position: relative !important;
    top: -5px !important;
}
#associateTaskDiv .Vf-grid-child .dx-datagrid .dx-datagrid-rowsview .dx-datagrid-content table .dx-command-select .dx-checkbox-container {
    display: inline-flex;
    justify-content: center;
}
#KRAGoalSettingEmployeeSelectBox{
    width: 300px !important;
}
#allApprovalsContainer #approvalRequestGrid .dx-datagrid-rowsview tr td a{
    color: #333 !important;
}
.dx-link.close-btn-svg.custom-btns.travelClaim-cancel{
    font-size: 13px !important;
    font-weight: 600;
    position: relative !important;
    top: -5px !important;
}
#allApprovalsContainer #approvalRequestGrid .dx-datagrid-rowsview tr td .vy-employee-name.emp-i {
    color: #60aae0 !important;
}
#training-reqs-listing-Grid .Vf-grid-default .dx-datagrid .dx-datagrid-header-panel .dx-toolbar{
    margin-bottom: 0px !important;
}
#tds-calculator-multiple-employee-grid-container .dx-datagrid-headers .dx-row.dx-column-lines .deductionTitle-multiple {
    background: #e8eff7 !important;
    border: 1px solid #f8fbff;
    text-align: center !important;
}
#tds-calculator-multiple-employee-grid-container .dx-datagrid-headers .dx-row.dx-column-lines td[aria-colindex="15"] {
    background: #e4effb !important;
    border: 1px solid #d9d9d9;
}
.col.bonusprocess-employeelist-container .dx-datagrid .dx-datagrid-rowsview{
    padding: 0 10px !important;
}
.col.bonusprocess-employeelist-container .dx-datagrid .dx-datagrid-rowsview .dx-command-select{
    text-align: left !important;
}
.full-view-hidden.Asset-RequestView{
    background: #fff !important;
}
.col-md-12.A-cycle-emp-pop #EmployeeList .dx-datagrid .dx-datagrid-rowsview{
    padding: 0px 10px !important;
}
.col-md-12.A-cycle-emp-pop #EmployeeList .dx-datagrid .dx-datagrid-rowsview .dx-command-select{
    text-align: left !important;
}
.col-md-12.A-cycle-emp-pop #revisionFormDiv .col-md-4 #addEmployeeBtn {
    margin-left: 10px;
}
.col-md-12.A-cycle-emp-pop #revisionFormDiv .col-md-1 {
    padding-left: 10px !important;
    padding-top: 0px !important;
}
#PFnewJoineeDetails{
    height: calc(100% + 20pt);
}
#Benefits-AirTicketRequest-Column-Chooser{
    margin-right: 40px;
}
#Benefits-AirTicketRequest-VoyonGrids .dx-datagrid-drag-action .dx-datagrid-text-content {
    margin-right: 40px;
}
#kraAndGoalGrid .dx-datagrid .goalScoreInputField {
    text-align: right;
}
#kraAndGoalGrid .goalScoreInputField input {
    border: 1px solid black;
}
#Asset-Reports-AssetHistory-ReportingGrids {
    height: calc(90% - 125pt) !important;
}
.Vy-HGrids.Voyon-ChildGrids.Vf-grid-child.Asset-history-report{
    background-color: #fff;
}
#attendanceReport-AnnualReturns{
    height: 100%;
}
#attendanceReport-AnnualReturns .vy-reoporting-grid {
    height: calc(90% - 135pt) !important;
}
#BonusProcessGrid .dx-toolbar.dx-widget.dx-visibility-change-handler.dx-collection{
    margin-bottom: 10px;
}
#OT-wages-report{
    height: 100%;
}
#OT-wages-report .vy-reoporting-grid{
    height: calc(90% - 135pt) !important;
}
#OT-Hours-report{
    height: 100%;
}
#OT-Hours-report .vy-reoporting-grid {
    height: calc(90% - 135pt) !important;
}
#ShiftCalendar-grid {
    height: calc(100vh - 250px) !important;
}
.employeeLastWorking_date{
    display:none !important;
    position:absolute !important;
}
#payroll-process-splitup-grid .dx-datagrid .dx-toolbar.dx-widget {
    background-color: #e3e5f2 !important;
    padding: 10px;
    border-radius: 10px;
}
#payroll-process-splitup-grid .dx-datagrid .dx-datagrid-headers {
       border-bottom: 1px solid #ddd;
}
.full-view-hidden.leaveResumptionRequest_fullview .full-view-card {
    background: #fff;
}
.full-view-hidden.tds-fullview.rq-fullview .full-view-card {
    height: calc(80vh - 86px) !important;
    margin: 0;
    margin-left: -20px;
    margin-right: -10px;
    background: transparent;
}
#leave_resumption_date_selection td{
    vertical-align: middle !important;
}
.col.import_prmtn_upload {
    display: flex;
    background: #fff;
    padding-left: 30px;
    justify-content: flex-end;
}
.col.import_prmtn_upload .dx-fileuploader-file-container.dx-fileuploader-invalid {
    font-size: 13px;
    width: 200px;
    height: 60px;
    float: left;
    border: 1px solid #ddd;
    border-radius: 7px;
    padding: 10px;
    overflow: hidden;
    background: #dbecff;
}
.col.import_prmtn_upload .dx-fileuploader-file-container.dx-fileuploader-invalid .dx-fileuploader-button-container .dx-fileuploader-cancel-button {
    background-color: transparent;
    border: 1px solid black;
    border-radius: 20px;
}
.col.import_prmtn_upload .dx-fileuploader-file-container.dx-fileuploader-invalid i {
    font-size: 15px;
}
.col.import_prmtn_upload .dx-fileuploader-file-container.dx-fileuploader-invalid .dx-fileuploader-file-name {
    font-size: 13px;
    font-weight: 500;
    color: #72859a;
}
.col.import_prmtn_upload .dx-fileuploader-file-container.dx-fileuploader-invalid .dx-fileuploader-file-status-message {
    font-size: 13px;
    color: #72859a;
}
.col.import_prmtn_upload .import_upload_promotion .dx-fileuploader-input-container{
    display: none;
}
.col.import_prmtn_upload .import_download_promotion {
    margin-top: 17px;
}
.col.import_prmtn_upload .import_download_promotion .dx-button-normal {
    background-color: #49bc68db;
    color: #fff;
}
.col.import_prmtn_upload .import_upload_promotion{
    width: 100px;
}
.col.import_prmtn_upload .import_upload_promotion .dx-button-normal {
    background-color: var(--primary-color);
    color: #fff;
}
.fas.fa-wand-magic-sparkles::before {
    background-image: url(../img/Auto-populate.svg);
    display: block;
    content: '';
    height: 16px;
    width: 17px;
    background-size: 18px;
}
.up-photo-asset {
    padding: 0px 0;
    margin: 0 auto;
    position: absolute;
    z-index: 1;
}
    .vy-view-content.assetPhoto-Uploader .dx-fileuploader-button {
        max-height: 120px;
        min-height: 68px;
        max-width: 150px;
        width: 53px;
        border-radius: 100px;
        overflow: hidden;
        margin: -30px 0px;
        z-index: 99;
        opacity: 0;
    }
.vy-view-content.assetPhoto-Uploader .dx-fileuploader-input-container{
    opacity: 0;
}
#gpaAddition-report .vy-reoporting-grid {
    height: calc(100vh - 325px) !important;
}
#gpaDeletion-report .vy-reoporting-grid {
    height: calc(100vh - 320px) !important;
}
#onBoardingTaskPopupGrid {
    height: calc(100% - 20px);
}
.margin-left-5.margin-right-15.statusDropdown{
    width: 200px !important;
}
#onlineTimeSheetGrid .dx-datagrid-rowsview table .dx-row.dx-data-row td:nth-child(4){
    max-width: 200px !important;
    width: 120px !important;
}
.gridReguralizationPopup.offline-scribe.team-timesheet-online-scorllfix table .dx-row.dx-data-row.dx-row-lines{
    width: 800px !important;
}
.task-view-icon {
    margin-right: 10px !important;
}
#addJobForm textarea{
    height: 200px;
}
.Vf-action-grid-btn.appraisal-Summary .dx-icon.ti.ti-eye {
    color: #929598 !important;
}
#RegularizationRequestHistory{
    height: 100%;
}
#RegularizationRequestHistory .vy-reoporting-grid {
    height: calc(100vh - 310px) !important;
}
#AttendanceRegisterReports{
    height: 100%;
}
#AttendanceRegisterReports .vy-reoporting-grid {
    height: calc(100vh - 330px) !important;
}
#Attendance-Reports-AttendanceLogSummary {
    height: 100%;
}
#Attendance-Reports-AttendanceLogSummary .vy-reoporting-grid {
    height: calc(100vh - 330px) !important;
}
#Workforce-EmployeeReportingDetailsReports{
    height: 100%;
}
#Workforce-EmployeeReportingDetailsReports .vy-reoporting-grid {
    height: calc(100vh - 280px) !important;
}
#Workforce-TenureReport{
    height: 100%;
}
#Workforce-TenureReport .vy-reoporting-grid {
    height: calc(100vh - 330px) !important;
}
#Workforce-joinersReport {
    height: 100%;
}
#Workforce-joinersReport .vy-reoporting-grid {
    height: calc(100vh - 330px) !important;
}
#employeePersonalDetails .col-4 .employeeCard.EmployeeDetails .Voyon-Forms {
    padding: 0 0 63px 0 !important;
}
.dx-link.ti-file.Vf-action-grid-btn.list-action-rect-Icon.leaveSettlement{
    top: -4px;
}
.vy-view-content .feedback-ad-card .ad-item #feedback-attendee-name {
    width: 150px !important;
}
#deductionSlab .dx-datagrid .dx-datagrid-rowsview .dx-command-edit{
    text-align: right !important;
}
#scheduleEmployeeGrid .c-group-1 {
    text-align: left !important;
}
#scheduleEmployeeGrid .c-group-1:first-child{
    padding: 12px 8px !important;
}
#scheduleEmployeeGrid .dx-row.dx-data-row {
    padding: 12px 8px !important;
}
#scheduleEmployeeGrid .CurrentDesignation-highlight {
     background: #e8eff7 !important;
}
#scheduleEmployeeGrid .NewDesignation-highlight {
    background: #dfe6ef !important;
}
#scheduleEmployeeGrid .c-group-1.Designation{
    text-align: center !important;
}
#training-feedBackForm .col-12.ques-card .ans-box .dx-textarea .dx-texteditor-container {
    height: 118px !important;
}
#training-feedback-div{
    padding: 20px 20px 50px 20px;
}
#FullDetails_Salary{
    height: 100%;
}
#FullDetails_Salary .vy-reoporting-grid {
    height: calc(100% - 145pt) !important;
}
#EPF_Summary {
    height: 100%;
}
#EPF_Summary .vy-reoporting-grid {
    height: calc(100% - 165pt) !important;
}
.full-view-card.LeaveSettlement .dx-datagrid-total-footer {
    padding-right: 20px !important;
}
#LeaveManagement-LeaveCancellation-VoyonGrids .dx-toolbar-item-content > div {
    min-width: unset !important;
}
#offerComponentsContainerDiv > div{
    margin-bottom: 0rem !important;
}
#VariableComponentsContainerDiv > div {
    margin-bottom: 0rem !important;
}
#OtherEarningComponentsContainerDiv > div {
    margin-bottom: 0rem !important;
}
.dx-treeview-with-search .dx-empty-message {
    line-height: 20;
    color: transparent !important;
}
.disabled-datebox .dx-dropdowneditor-icon {
    display: none;
}
#NoticePayRecoveryForm .dx-widget .dx-field-item-label-content{
    width: 170px !important
}
#familyDetailsDiv .ad-card label{
    width: 200px !important;
}
#Talent-ReportsJobOpeningStatus{
    height: 100%;
}
#Talent-ReportsJobOpeningStatus .vy-reoporting-grid{
    height: calc(90% - 210pt) !important;
}
#Statutory-multiList-div .Vf-grid-custom td, #statutory-multiList-form .Vf-grid-custom th {
    width: 13.5% !important;
}
#documentAttributesGrid {
    height: 70%;
}
#documentAttributesGrid .col-12.Vy-maintoolbar.payrollTabToolbar.Voyon-Grids{
    height: calc(74vh - 170pt);
}
#salaryDetailsForm .salary-earning-inp{
    width: 100%;
}
.CompanyAcknowledge .dx-button.dx-button-mode-contained.dx-button-default.dx-button-has-text.Vf-btn-default .dx-button-content {
    padding: 8px 20px !important;
    min-width: 100px !important;
}
.left-aligned-numberbox .dx-texteditor-input {
    text-align: left !important;
}
.vy-view-content.attendance_Settings .dx-box-flex.dx-box.dx-widget .dx-item.dx-box-item:nth-child(1) .dx-field-item-label-text {
    line-height: 1.3;
}
.col.mainform-container .dx-texteditor.dx-state-readonly.dx-editor-filled {
    border: 1px solid rgba(65,65,65,0.31);
}
.col.text-right.OvertimeFilter .dx-icon.fas.fa-users {
    float: right;
    font-size: 15px;
    padding: 5px;
    background: rgb(202 194 121);
    border-radius: 30px;
    margin-right: 0px;
    margin-left: 10px;
    box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.14);
    transition: .2s;
    color: #fff;
    box-sizing: content-box;
}
.col.text-right.OvertimeFilter .dx-button-has-icon .dx-button-text{
    line-height: 28px;
}
.Vf-grid-child.ReMoveTopMrgin.circular_Grid .dx-page-sizes {
    margin-left: 180px;
    margin-top: -3px;
    font-size: 13px;
    color: #848484;
    font-weight: 500;
}
.Vf-grid-child.ReMoveTopMrgin.circular_Grid .dx-pages {
    float: right;
}
.Vf-grid-child.ReMoveTopMrgin.circular_Grid .dx-pages .dx-info {
    position: absolute;
    left: 0;
    margin-top: 4pt;
}
.demo-container.attendance-container.timesheet .dx-datagrid-headers .dx-header-row td{
    text-align: center !important;
}

.custom-button-style {
    background-color: rgb(5 166 240) !important;
    color: rgb(255, 255, 255) !important;
    border: 1px solid rgb(5 166 240) !important;
  
}
    .custom-button-style:hover {
        background-color: rgb(5 166 240) !important;
        color: rgb(255, 255, 255) !important;
        border: 1px solid rgb(5 166 240) !important;
    }
 .custom-button-style .dx-icon {
        color: rgb(255, 255, 255);     
        font-size: larger; 
      
    }
.col.text-right.OvertimeFilter .dx-button-normal.dx-button-has-text.dx-button-has-icon .dx-button-content {
    padding: 4px 15px;
}
.row.custom-dx-grid.employee-filter-grid .dx-pager .dx-page-sizes {
    margin-left: 180px;
}
.teams-group{
    margin: 10px 0px;
}
#employee_Salary_Splitup .dx-datagrid.dx-gridbase-container{
    width: 100%;
}
#training-feedback-listing-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap{
    overflow: auto;
}
.CompanyCircularGrid{
    height: 100%;
}
.CompanyCircularGrid .dx-scrollbar-vertical.dx-scrollbar-hoverable{
    margin-right: -15px;
}
.CompanyCircularGrid .Vf-grid-default .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit-with-icons .dx-link{
    margin-left: 6px !important;
}
#employee-interview-response-form .ques-card .ans-box .dx-textarea.dx-textbox .dx-texteditor-container{
    height: 119px !important;
}
.feedback-temp.interviewPanel-formGroup .dx-form.dx-widget{
    margin-bottom: 1rem;
}
.full-view-hidden.BenifitSettings-GD .dx-field-item-label-text{
    line-height: 1.3;
}
.Vf-grid-child.ReMoveTopMrgin.Appraisees_Flyout .dx-widget.dx-datagrid-pager .dx-pages .dx-info{
    padding-top: 7px;
}
.Vf-grid-child.ReMoveTopMrgin.Aknowledgement_Details .dx-datagrid-headers .dx-command-select{
    text-align: left !important;
}
.col-12.Onboarding_Task_Details{
    height: calc(100% - 20px);
}
.col-12.Onboarding_Task_Details #taskPopupGrid{
    height: 100%;
}
.send_Offerletter {
    height: calc(100% + 20px);
    overflow: auto;
}
.send_Offerletter .offer_LetterSection{
    height: 100%;
}
.full-view-card.Travel_Sector_Section textarea{
    resize: vertical;
    max-height: 100px; 
}
.full-view-card.CompanyCircular_Section .dx-textarea .dx-texteditor-input,
.full-view-card.Organization_Announcement_Section .dx-textarea .dx-texteditor-input,
.full-view-card.Organization_Event_Section .dx-textarea .dx-texteditor-input,
.full-view-card.Organization_CompanyPolicy_Section .dx-textarea .dx-texteditor-input {
    resize: vertical;
    max-height: 100px;
}
.prescreening_DuplicateOrNew input {
    color: #ff442b !important;
}
.incentive-calculator-view input[type="number"]::-webkit-outer-spin-button,
.incentive-calculator-view input[type="number"]::-webkit-inner-spin-button,
.Calc-flyout input[type="number"]::-webkit-inner-spin-button{
    -webkit-appearance: none;
    margin: 0;
}
.LeaveSummary-Rq{
    height: 100%;
    overflow: auto;
}
.full-view-card.AddIncentive_Flyout{
    padding: 0px;
}
.full-view-card.AddIncentive_Flyout input[readonly], #leaveDetails_TableFirst input[readonly]{
    background-color: #EAEFF4;
    border-radius: 6px;
}
.AddIncentive_Flyout .col-md-12 {
    z-index: 0;
}
#divHistoryPanel .dx-datagrid-header-panel{
    padding-bottom: 15px !important;
    background-color: #fff;
}
.xs-info-heightPerformance .dispad.xs-info-height {
    padding: 5px !important;
}
.Vf-form-view-mode #travel-claim-req-expenses-grid .Vf-grid-child .dx-datagrid-content.dx-datagrid-content-fixed,
#travel-claim-req-reimbursment-grid .Vf-grid-child .dx-datagrid-content.dx-datagrid-content-fixed {
    padding: 0 10px !important;
}
.OfferApproval.fas.fa-newspaper, .OfferApproval.fas.fa-sync, .OfferApproval.fas.fa-list-ul {
    color: #929598;
}
.Resource-Allocation #srsEmployeeFilter-Grid{
    height: calc(-400px + 100vh) !important;
}
#Insurance-Details{
    height: 100%;
}
#Insurance-Details .vy-reoporting-grid {
    height: calc(90% - 90pt) !important;
}
#finalSettlementApproval {
    float: right;
    margin-top: -61px;
    margin-right: -20px;
}
.Bulk-trigger .dx-button-content{
    padding: 3px !important;
}
.Bulk-trigger .dx-button-content .dx-icon {
    margin: 0;
    color: #fff;
}
.dx-button-mode-contained.Feedback-Icongrid {
    background: transparent;
    border: none;
}
#TalentAcquisition-Preonboarding-VoyonGrids .dx-icon.blk-action-ico.one {
    background-image: url(../img/bulk_Trigger.png) !important;
}
#divHistoryPanel .Voyon-ChildGrids{
    margin-top: 0;
}
#CTCReportActual{
    height: 100%;
}
#CTCReportActual .vy-reoporting-grid{
    height: calc(90% - 100pt) !important;
}
#badgePopupContent #gridPayrollComponents .dx-toolbar-items-container .dx-toolbar-before{
    padding-left: 30px;
}
#badgePopupContent #gridPayrollComponents .dx-toolbar-items-container .dx-toolbar-before .dx-item-content.dx-toolbar-item-content{
    display: flex;
    align-items: center;
}
.taskPopupgridSection .dx-checkbox-container{
    display: inline-flex;
    justify-content: center;
}
.taskPopupgridSection .dx-datagrid-headers + .dx-datagrid-rowsview{
    padding: 0 10px !important;
}
.TargetGrid .dx-datagrid-headers.dx-datagrid-nowrap {
    padding: 0px !important;
}
.col.mainform-container .Voyon-Forms .dx-state-readonly .dx-texteditor-input{
    padding-left: 9px !important;
}
.IncentiveModel-grid .dx-datagrid-header-panel{
    margin-top: 0px !important;
}
#RemoveBlackListForm textarea{
    height: 200px;
}
#offBoardingTaskPopupGrid .dx-command-select,
.Onboarding_Task_Details .dx-command-select {
    text-align: left !important;
}
.Voyon-Forms.Mobile-Logo-Uploader{
    height: 200px;
}
.Voyon-Forms.Mobile-Logo-Uploader .up-photo {
    margin: 0 !important;
}
#mobileAppCompanyLogoUploader {
    z-index: 30;
    position: absolute;
    top: -17px;
    opacity: 0;
}
#mobileAppCompanyLogoUploader .dx-fileuploader-button{
    border-radius: 2px;
    margin: 0px 30px;
    z-index: 99;
    height: 124px;
}
#btnClearMobileAppLogo .dx-button-content .dx-icon {
    color: #e33e3e;
    font-size: 14px;
    cursor: pointer;
}
#btnClearMobileAppLogo {
    background: transparent;
    position: relative;
    left: 150px;
    top: -110px;
  z-index: 50;
}
#btnClearCompanyLogo .dx-button-content .dx-icon {
    color: #e33e3e;
    font-size: 14px;
    cursor: pointer;
}

#btnClearCompanyLogo {
    background: transparent;
    position: relative;
    left: 165px;
    top: -110px;
    z-index: 60;
}
.col-12.History-EmpProbation #historyBtn {
    position: absolute;
    top: -50px;
    right: 30px;
    z-index: 99;
    border: none;
    background: transparent;
}
.History-EmpProbation .dx-button-content i.fa-history {
    background-color: #dfab0b;
    height: 26px;
    border-radius: 80px;
    width: 26px;
    font-size: 13px;
    color: #fff;
    margin-right: 6px;
    padding: 5px 0px;
    margin-right: 6px;
    box-shadow: 0px 1px 11.83px 1.17px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 1px 11.83px 1.17px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 1px 11.83px 1.17px rgba(0, 0, 0, 0.15);
}
#probationEditPopupDiv {
    position: absolute; 
    right: 0%;
    transition: 0.5s ease;
    transform: scale(1);
    opacity: 1;
    z-index: 19;
    padding-left: 96px;
    height: 100%;
    padding-top: 60px;
    margin-top: 15px;
    margin-right: 15px;
    display: block;
}
.box-container {
    border: 1px solid #ddd;
    padding: 20px;
  /*  background-color: #f9f9f9; */
    border-radius: 8px; 
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); 
}

#form-current-revised {
    margin-top: 10px;
}
#salaryRevision-grid {
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 8px;
    background-color: #fff;
}
#form-current-revised .dx-field-item-label-text {
    width: 120px;
    display: inline-block; 
    text-align: left;
    margin-right: 10px; 
}
.Vf-field-display-only.Online-testRead .dx-texteditor.dx-state-readonly.dx-editor-filled {
    background: rgb(244 243 243);
}
#scheduleEmployeeGrid .dx-datagrid-rowsview {
    padding: 0px 0px 0px 20px !important;
}
#scheduleEmployeeGrid .dx-datagrid-rowsview .dx-datagrid-content.dx-datagrid-content-fixed{
    padding-right: 0px !important;
}
.Approval-remarks {
    height: 200px;
}
.bold-last-row {
    font-weight: bold;
}
.dx-popup-wrapper.dx-datagrid-export-menu .dx-item.dx-list-item .dx-item-content.dx-list-item-content{
    display: block;
}
.dx-popup-wrapper.dx-datagrid-export-menu .dx-item.dx-list-item.dx-state-hover .dx-item-content.dx-list-item-content {
    background-color: var(--hover-var2);
}
.measures-form.measures-formOnlineTest > div {
    margin-bottom: 25px;
}
.goal-PeriodSection .dx-datagrid-header-panel .dx-toolbar{
    background-color: #fff !important;
    margin-bottom: 0px;
}
.goal-PeriodSection .dx-datagrid-headers + .dx-datagrid-rowsview,
.goal-PeriodSection .dx-datagrid-borders > .dx-datagrid-headers {
    border: 1px solid #dddddd;
}
#KraGoalsProgressGrid .dx-toolbar, #transactionHistory .dx-toolbar {
    margin-bottom: 0px !important;
}
#transactionHistory .dx-datagrid-rowsview{
    padding: 0 10px !important;
}
#transactionHistory .dx-command-select{
    text-align: left !important;
}
.final-settlement-fulview {
    background: transparent;
    margin-left: 5px;
}
.final-settlement-fulview .dx-icon.dx-icon-refresh {
    width: 25px;
    height: 25px;
    background-color: var(--primary-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    border-radius: 19px;
    line-height: 22px;
    margin-right: 5px;
    color: #fff !important;
}
#leaveSalaryRefresh, #bonusRefresh{
    background-color: transparent;
    border: none;
}
.final-settlement-fulview .Vf-accordion {
    height: 100%;
    margin-bottom: 30px;
}
.col-6.mb-3.assetPadding-class{
    padding-left: 7.5px;
}
.col-6.mb-3.assetPadding-class.asset-padding {
    padding-left: 15px;
    padding-right: 10px;
}
#gratuityRequired{
    position:relative;
    left: 10px;
}
#transactionHistory .dx-toolbar-before {
    padding-left: 22px;
}
#employeeGoalProgressHistoryRecurringTargetGrid{
    height: calc(100vh - 180pt)
}
.Vy-maintoolbar.PaymentTabToolbar .dx-datagrid-header-panel {
    margin-bottom: 0 !important;
}
.PaymentsGrid .OvertimeFilter .dx-button-content {
    padding: 9px 18px 8px;
}
.Gratuity-calc .dx-switch .dx-switch-wrapper{
    width: 55px;
}
.Gratuity-calc .dx-switch-container{
    border-radius: 20px;
}
.Gratuity-calc .dx-switch-inner{
    width: 170%;
}
.Gratuity-calc .dx-switch-handle:before{
    width: 20px !important;
    border-radius: 20px !important;
}
.Gratuity-calc .dx-switch-off{
    padding:0px;
}
.Gratuity-calc .dx-switch-off, .Gratuity-calc .dx-switch-on {
    font-size: 12px;
}
.SendOffr-input .dx-texteditor-input {
    padding-left: 10px !important;
}
.employeepreview-css .documentview-details .ad-item .dx-texteditor-input {
    width: 65%;
}
#emergencyContactDetailsDiv .col-6.emg-phone{
    padding-left: 30px;
}
#emergencyContactDetailsDiv .emg-email{
    gap: 10px;
}
#galleryBirthday {
    border-left: 25px solid #e3e5f2;
}
.BirthdayWidget-Title {
    transform: rotate(-90deg);
    position: absolute;
    top: 44px;
    left: -16px;
    font-size: 14px;
    font-weight: 600;
    color: #010101;
}
.BirthdayWidgetDiv {
    background-image: url(../img/BirthDayWidget.png);
    background-repeat: no-repeat;
    left:0;
    height: 190px !important;
}
#Report-Builder-Designer .dx-icon.dx-icon-edit-button-addrow:before {
    content: "\f00b";
}
/*#Report-Builder-Form .dx-field-item-label-content{
    width: 200px !important;
}*/
#travel-claim-req-summary ul.job-of li span{
    border: none;
}
#ContractExpiringEmployeesList .dx-datagrid-rowsview{
    padding: 0px 10px !important;
}
#transactionHistory{
    height: 100%;
}
#JobOpeningViewDiv{
    margin: 0;
}
.projectTaskImport:hover{
    background-color:transparent !important;
}
.projectTaskImport .i-img{
    cursor: pointer;
}
.projectTaskImport .dx-button-content {
    padding: 7px 0px 7px !important;    
}
#taskSlab .dx-datagrid-rowsview {
    padding: 0 10px !important;
}
#taskSlab .dx-datagrid-rowsview .dx-command-select{
    text-align: left  !important;
}
#project-task-grid .fa-file-import{
    padding: 7px !important;
}
#divAdvanceAndLoan {
    margin: 10px 0;
}
.advanceLoan-view{
    margin-left: 40px !important;
}
#loanHistoryButton .dx-icon.dx-icon-clock, #advanceHistoryButton .dx-icon.dx-icon-clock {
    background-image: url(../img/HistoryWhite.svg) !important;
}
#loanHistoryButton .dx-icon.dx-icon-clock::before, #advanceHistoryButton .dx-icon.dx-icon-clock::before{
    display: none;
}
#paymentsBankFormatDetailsDiv .regenrate-icon{
    height: 20px;
}
#paymentsBankFormatDetailsDiv .dx-item-content{
    margin-right: 5px;
}
#paymentsBankFormatDetailsDiv .dx-button {
    background-color: #e7f2ff !important;
}
#divTrainingDetailsPanel .Vf-grid-child .dx-button-mode-contained.dx-button-default {
    background-color: var(--primary-color) !important;
}
#tbrLeaveYearEndingClosing .dx-texteditor.dx-editor-filled{
    margin-left: 0;
}
#flexiPayLimitGrid .dx-texteditor.dx-editor-filled.dx-state-hover,
#flexiPayLimitGrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell .dx-texteditor {
    border: 1px solid rgba(65,65,65,0.31);
}
.Hiddend.resume-prsng .dx-item.dx-box-item:nth-child(1) {
    display: flex;
    min-width: 0px;
    flex: 0.2 1 0px !important;
}
.Hiddend.resume-prsng .dx-item.dx-box-item:nth-child(2) {
    display: flex;
    min-width: 0px;
    flex: 0.4 1 0px !important;
}
#gridAnnouncementList .StatusNew, #gridCompanyPolicies .StatusNew {
    background: #ffb70f;
    color: #fff;
    padding: 1px 8px 2px 5px;
    font-size: 8px;
    border-radius: 10px;
    margin-left: 10px;
}
.approvalSummaryButtonGrouptalent .dx-button-content i {
    height: 16px;
    border-radius: 80px;
    width: 26px;
    font-size: 13px;
    color: #fff;
    padding: 5px 0px;
    margin-right: 6px;
    box-shadow: 0px 1px 11.83px 1.17px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 1px 11.83px 1.17px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 1px 11.83px 1.17px rgba(0, 0, 0, 0.15);
}
.approvalSummaryButtonGrouptalent {
    background: transparent !important;
    border-color: none !important;
}
.approvalSummaryButtonGrouptalent .dx-button-text{
    color: #333;
    font-size: 13px;
    font-weight: 500;
}
.approvalSummaryButtonGrouptalent i{
    color: #fff !important;
}
.approvalSummaryButtonGrouptalent .dx-button-content {
    position: relative !important;
    right: 4px;
    top: 0px;
    border: 1px solid #ddd;
}
#vehicleRequestButtonGroup .dx-button-mode-outlined {
    background-color: transparent !important;
    border-color: #ddd0;
}

#vehicleRequestButtonGroup .dx-button-content i {
    height: 26px;
    border-radius: 80px;
    width: 26px;
    font-size: 13px;
    color: #fff;
    margin-right: 6px;
    padding: 5px 0px;
    margin-right: 6px;
    box-shadow: 0px 1px 11.83px 1.17px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 1px 11.83px 1.17px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 1px 11.83px 1.17px rgba(0, 0, 0, 0.15);
}

.sum-btns .dx-button-content i.fa-check {
    background-color: #0ac39e;
}
#vehicleRequestButtonGroup{
    position: absolute;
    z-index: 999;
    top: 70px;
    right: 220px;
}
.forgotPunch-regularization .dx-button:nth-child(1) {
    background-color: var(--primary-color);
    color: #fff;
}
.flexipay-reimbursement{
    background: #fff;
}
.ResponseForm-guidelinesTextArea .dx-textarea .dx-texteditor-input {
    resize: vertical;
    max-height: 100px;
}
.AttachmentResponse.autocreateProfile .dx-fileuploader-input-wrapper .dx-button-content {
    color: #3022CE;
    background-color: #F2F2FF;
    cursor: pointer;
    user-select: none;
    width: 180px;
    height: 40px;
    max-width: 300px;
    border: 1px dashed #4333FB;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0.5rem;
    border-radius: 0.5rem;
    font-weight: bold;
    transition: background-color 0.3s;
}
.AttachmentResponse.autocreateProfile .dx-button-text::before {
    content: url(/img/CareerPortal/Icons/upload.svg);
    display: inline-block;
    vertical-align: middle;
    padding: 5px 10px 5px 20px;
}
.AttachmentResponse.autocreateProfile .dx-fileuploader-input-label {
    display: none;
}
.position-requisition-gender .dx-datagrid-header-panel{
    margin-bottom: 0px;
}
.position-requisition-gender .dx-toolbar.dx-widget.dx-visibility-change-handler.dx-collection {
    background-color: rgb(255, 255, 255);
}
#LeaveManageMent-UnPaidLeaveRegularizationDays-VoyonGrids .dx-datagrid-rowsview .dx-command-select {
    text-align: left !important;
}
#LeaveManageMent-UnPaidLeaveRegularizationDays-VoyonGrids .dx-datagrid-checkbox-size .dx-checkbox-icon {
    border: 1px solid #767676;
}
#KraForm .allow-adding-grid .dx-datagrid-table .dx-row td:nth-child(1) div:nth-child(1){
    display: flex;
    justify-content: space-between;
}
#KraForm .allow-adding-grid .dx-datagrid-table .dx-row td:nth-child(1) div:nth-child(1) .dx-button-mode-text .dx-icon{
    color: #919191;
}
.Candidate-list-scroll .FilterEmp .dx-icon, #autoCreateProfileButtonContainer .dx-icon {
    background: none;
    box-shadow: none;
    height: 25px;
    width: 25px;
    border-radius: 0;
    padding: 0;
    margin-right: 10px;
}
#LeaveManagement-LeavePolicy-Sandwich-VoyonForms {
    margin-top: 20px !important;
}
#checkin-view-map .MicrosoftMap .Infobox .infobox-info {
    line-height: 1.5 !important;
    font-size: 11px;
    color: #585858;
}
#checkin-view-map .MicrosoftMap .Infobox .infobox-body {
    max-width: 300px !important;
    width: auto !important;
}
.FilterEmp.Ai-QuestionBuilder .dx-icon {
    background: #D7F4FF;
    box-shadow: none;
    height: 18px;
    width: 18px;
    padding: 7px 6px 7px 8px;
    border-radius: 6px;
    margin-right: 10px;
}
#TenureEmployeeDropDown .dx-texteditor.dx-editor-filled, #BirthdayEmployeeDropDown .dx-texteditor-input-container .dx-texteditor-input,
#BirthdayEmployeeDropDown .filter-toolbar .dx-texteditor.dx-editor-filled {
    border: none;
    min-width: 270px;
}
#BirthdayEmployeeDropDown .dx-texteditor-buttons-container .dx-dropdowneditor-button {
    width: 0px !important;
    min-width: 0px !important;
}
#TenureEmployeeDropDown .dx-editor-filled.dx-state-focused .dx-texteditor-container {
    box-shadow: none;
}
#Today_Label .dx-empty-message, #Recent_Label .dx-empty-message, #Upcoming_Label .dx-empty-message {
    font-size: 0px;
}
.tenure_flyout #TenurewishContent{
    font-weight: 600 !important;
}
.tenure_flyout {
    position: relative;
    top: -70px;
}
.tenure_flyout #TenureprofilePicture {
    display: flex;
    justify-content: center;
    padding-top: 40px;
}
#Tenures .dipname {
    width: 30px;
    background: #0a4b69;
    background: linear-gradient(140deg, rgba(10, 75, 105, 1) 0%, rgba(56, 116, 255, 1) 100%);
    padding: 6px 5px;
    text-align: center;
    border-radius: 6px;
    color: #fff;
    height: 30px;
}
#referralPolicyAttachment .Vf-add-attachments .attachment-header {
    display: none;
}

.custom-select-with-buttons .Employee-i-view {
    border: none;
    position: absolute;
    top: 0px;
    right: 27px;
    background-color: transparent;
    height: 100%;
}
.custom-select-with-buttons .Employee-add-btn{
    position: absolute;
    top: -4px;
    right: -3px;
}
#Employee-AddressPopup .dx-popover-title {
    font-weight: bold;
    color: black;
}
.timeline-container {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-left: 10px;
}

.timeline-item {
    display: flex;
    align-items: flex-start;
    align-items: center;
    margin-bottom: 20px;
    position: relative;
}

.timeline-left {
    width: 40px;
    position: relative;
    text-align: center;
    font-size: 12px;
    color: #666;
}

.timeline-distance {
    font-weight: 500;
}

.timeline-dot {
    width: 15px;
    height: 10px;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 1;
}
.timelineImage {
    width: 15px;
    height: 15px;
}
.timeline-line {
    width: 2px;
    background: #ccc;
    height: 55px;
    margin: 0 auto;
    margin-top: 2px;
    border-left: 1px dashed #bbb;
    position: absolute;
    top: 22px;
    left: 50%;
    transform: translateX(-50%);
}

.timeline-content {
    flex-grow: 1;
    margin-left: 10px;
}

.timeline-box {
    background: #fff;
    border-radius: 6px;
    padding: 10px 12px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    border: 1px solid #eee;
}

.location-time-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.location-name {
    font-weight: bold;
    font-size: 14px;
}

.log-time {
    font-size: 13px;
    color: #333;
}

.note {
    font-size: 12px;
    color: #999;
    margin-top: 4px;
}

.check-label {
    font-size: 12px;
    color: #444;
}

.text-success {
    color: #28a745 !important;
}

.text-danger {
    color: #dc3545 !important;
}

.start-point {
    background-color: #20c997;
}

.end-point {
    background-color: #dc3545;
}

.checkin-point {
    background-color: #007bff;
}

.checkout-point {
    background-color: #fd7e14;
}
#taxDetailsDiv label {
    width: 200px !important;
}
#BirthdayEmployeeDropDown .dx-texteditor.dx-editor-filled {
    border: none;
}
.wd-title #RewardsRecognitionLabel {
    color: #010101 !important;
}
#LinkExisitingForm .dx-datagrid-rowsview{
    padding: 0px 10px !important;
}
#LinkExisitingForm .dx-datagrid-rowsview .dx-command-select{
    text-align: left !important;
}
#gridRewardsRecognition .dx-datagrid .dx-column-lines > td:nth-child(1) {
    padding: 5px 0px;
    width: 24px;
}

    #gridRewardsRecognition .dx-datagrid .dx-column-lines > td:nth-child(1) img {
        width: 23px;
    }

#gridRewardsRecognition .dx-datagrid .dx-column-lines > td:nth-child(2) {
    font-weight: 600;
    font-size: 13px;
    color: #010101;
}

#gridRewardsRecognition .dx-datagrid .dx-column-lines > td:nth-child(3) {
    color: #848484;
    font-size: 12px;
    width: 90px;
}

#gridRewardsRecognition .dx-datagrid-rowsview .dx-row {
    height: 35px;
}
#vehicleRequestApproval .dx-button-content i {
    height: 26px;
    border-radius: 80px;
    width: 26px;
    font-size: 13px;
    color: #fff;
    margin-right: 6px;
    padding: 5px 0px;
    margin-right: 6px;
    box-shadow: 0px 1px 11.83px 1.17px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 1px 11.83px 1.17px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 1px 11.83px 1.17px rgba(0, 0, 0, 0.15);
}
#vehicleRequestApproval {
    position: absolute;
    z-index: 999;
    top: 70px;
    right: 100px;
}
#popupSlotBookedDetailsList .dx-header-row .dx-editor-cell .dx-select-checkbox{
    display: inline-block;
}
#popupSlotBookedDetailsList .dx-datagrid-headers + .dx-datagrid-rowsview{
    padding: 0px 10px !important;
}
#popupSlotBookedDetailsList .dx-datagrid-rowsview.dx-empty {
    height: 390px !important;
}
#EmployeePositionMetricsReport .vy-reoporting-grid .dx-datagrid-rowsview{
    height: calc(100vh - 430pt);
}
#employeeInfoTab .dx-tabs-nav-button.dx-tabs-nav-button-left,
#employeeInfoTab .dx-tabs-nav-button.dx-tabs-nav-button-right {
    box-shadow: 27px 3px 48px -12px rgba(0, 0, 0, 0.31);
    background: transparent;
    border: none;
}
#trainingDetailsDiv .Vf-btn-default.dx-button-mode-contained.dx-button-default .dx-button-content {
    padding: 5px 25px 5px !important;
}

#gridPayrollComponentsCompare .dx-header-row:nth-child(1) td:nth-child(-n+6) {
    text-align: left !important;
}
 
#gridPayrollComponentsCompare .dx-header-row:nth-child(1) td:nth-child(n+7) {
    text-align: center !important;
}
#gridPayrollComponentsCompare .dx-header-row:nth-child(1) td:nth-child(4) {
    text-align: center !important;
}
#gridPayrollComponentsCompare .dx-button .dx-button-content {
    margin: 0px 2px;
    margin-right: 11px
}

#gridPayrollComponentsCompare .dx-datagrid-content.dx-datagrid-content-fixed {
    padding: 0px 0px !important;
}
#targetAchievements .dx-button-mode-contained{
    background: transparent;
    border: none;
}
#targetAchievements .Vf-grid-child .dx-toolbar.dx-widget.dx-visibility-change-handler.dx-collection {
    margin-bottom: 10px;
}
#actualParameterTabPanelContainer .dx-datagrid-pager.dx-widget{
    display: flex;
    align-items: center;
    gap: 12px
}
.travel-claim-req-summary-card {
    /*    margin-bottom: 14px;*/
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 10px;
    min-height: 60px;
}

    .travel-claim-req-summary-card b {
        font-weight: 500;
        margin-bottom: 8px;
        display: block
    }

    .travel-claim-req-summary-card span {
        border: 0px !important;
        font-size: 14px
    }

.badgepopover.Task .dx-popup-content {
    overflow-y: clip
}
.empTalent.vy-btnsStyle .employeeCard.familyDetails .dx-datagrid-rowsview .dx-row.dx-data-row .dx-command-edit.dx-command-edit-with-icons .dx-link.ti-clip {
    border: none !important;
    background: transparent;
    top: -3px;
}

.dx-scheduler-appointment-content {
    overflow: visible;
}
.event-strip.Leave .sbmt {
    top: -4px;
    left: -2px;
    width: 7px;
    height: 7px;
    background: #fd2525;
    border: 1.5px solid #fff;
}
.event-strip .rsbmt {
    top: -4px;
    right: -4px;
    width: 7px;
    height: 7px;
    background: #229ae5;
    border: 1.5px solid #fff;
}
#FullViewEditor td.dx-command-edit.dx-command-edit-with-icons {
    display: flex;
    justify-content: flex-end;
}
 

body.arabic{
    text-align:right;
}
.arabic #content {
    direction: rtl;
}
.arabic .Voyon-Grids .dx-row.dx-header-row td{
    padding-right:0px;
}
.arabic .dx-rtl .dx-datagrid .dx-column-lines > td:first-child {
    border-right: none;
    border-left:none;
}
.arabic .dx-row.dx-data-row td.dx-command-adaptive {
    border-radius: 6px 0px 0px 6px;
}
.arabic .dx-row.dx-data-row td.dx-command-select {
    border-radius: 0px 6px 6px 0px;
}
.arabic .Grid-addNew-Btn .dx-item-content.dx-toolbar-item-content {
    padding-left: 21px;
    padding-right: 0px;
}
.arabic .Grid-addNew-Btn-text {
    margin-left: 5px;
    margin-right: 0;
}
.arabic .Grid-addNew-Btn::after {
    margin-left: 0;
    margin-right: 49px;
}
.arabic .batch-toolbar .selected-records {
    padding-left: 15px;
    margin-left: 15px;
    padding-right: 0px;
    margin-right: 0px;
}
.arabic div#Grid-Rows-Selected:after {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 16px;
}
.arabic .batch-toolbar .selected-records b {
    margin-left: 5px;
    margin-right: 0px;
}
.arabic .Records-limits {
    text-align: right;
    padding-left: 10px;
    padding-right: 15px;
}
.arabic #Save-Preference-Text {
    padding-left: 15px;
    padding-right:0px;
    margin-left: 15px;
}
.arabic #Save-Preference-Text::after {
    margin-left: 0;
    margin-right: 15px;
}
.arabic .Voyon-Grids .dx-datagrid .dx-column-indicators {
    line-height: 30px;
    float: left !important;
}
.arabic .Column-Chooser-Custom {
    margin-left: 0;
    margin-right: 24px;
}
.arabic .left-tabs{
    right:0;
    left:inherit;
    direction:rtl;
}
.arabic .chatbot{
    left:25px;
    right:inherit;
}
@media only screen and (min-width: 1101px) {
    .arabic .submenu-drawer.show-sub-menu {
        left: inherit;
        transition: .4s;
        right: 79px;
    }
    .arabic .nav-left {
        padding-left: inherit;
        padding-right: 81px;
    }
    .arabic .user-profile p{
        float:right;
    }
    .arabic .user-avatar{
        margin-right:10px;;
        margin-left:0px;
        top:4px;
    }
    .arabic .top-nav-search input{
        padding-right:0px;;
        padding-left:15px;

    }
    .arabic .icoz-search {
        margin-left: 0;
        margin-right:10px;
        color: rgb(134, 134, 134);
    }
    .arabic .top-nav-search {
        float: right;
    }
    .arabic .content-wrapper {
        position: absolute;
        height: 100%;
        padding: 0px;
        padding-left: 0px !important;
        padding-right: 80px !important;
        padding-top: 60px;
    }
    .arabic .Wc-bottom-row {
        direction: rtl;
    }
    .arabic .rNumDts {
        margin: -9px 0;
        padding-right: inherit !important;
        padding-left: 0px !important;
    }
    .arabic .folks-logo {
        padding: 2px 5px 0;
    }
    .arabic .submenu-drawer.show-sub-menu {
        left: inherit;
        right:79px;
        transition: .4s;
    }
}
/*.arabic .submenu-drawer {
    left: inherit;
    right: -299px;
    transition: 0.3s;
}
.arabic #serviceModules{
    display:none;
}*/

.arabic .submenu-drawer.show-sub-menu {
    left: inherit;
    right: 79px;
    transition: 0.3s;
}
.arabic .submenu-drawer .submenu-list-item {
    text-align: right;
}
.arabic .submenu-drawer .head-item{
    text-align:right;
}
.arabic .submenu-list-item.sub-head:before {
    float: right;
    right: inherit;
    left:15px;
}
.arabic .nav-right {
    width: 60%;
    float: right;
    padding: 12px 0;
    padding-right: 0;
    padding-left: 20px;
    direction: rtl;
}
.arabic .nav-left {
    width: 40%;
    float: right;
    padding: 18px 0;
    padding-left: 0;
    direction: rtl;
    padding-right: 92px;
}
.arabic .first-right {
    float: left;
}
.arabic .user-profile {
    text-align: right;
    width: auto;
    float: left;
    padding: 0px;
    padding-left: 0;
    padding-right: 10px;
}
.arabic .customer-logo:after {
    margin-left: 0;
    margin-right: 8px;
}
.arabic .user-profile {
    padding-left: 0;
    padding-right: 10px;
    text-align:left;
}
.arabic .navCname{
    direction:ltr;
}
.arabic .push-right {
    float: left;
}
.arabic .top-nav-search{
    float:right;
}
.arabic .notificationBadge {
    padding-left: 10px !important;
    padding-right: 15px !important;

}
.arabic .notification-number{
    margin-left: inherit;
    margin-right: -7px;
}
.arabic .user-profile-dropdown {
    right: inherit;
    left:16px;
}
.arabic .user-dropdown-close {
    right: inherit;
    left:15px;
}
.arabic .Vy-wc1{
    direction:rtl;
}
.arabic .submenu-drawer .sub-item {
    padding-right: 50px;
    padding-left:inherit;
}
.arabic .sub-head ul {
   
    margin-left: -25px;
    margin-right: -25px;
    padding-right: 25px !important;
    padding-left: inherit !important;
}
.arabic .Dsm {
    margin: 0 -15px;
    direction:rtl;
}
.arabic .Otitle{
    text-align:right;
}
.arabic .Vy-wc12 {
    float: right;
    border-right: 1px solid rgba(255, 255, 255, .25);
    border-left:none;
}
.arabic .pd-lf.float-left {
    float: right !important;
}
.arabic .Wc-Mesg{
    text-align:right;
}
.arabic .Time-stat{
    text-align:right;
}
.arabic .Tt-head{
    text-align:right;
}
.arabic .D-img {
    float: right;
    width: 40px;
    margin-left: 8px;
    margin-right: inherit;
}
.arabic .d-text{
    text-align:right;
}
.arabic .meeting-text {
    width: auto;
    padding-right: 10px;
    padding-left: 0px;
}
.arabic .total-records b {
    float: right;
    padding-right: 0px;
    padding-left: 4px;
}
.arabic .dx-field-item-label{
    text-align:right !important;
}
.arabic .full-view {
    right: 0%;
    transition: 0.5s ease;
    padding-left: inherit;
    padding-right: 80px;
}
.arabic .popup-close-btn {
    right: inherit;
    left: 48px;
    text-align: left;
    float:left;
}
.arabic .Viewmode-btngroup {
    position: absolute;
    right: inherit;
    margin-top: -50px;
    left: 102px;
}
.arabic .vy-fullview-title{
    text-align:right;
}
.dx-rtl .dx-radiobutton.dx-radiobutton-checked .dx-radiobutton-icon-dot, .dx-rtl.dx-radiobutton.dx-radiobutton-checked .dx-radiobutton-icon-dot {
    margin-right: 3px;
}
.arabic .full-view-card .btn-group {
    direction: ltr;
    left: 30px !important;
    float: left;
    text-align: left;
    right: 80px;
    display: inline-flex;
    width: inherit;
}
.arabic .full-view-card .btn-group .dx-button{
   margin-right: 10px;
}
.arabic #btnSave{
    margin-right:0px;
    margin-left:10px;
}
.arabic .full-view-card {
    height: 100%;
    margin-top: 0px;
    direction: rtl;
}
.arabic .profile-avatar {
    direction: rtl;
}
.arabic .edit-btn {
    margin-left: inherit;
    margin-right: -15px;
}
.arabic .profile-actions .dx-tag-remove-button {
    right: 0;
    left: 0;
}
.arabic .float-right {
    float: left !important;
}
.arabic #MultiLingualSelect .dx-texteditor-input {
    margin: 0;
    padding: 0px 0px 0px 8px;
    text-align: left;
}
.arabic .language-select{
    text-align:right;
}
.arabic .language-select .dx-tagbox-multi-tag, .language-select .dx-tag {
    float: left;
    margin: 0 auto;
    margin-right: 20px;
}
.arabic #More-Services {
    box-shadow: 2px 4px 15px 3px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 2px 4px 15px 3px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 2px 4px 15px 3px rgba(0, 0, 0, 0.12);
}
.arabic div#BusinessUnitSelect::after {
    margin-left: inherit;
    right: inherit;
    margin-right: -9px;
    left: 0;
}
.arabic .language-select .dx-tagbox-multi-tag, .arabic .language-select .dx-tag {
    float: left;
    margin: 0 auto;
    margin-right: auto;
    margin-left: 20px;
    text-align: revert;
}
.arabic .c-theme {
    width: 18px;
    height: 18px;
    display: inline-block;
    float: left;
    border-radius: 68px;
    margin-left: 6px;
    transition: 0.2s;
    margin-right: inherit;
}
.arabic .ct5 {
    margin-right: 0;
    margin-left:inherit;
}
.arabic .color-preference, .arabic .ac-settings, .arabic .user-logout {
    text-align: right;
}
.arabic .active-color:after{
    left:inherit;
}
.arabic  .dx-box-item-content .dx-first-row .dx-field-item-label .dx-field-item-label-text {
    font-size: 13px;
    color: rgb(120, 120, 120);
}
.arabic .Signup-Btn {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.arabic .Voyon-Login .LgCard.focused {
    border-left: none;
    margin-left: 0;
    border-radius: 2px 0px 0px 2px;
    border-right: 5px solid rgb(7, 156, 224);
    margin-right: -5px;
}
.arabic .Lg-language {
    margin-bottom: 20px;
    padding-left: 35px !important;
    padding-right: 2px !important;
}
.arabic .LgCard .dx-field-item-label {
    text-align: right !important;
}
.arabic .dx-treeview.dx-rtl .dx-treeview-item-with-checkbox .dx-treeview-item {
    padding-right: 10px;
    text-align: right;
}
.arabic .dx-popup-title .dx-button-content{
    right:4px;
}
.arabic .wd-title{
    text-align:right;
}
.arabic .dip-img {
    margin-left: 40px;
}
.arabic .more-count{
    margin-right:-2px;
}
.arabic .evt-description,
.arabic .event-title,
.arabic .evt-date {
    text-align: right;
}
.arabic .wd-title calendar-titile {
    padding-left: 0;
    padding-right: 15px;
}
.arabic  .dx-rtl.dx-dropdowneditor-button-visible .dx-texteditor-input {
    padding-right: 9px;
    padding-left: 0px;
}
.arabic #EmployeeSearch .dx-placeholder:before {
    padding: 7px 0px 8px;
}
.arabic .icoz-search {
    position: absolute;
    margin-top: 7px;
    font-size: 15px;
    margin-left: 10px;
    color: rgb(134, 134, 134);
    z-index: 2;
}
.arabic .icoz-search {
    position: relative;
    float:right;
}
.arabic #Employee-Info-Card{
    float:left;
}
.arabic .Employee-search-container .dx-scrollable-simulated.dx-list {
    float: right;
    direction: rtl;
}
.arabic .contact .item {
    text-align: right;
}
.arabic .contact-pro .item i{
    margin-right:0px;
    margin-left:10px;
}
.arabic .details li label b {
    float: left;
}
.arabic .details li div{
    padding-left:0px;
    padding-right:30px;
}
.arabic .details li{
    text-align:right;
}
.arabic .vy-text-avatar {
    margin-left: 5px;
    margin-right: -5px;
}
.arabic #Employee-Search-Div .vy-text-avatar {
    margin-left: 5px;
    margin-right: -5px;
    float: right;
}
.arabic #Employee-Search-Div .fullrow{
    text-align:right;
}
.arabic .vy-employee-code{
    float:right;
    margin-left:0px;
    margin-right:0px;
}
.arabic .vy-employee-name {
    text-align: right;
    margin-right: 5px;
    margin-left: 35px;
}
.arabic #Dashboard-WidgetContainer-3 .vy-widget-action {
    float: left;
}
.arabic #scheduler.calendar-dashboard .dx-scheduler-view-switcher {
    margin-right: 0px;
    margin-left:15px;
}
.arabic .wd-title.calendar-titile {
    padding-left: 0px;
    padding-right: 15px;
    z-index: 2;
    width: 120px;
}
@media only screen and (min-width: 1101px){
    .arabic .daily-sum-profile {
        padding: 0 15px !important;
    }
}
.arabic #employeeList .dx-scrollview-content > .dx-item.dx-list-item > .dx-item-content.dx-list-item-content {
    text-align:right;
}
.arabic .attendance-widget-details .count{
    text-align:left;
}
.arabic .Add-new-sep {
    padding-right: 0px !important;
    padding-left: 21px !important;
}
.arabic  #More-Services {
    left: inherit;
    right:83px;
}
.dx-rtl.dx-treelist .dx-column-lines > td:first-child {
    border-right: none;
    border-left: 1px solid #ddd0;
}
.arabic .Voyon-tree-list tr.dx-row.dx-data-row td:last-child {
    border-radius: 6px 0px 0px 6px;
}
.arabic .Voyon-tree-list tr.dx-row.dx-data-row td:first-child {
    border-radius: 0px 6px 6px 0px;
}
.arabic .Voyon-tree-list .dx-icon-add:before {
    font-size: 13px;
    top: -2px;
}
.arabic .Vf-toolbar-header .dx-texteditor.dx-editor-filled {
    margin-right: 23px !important;
    margin-left: 12px !important;
}
.arabic .full-view-card .dx-button-mode-contained.dx-button-default {
    float: right;
}
.arabic .full-view-card .Wf_card_padd .dx-button-mode-contained.dx-button-default {
    float: inherit;
}
.arabic .Add-new-sep::after {
    margin-left: 0 !important;
    margin-right: 43px;
}
.arabic .employeepreview-css .preview-edit-btn{
    float:left;
}
.arabic .vy-widget-action{
    float:left;
}
.arabic .wd-card-xs .wd-title i {
    margin-right: inherit;
    margin-left:8px;
}
.arabic .wd-holiday-item{
    text-align:right;
}
.arabic .wd-holiday-item .Calendar-i{
    margin-right:0px;
    margin-left:5px;
}
.arabic .An-icon-def img {
    margin-left:12px;
    margin-right:0px;
}
.arabic .ann-subj {
    text-align: right;
}
@media only screen and (min-width: 1367px) {
    .arabic  #pieDailyAttendance svg {
        margin-left:-15px;
        margin-right: -15px;
    }
}
.arabic .b-employee-details{
    text-align:right;
}
.arabic #dashBoardEvents .dx-item.dx-gallery-item:nth-child(2n+2) .dx-gallery-item-content {
    padding-right: 5px;
    padding-left:0px;
}
.arabic #schedulerPop.calendar-dashboard .dx-scheduler-view-switcher {
    margin-right: 0px;
    margin-left:20px;
}
.arabic .leave-legend ul li .legend-color{
    margin-left:5px;
    margin-right:0px;
}
.arabic #schedulerPop.calendar-dashboard .dx-scheduler-navigator {
    left: inherit;
    right: -10px;
}
.arabic .margin-right-5 {
    margin-right: 0px !important;
    margin-left: 5px !important;
}
.arabic .margin-right-10 {
    margin-right: 0px !important;
    margin-left: 10px !important;
}
.arabic .margin-right-15 {
    margin-right: 0px !important;
    margin-left: 15px !important;
}
.arabic .margin-right-20 {
    margin-right: 0px !important;
    margin-left: 20px !important;
}
.arabic .margin-left-5 {
    margin-left: 0px !important;
    margin-right: 5px !important;
}
.arabic  .margin-left-10 {
    margin-left: 0px !important;
    margin-right: 10px !important;
}
.arabic  .margin-left-15 {
    margin-left: 0px !important;
    margin-right: 15px !important;
}
.arabic  .margin-left-20 {
    margin-left: 0px !important;
    margin-right: 20px !important;
}
.arabic .padding-right-5 {
    padding-right: 0px !important;
    padding-left: 5px !important;
}
.arabic .padding-right-10 {
    padding-right: 0px !important;
    padding-left: 10px !important;
}
.arabic .padding-right-15 {
    padding-right: 0px !important;
    padding-left: 15px !important;
}
.arabic .padding-right-20 {
    padding-right: 0px !important;
    padding-left: 20px !important;
}
.arabic .padding-left-5 {
    padding-left: 0px !important;
    padding-right: 5px !important;
}
.arabic  .padding-left-10 {
    padding-left: 0px !important;
    padding-right: 10px !important;
}
.arabic  .padding-left-15 {
    padding-left: 0px !important;
    padding-right: 15px !important;
}
.arabic  .padding-left-20 {
    padding-left: 0px !important;
    padding-right: 20px !important;
}
.arabic .dx-scheduler-work-space-month .dx-scheduler-date-table-cell > div{
    text-align:right;
}
.arabic .vy-img-avatar {
    float: right;
    margin-left: 5px;
    margin-right: -5px;
}
.arabic .notif-pulldown .title-section {
    margin-left: 0px;
    margin-right: 30px;
    text-align: right;
}
body.arabic .firstrow .vy-employee-name {
    float: right;
    margin-right: 0px;
    margin-left: 0px;
}
.arabic .notif-pulldown .icon-section{
    float:right;
}
.arabic .notif-pulldown .notif-time {
    float: left;
    text-align: right;
}
.arabic .notif-pulldown.task .notif-time {
    text-align: right;
}
.arabic .notif-pulldown.task .dx-list-group-header .task-group-header .task-group-header-title{
    text-align:right;
}
.arabic .notif-pulldown .left-section {
    float:right;
}
.arabic .notif-time i{
    margin-right:0px;
    margin-left:3px;
}
.arabic .Vf-toolbar-batch .selected-records {
    text-align: right;
    padding-right: 0;
    padding-left: 15px;
    margin-right: 0;
    margin-left: 15px;
}
.arabic .notif-pulldown.task .group-collapse-btn {
    margin-left: 0px;
    margin-right: 10px;
}
.arabic .Vf-toolbar-batch .selected-records b {
    margin-right: 0px;
    margin-left: 5px;
}
.arabic .onb-leg .name-line {
    padding-left: 4px;
    padding-right: 25px;
    text-align: right;
}
.arabic .onb-leg .round {
    right: inherit;
    left: -21px;
}
.arabic .iterate-legend {
    margin-right: 0px;
    margin-left: 20px;
}
.arabic .employeeFullView .full-view-card{
    margin-top:-80px;
}
.arabic .full-view-card .popup-close-btn{
    left:0px;
    z-index:50
}
.arabic .BasicDetails .employeeCard {
    padding-right: 20px;
}
/*.arabic .employeeCard .dx-rtl .dx-field-item:not(.dx-last-col) {
    padding-left: 0px;
}*/
.arabic #gridCompanyPolicies .dx-datagrid .dx-column-lines > td:nth-child(3) {
    text-align:left !important;
}
.arabic .Vf-status-strip [class^="vy-text-"] {
    margin-right: inherit;
    margin-left: 4px;
}
.arabic #Workforce-Onboarding-VoyonGrids .dx-datagrid-headers .dx-datagrid-table .dx-row > td:not(:first-of-type) {
    text-align: right !important;
}
.arabic .voyondashbord {
    margin-left: 0px;
    margin-right: 0px;
}
.arabic .AddEmlpoyee-css .noShadow .Voyon-ChildGrids-Title {
    padding-left: inherit;
    padding-right: 15px;
}
@media only screen and (min-width: 1101px) {
    .arabic .full-view-card {
        height: calc(87vh - 83px);
    }
}
@media only screen and (min-width: 1367px) {
    .arabic .full-view-card {
        height: calc(87vh - 65px);
    }
}
.arabic .Vf-add-attachments .Vf-attachment{
    margin-right:5px;
    margin-left:0px;
}
.arabic .smart-dashboard-dropdown .smart-dash-btn.SAH-btn {
    right: inherit;
    left: 30px;
}
.arabic .smart-dashboard-dropdown .smart-dash-btn {
    float: left;
    right: inherit;
    left: 5px;
}
.arabic .dashboard-dropdown .dx-list-group .dx-list-item-content{
    direction:rtl;
}
.arabic #dashboard-dropdown-elements .dashboard-name {
    margin-left: inherit;
    margin-right: 6px;
}
.arabic .dashboard-dropdown-footer{
    text-align:left;
}
.arabic .onb-leg.r1 {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
    padding-left: 15px;
    margin-left: 10px;
    border-left: 1px solid #ddd;
}
.arabic .payroll-list-container{
    padding-right:0px;
    padding-left:15px;
}
.arabic .choose-year {
    text-align: left;
}
.arabic .addPyroll {
    margin-left: inherit;
    right: inherit;
    text-align: left !important;
    left: 15px;
    margin-right: 50%;
}
.arabic .addPyroll .create-payroll{
    float:left;
}
.arabic .addPyroll .create-payroll .dx-icon {
    float: left;
    margin-right: 9px;
    margin-left: inherit;
}

.arabic .payroll-cards .trash-btn{
    float:left;
}
.arabic .payrollDate{
   text-align:left;
}
.arabic .payroll-cards  .amount {
    text-align: left;
}
.arabic .payroll-cards {
    text-align: left;
    float:right;
}
.arabic .payroll-cards .status {
    text-align:left;
}
.arabic .emp-count i {
    margin-left: 8px;
    margin-right: inherit;
}
.arabic .dtails div b{
    text-align:right;
}
.arabic #lstYearMonths .dx-item.dx-list-item .year-box.Active:before{
    margin-right:28px;
    margin-left:inherit;
}
.arabic .PayCard{
    text-align:right;

}
.arabic .current-step .i-number:after {
    margin-right: -14px;
    margin-left: inherit;
    
}
.arabic .step-container:after {
    right: -48%;
    left: inherit;
}
.arabic .action-btns {
    text-align: left;
}
.arabic .action.trash {
    margin-left: 0px;
    margin-right: 7px;
}
.arabic .clock-icon{
    margin-right:0px;
    margin-left:10px;
}
.arabic .last-date, .arabic .Hcalendar-card {
    text-align: right;
}
.arabic .fixed-row > .actions, .arabic .cal-status {
    text-align: left;
}
.arabic .c-accordian.collapsed .collapse-arrow {
    padding-right:45px;
    padding-left: 0px;
}
.arabic  .popup-close-btn{
    left:0px;
}
.arabic .list-item i {
    margin-right: 0px;
    margin-left: 8px;
}
.arabic .actions div.collapse-arrow {
    padding-left: 45px;
    padding-right: 0px;
}
.arabic .dx-rtl.dx-toolbar .dx-toolbar-item {
    padding: 0 0px 0px 5px;
}
.arabic #gridReguralizationPopup .dx-edit-row .dx-datagrid-form-buttons-container,
.arabic .gridReguralizationPopup .dx-edit-row .dx-datagrid-form-buttons-container,
.arabic #Organization-HolidayCalenderDays-VoyonGrids .dx-edit-row .dx-datagrid-form-buttons-container {
    float: right !important;
}
.arabic #gridReguralizationPopup .dx-edit-row .dx-button.dx-button-normal.dx-button-mode-contained:nth-child(1),
.arabic .gridReguralizationPopup .dx-edit-row .dx-button.dx-button-normal.dx-button-mode-contained:nth-child(1),
.arabic #Organization-HolidayCalenderDays-VoyonGrids .dx-edit-row .dx-button.dx-button-normal.dx-button-mode-contained:nth-child(1) {
    margin-right: 0;
}
.arabic .pending-cal.circled-count {
    margin-left: 10px;
    margin-right: 0px;
}
.arabic #btnSavePublish{
    margin-left:10px;
}
.arabic .FU-flex.file-name img{
    margin-left:6px;
    margin-right:0px;
}
.arabic .Voyon-FileUploader .informer h3{
    text-align:right;
}
.arabic .Vf-attachment .atach-type {
    margin-left: 5px;
    margin-right: 0px;
}
.arabic .Vf-attachment .divider .contant-img {
    margin-left: 0px;
}
.arabic .reportfilter-section {
    text-align: left;
}
.arabic .custom-page-scroll-container {
    padding-right: 0px;
    padding-left: 15px;
}
.arabic .padding-left-ar-15{
    padding-left:15px;
}
.arabic .Greeting-management .main-actions {
    padding-right: 0px;
    padding-left: 15px;
}
.arabic .Vf-btn-switch .dx-item.dx-buttongroup-item:nth-child(2),
.arabic .Vf-btn-switch .dx-item.dx-buttongroup-item:nth-child(3),
.arabic .Vf-btn-switch .dx-item.dx-buttongroup-item:nth-child(4),
.arabic .Vf-btn-switch .dx-item.dx-buttongroup-item:nth-child(5) .Vf-btn-switch .dx-item.dx-buttongroup-item:nth-child(6), .Vf-btn-switch .dx-item.dx-buttongroup-item:nth-child(7), .Vf-btn-switch .dx-item.dx-buttongroup-item:nth-child(8) {
    margin-left: 0px;
    margin-right: -2px;
    border-left: 1px solid var(--toolbar-color);
}
.arabic .Vf-btn-switch .dx-item:nth-child(1) .dx-button-content {
    border-right: 1px solid var(--toolbar-color);
}
.arabic .onb-task-btn {
    float: right;
    margin-right: inherit;
    margin-left: 10px;
}
.arabic .employeepreview-css .top-collapse-close {
    right: inherit;
    text-align: left;;
    left: 0px;
}
.arabic .employeepreview-css .mail img, .arabic .employeepreview-css .phone img {
    margin-right: 0px;
    margin-left: 6px;
}
.arabic .employeepreview-css .preview-btns-group .collapse-btn {
    float: left;
    margin-left: inherit;
    margin-right: 15px;
}
.arabic .employeepreview-css .preview-btns-group {
    text-align: left;
}
.arabic .employeepreview-css .right .LC{
    text-align:right;
}
.arabic .employeepreview-css .Ldate {
    margin-left: 8px;
    margin-right: 0px;
}
.arabic .cancellationDetailsGrupCaption span{
    margin-right:15px;
    margin-left:0px;
}
.arabic .Vf-list-conf.dx-button-default .dx-button-content .ti-settings:before {
    margin-right: 0;
    margin-left: 5px;
}
.arabic .off-plan .off-sidebar .Vf-grid-child .dx-datagrid .dx-column-lines > td:first-child {
    border-radius: 0px 6px 6px 0px;
}
.arabic .off-plan .off-sidebar .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit.dx-command-edit-with-icons {
    text-align: right !important;
    border-radius: 6px 0px 0px 6px;
    border-bottom: 0;
}
.arabic .cutomized-child .Vf-grid-child .ts-label-d {
    text-align: right;
    
}
.arabic .Onb-temp.off-plan .full-view {
    right: 0%;
    transition: 0.5s ease;
    padding-left: inherit;
    padding-right: 80px;
    margin-right: 0px;
}
.arabic .Vf-list-box-footer {
    float: left;
}
.arabic .dx-toolbar-button.FilterEmp .dx-button-mode-contained.dx-button-default .dx-icon {
    color: #fff;
    float: left;
    margin-right: 10px;
}
.arabic .footer-btn-group {
    right: inherit;
    left: 20px;
}
.arabic .scheme-list li:after{
    left:inherit;
    right:50px;
}
.arabic #taxSchemeList .dx-item.dx-tile{
    float:right;
}
.arabic .scheme-list{
    padding-right:40px;
    padding-left:15px;
    text-align:right;
}
.arabic .rq-fields {
    border: none;
    border-left: 1px solid #e2e2e2;
    padding-right: 20px;
    padding-left: 20px;
}
.arabic .entry-head {
    padding-left: 0;
    padding-right: 15px;
}
.arabic .calendar-nav-triger-mult .period-nav {
    transform: rotate( 180deg );
}
.arabic .Vf-btn-switch .dx-buttongroup-item:last-child .dx-button-content {
    border-radius: 4px 0px 0px 4px;
    border-left: 1px solid var(--toolbar-color);
}
.arabic .calendar-dashboard .dx-scheduler-work-space-month .dx-scheduler-date-table-cell.dx-scheduler-date-table-current-date div{
    text-align:right;
}
.arabic .Vf-field-btn-i {
    margin-top: -22px;
    float: left;
    margin-left: 28px;
}
.arabic .plus-m-log, .arabic .minus-m-log {
    transform: rotate( 180deg );
}
.arabic .week-view .dx-item:nth-child(2) .dx-button-content {
    border-left: 1px solid var(--toolbar-color);
}
.arabic .week-view .dx-item-selected:nth-child(1) .dx-button-content {
    margin-left: -5px;
}
.arabic .ruler {
    margin-right: 14%;
    margin-left:inherit;
}
.arabic #gridContainer .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    text-align: right !important;
}
.arabic #daysTab.tabcontent {
    float: right;
}
.arabic .attendance-container .tab {
    text-align: right;
}
.arabic .week-view .dx-item-selected:nth-child(1) {
    margin-right: 2px;
}
.arabic .week-view {
    margin-right: 34px;
    margin-left: 0;
}
.arabic .add-attendance-toolbar {
    right: inherit;
    left: 35px;
}
.arabic .border-ring {
    margin-right: 0px;
    margin-left: 10px;
}
.arabic .text-right{
    text-align:left !important;
}
.arabic .mult-type.dropdown {
    margin-right: 0px;
    margin-left: 30px;
}
.arabic .Vf-toolbar-batch.dx-rtl .dx-icon.fas.fa-angle-left,
.arabic .Vf-toolbar-batch.dx-rtl .dx-icon.fas.fa-angle-right{
    transform:rotate(180deg);
}
.arabic .execute-section .item-filter-emp {
    text-align: right;
    float: left;
}
.arabic .execute-section .item-exe-button {
    float: left;
}
.arabic .payrol-btn-group {
    left: 30px;
    right:inherit
}
.arabic .data-records {
    right: 30px;
   left:inherit;
}
.arabic .dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none,
.arabic .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none,
.arabic .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none,
.arabic .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none,
.arabic .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none {
    border-left: 2px solid #fff0;
    border-right: 2px solid #fff0;
}
.arabic .tranparent-grid.table-layout-auto .dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed td:first-child {
    border-right: 4px solid var(--pink);
    border-left:none
}
.arabic .tranparent-grid.table-layout-auto .dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed tr.dx-row.dx-data-row:nth-of-type(2n+1) td:first-child {
    border-right-color: hsl(42deg 91% 55%);
}
.arabic .tranparent-grid.table-layout-auto .dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed tr.dx-row.dx-data-row:nth-of-type(2n+2) td:first-child {
    border-right-color: hsl(214deg 41% 78%);
}
.arabic .tranparent-grid.table-layout-auto .dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed tr.dx-row.dx-data-row:nth-of-type(3n+1) td:first-child {
    border-right-color: hsl(17deg 90% 55%);
}
.arabic  .tranparent-grid.table-layout-auto .dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed tr.dx-row.dx-data-row:nth-of-type(4n+1) td:first-child {
    border-right-color: hsl(147deg 91% 63%)deg 57% 60%);
}
.arabic .Os-legend-ring{
    margin-left:6px;
    margin-right:0px;
}
.arabic .EmployeeSearchLabel.New {
    right: inherit;
    left: 0;
}
.arabic .onb-leg-tc {
    right: inherit;
    left:-43px;
   
}
.arabic .name-line-tc {
    padding-left: 6px !important;
    padding-right: 33px;
}
.arabic div#Grid-Rows-Selected:after,
.arabic .Grid-Rows-Selected:after {
    content: '';
    height: 20px;
    width: .5px;
    background: #b9b9b9;
    position: absolute;
    margin-top: 0px;
    margin-left: inherit;
    margin-right: 16px;
}
.arabic .dx-rtl .dx-datagrid .dx-column-lines > td:last-child {
    border-left: none;
    border-right:none;
}
.arabic .feedback-temp > div:nth-child(1) .dx-field-item-label{
    text-align:right;
}
.arabic #tileViewBirthday .dx-item.dx-tile > .dx-item-content.dx-tile-content{
    text-align:right;
}
.arabic #tileViewBirthday .dx-item.dx-item .calendar-name {
    float: right;
}
.arabic .divid {
    text-align: left;
    float: left;
}
.arabic .eventdet{
    text-align:right;
}
.arabic .event-venue{
    text-align:right;
}
.arabic .documents.wd-policies h4{
    text-align:right;
    float:right;
}
.arabic .help-menubar {
    margin-right: 0;
    margin-left: 13px;
}
.arabic .help-header .close-btn {
    right: inherit;
    left: 15px;
}
.arabic #helpcontent{
    direction:rtl;
}
.arabic #helpdrawer .dx-drawer-content {
    padding: 44px 20px 44px;
    padding-right: 20px;
    padding-left: 0;
}
.arabic #helpdrawer .dx-drawer-content strong,
.arabic #helpdrawer .dx-drawer-content p,
.arabic #helpdrawer .dx-drawer-content ul li span,
.arabic #helpdrawer .dx-drawer-content ul li a,
.arabic #helpdrawer .dx-drawer-content ol li span,
.arabic #helpdrawer .dx-drawer-content ol li a {
    text-align: right !important;
}
.arabic #helpTree.Voyon-tree-list .dx-treelist-borders .dx-treelist-rowsview {
    padding: 0 0px 10px !important;
    padding-right: 0px !important;
    padding-left:10px !important;
}
.arabic #helpdrawer .dx-drawer-wrapper {
    direction: rtl;
}
.arabic .help-C-search-placeholder {
    right: 30px;
    left: inherit;
}
.arabic #searchPage {
    left: inherit;
    text-align: right;
    background: #fff;
    border: 1px solid #ddd;
    right: 20px;
}
.arabic #helpTree .dx-placeholder {
    text-align: right;
    right: 25px;
}
.arabic #helpTree .dx-treelist-rowsview .dx-row .dx-treelist-icon-container{
    float:right;
}
.arabic #helpTree .dx-texteditor-input-container input.dx-texteditor-input {
    padding-right: 30px;
    padding-left: 15px;
}
.arabic #helpTree .dx-treelist-rowsview .dx-row .dx-treelist-text-content {
    text-align: right;
    margin-right: 25px;
}
.arabic .dx-treelist-empty-space.dx-treelist-collapsed {
    transform: rotate( 180deg );
    position: relative;
    left: -6px;
}
.arabic #searchPage input.dx-texteditor-input {
    padding-left: 15px;
    padding-right: 30px;
}
.arabic #searchPage .dx-placeholder {
    right: 30px;
    text-align: right;
}
.arabic .rq-Day {
    padding-left: 15px;
    padding-right: 40px;
}
.arabic .rq-Day .f3 {
    padding-right: 12px;
    padding-left: 0px;
}
.arabic .rq-Day .f2 {
    padding-right: 12px;
    padding-left: 0px;
}
.arabic .rq-Day .f1 input {
    padding-left: 0px !important;
    padding-right: 20px !important;

}
.arabic #Voyon-Toast-Message-List {
    right: inherit;
    left: 15px;
}
.arabic .Vf-toast .toast-dec {
    padding-left: 0;
    padding-right: 15px;
}
.arabic #Voyon-Toast-Message-List li {
    direction: rtl;
}
.arabic .Vf-toast-close {
    text-align: left;
}
.arabic .Vf-toast {
    border-left: 0px solid #6cca67;
    border-right: 5px solid #6cca67;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    z-index: 99999;
}
.arabic .Vf-toast.success{
    border-left: 0px solid #6cca67;
    border-right: 5px solid #6cca67;
}
.arabic .Vf-toast.warning{
    border-left: 0px solid #ffa923;
    border-right: 5px solid #ffa923;
}
.arabic .Vf-toast.error{
    border-left: 0px solid #f14f11;
    border-right: 5px solid #f14f11;
}
.arabic .Vf-toast.info{
    border-left: 0px solid #2b8ffb;
    border-right: 5px solid #2b8ffb;
}
.arabic #leaveRequestButtonGroup {
    float: left;
    margin-right: 0;
    margin-left: 118px;
}
.arabic #approvalSummaryButtonGroup {
    float: left;
    margin-right: 0;
    margin-left: 118px;
}

.arabic .Employee-i-view {
    right: inherit;
    left:0px;
}
.arabic .employee-info-xs{
    width:319px;
    direction:rtl;
}
.arabic .xs-info .right-info {
    text-align: right;
}
.arabic .xs-email-phone i {
    margin-right: 0px;
    margin-left: 6px;
}
.arabic .xs-email-phone {
    text-align: right;
}
.arabic .employee-info-xs .close-btn {
    right: inherit;
    left: 10px;
}
.arabic .xs-employee-avatar {
    float: right;
    margin-left: 0;
    margin-right: 7px;
}
.arabic .blk-selected-records {
    right: inherit;
    left: 56px;
}
.arabic #Bulk-Edit-PopupCancelbtn {
    float: left;
    margin-left: 0;
    margin-right: 5px;
}
.arabic #Bulk-Edit-PopupSavebtn {
    float: left;
}
.arabic .btn-group-bulkedit {
    float: left;
    margin-left: 20px;
    margin-right: -20px;
}
.arabic .dx-datagrid-column-chooser-mode-select .dx-treeview.dx-rtl .dx-treeview-item-with-checkbox .dx-checkbox{
    right:0px;
}
.arabic .timeline .entry{
    text-align: right;
}
.arabic .timeline .entry .title{
    text-align: left;
    float: right;
    padding-right: 0;
    padding-left: 20px;
}
.arabic .timeline:before {
    left: inherit;
    right: calc(110px);
}
.arabic .timeline .entry .title:before {
    right: inherit;
    left: -8px;
}
.arabic .timeline .entry .body ul li:before {
    margin-right: 0em;
    margin-left: 0.5em;
}
.arabic .timeline .entry .body {
    float: left;
    padding-left: 0;
    padding-right: 30px;
}
.arabic .AddEmlpoyee-css .vy-tabs .dx-tab,
.arabic .AddEmlpoyee-css .vy-tabs .dx-tab.dx-tab-selected,
.arabic .AddEmlpoyee-css .Vf-tabs-default .dx-tab,
.arabic .AddEmlpoyee-css .Vf-tabs-default .dx-tab.dx-tab-selected {
    padding-left: 30px;
    padding-right: 0px;
}
.arabic .AddEmlpoyee-css .vy-accordian .acc_btn,
.arabic .AddEmlpoyee-css .vy-accordian2 .acc_btn{
    right:inherit;
    left : 2px;
}
.arabic .vy-accordian.opened .acc_btn,
.arabic .vy-accordian2.opened .acc_btn {
    right: inherit !important;
    left: 19px !important;
}
.arabic .AddEmlpoyee-css .empBenefit-title {
    margin-left: inherit;
    margin-right: 10px;
    padding-right: 15px;
    padding-left: 0;
}
.arabic .AddEmlpoyee-css .grade .dx-field-item-label {
    margin-right: inherit;
    margin-left: 20px;
}
.arabic .AddEmlpoyee-css .empBenefit-title:before {
    margin-right: 0;
    margin-left: 10px;
    right: -10px;
}
.arabic .wd-pop img {
    margin-right: 0px;
    margin-left: 10px;
}
.arabic .Vf-custom-pager.dx-button .dx-button-content .dx-icon {
    transform: rotate( 180deg );
}
.arabic .Vf-dashboard-widget-popup .Records-limits::after {
    margin-left: 0px;
    margin-right: 15px;
}
.arabic .vy-text-avatar {
    float: right;
}
.arabic .only-right-pad {
    padding-left: 10px !important;
    padding-right: 0px !important;
}
.arabic .dx-rtl.dx-dropdowneditor-button-visible .dx-texteditor-input {
    padding-right: 9px !important;
    padding-left: 0px !important;
}
.arabic #galleryBirthday .dx-gallery-item{
    float:right;
}
.arabic .pendingTask {
    margin-right: 2px !important;
}
.arabic .Vf-btn-circle.icon-only.text-margin-5 .dx-button-text {
    margin-left: 0;
    margin-right: 5px;
}
.arabic .d-flex.Os-legend{
    float:left;
}
.arabic .legend-box {
    margin-left: 0px;
    margin-right: 20px;
}
.arabic .SC-ring {
    margin-right: 0px;
    margin-left: 5px;
}
.arabic .SC-ring-label {
    margin-right: 0px;
    margin-left: 20px;
}
.arabic .notif-pulldown.task .dx-list-group-header .task-group-header .see-all-btn{
    width:93px;
}
.arabic #btnSettings.dx-button-danger{
    margin-right:10px;
}
.arabic .Emt-right {
    padding-left: 0;
    float: left;
    padding-right: 30px;
}
.arabic .Emt-left {
    float: right;
}
.arabic ApprovalFlow_252_btnCancel{
    margin-right:5px;
}
.arabic .Workflow-full-view .full-view-card{
    height:100% !important;
}
.arabic .Workflow-full-view .full-view-card .btn-group {
    margin-left: 92px;
}
.arabic #WorkFlowConfiguration_250_btnCancel{
    margin-right:5px;
}
.arabic .lgnd img {
    margin-right: 0;
    margin-left: 2px;
}
.arabic .lgnd {
    padding-right: 0px;
    padding-left: 10px;
}
.arabic .Permission-lengends {
    left: 0;
    right: inherit;
}
.arabic .permission-block .full-view-card {
    position: relative;
    top: -10px;
    background: transparent;
    margin-left: 0px;
    padding-top: 0;
    padding-left: 0px;
    overflow-y: auto;
    padding-right: 0px;
    height: 100%;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.arabic .permission-block .full-view-card .btn-group{
    background: transparent;
    border-top: none;
    position: initial;
    padding-right: 40px;
    left: 0px;
    padding-bottom: 0px;
    padding-top: 10px;
    vertical-align: bottom;
    margin-bottom: 0px;
    width: 100%;
    right: 60px;
}
.arabic .permission-block .full-view-card .btn-group #btnCancel, .arabic .permission-block .full-view-card .btn-group #btnSave{
        height:36px;
}
.arabic .dispad-left {
    padding-right: 0 !important;
    padding-left: 15px !important;
}
.arabic .Global-permission-btn-group{
    right:60px;
}
.arabic .Global-permission-btn-group #btnGlobalPermissionCancel{
    margin-right:5px;
}
.arabic .d-reQ {
    margin-right: 0px;
    margin-left: 12px;
}
.arabic .dx-list-item-icon-container {
    margin-left: 18px;
    margin-right: 0px;
}
.arabic .btn-group.admin-op  {
    height:46px;
    padding-left:0px;
}
.arabic .btn-group.admin-op #btnCancelAdmin{
    margin-right:5px;
}
.arabic .fieldPermissionsForm .vy-custom-table td:nth-of-type(1), .arabic .fieldPermissionsForm .vy-custom-table th:nth-of-type(1) {
    text-align: right !important;
}
.arabic .f-popop-custom {
    right: inherit;
    left: 0px;
    text-align: left;
    padding-left: 20px;
}
.arabic #Employee-Search-Div .vy-text-avatar, .arabic .Employee-Team-Div .vy-text-avatar {
    float: right;
    margin-right: -5px;
    margin-left: 5px;
}
.arabic .Employee-Team-Div  .vy-employee-code {
    margin-left: 5px;
    margin-right: 0px;
}
.arabic .Employee-Team-Div .secondrow {
    padding-right: 40px;
    padding-left: 0px;
    text-align: right;
}
.arabic #gridCompanyPoliciesList .dx-item.dx-list-item:nth-child(3n+1) .wd-policies .doc-box,
.arabic #AnnouncementList .dx-item.dx-list-item:nth-child(3n+1) .wd-policies .doc-box {
    border-right: 4px solid var(--xs-card-c4);
}
.arabic #gridCompanyPoliciesList .dx-item.dx-list-item:nth-child(3n+2) .wd-policies .doc-box,
.arabic #AnnouncementList .dx-item.dx-list-item:nth-child(3n+2) .wd-policies .doc-box {
    border-right: 4px solid var(--xs-card-c3);
}
.arabic #gridCompanyPoliciesList .dx-item.dx-list-item:nth-child(3n+3) .wd-policies .doc-box,
.arabic #AnnouncementList .dx-item.dx-list-item:nth-child(3n+3) .wd-policies .doc-box {
    border-right: 4px solid var(--xs-card-c1);
}
.arabic #gridCompanyPoliciesList .dx-item.dx-list-item:nth-child(3n+4) .wd-policies .doc-box,
.arabic #AnnouncementList .dx-item.dx-list-item:nth-child(3n+4) .wd-policies .doc-box {
    border-right: 4px solid var(--xs-card-c2);
}
.arabic #EssCoreSwitch.dx-switch.dx-rtl .dx-switch-handle {
    float: right;
    margin-left: 0;
    margin-right: -16px;
}
.arabic .jb-list .quickviewtitle {
    padding-left: 0px;
    padding-right: 10px;
}
.arabic .bottom-quick.tp-0 {
    margin-top: 0px;
    margin-left: -35px;
    margin-right: -15px;
}
.arabic .cd-tab-links.adress h3 {
    text-align: right;
}
.arabic .cd-tab-links.adress{
    text-align:right;
}
.arabic .cd-sidebar .cd-tab-links ul.address-candidate li,
.arabic  .cd-ads .cd-tab-links ul.address-candidate li {
    text-align: left;
}
.arabic .cd-sidebar .cd-tab-links ul.address-candidate li b,
.arabic .cd-ads .cd-tab-links ul.address-candidate li b {
    float: right;
}
.arabic .full-view-sheet.full-view-hidden {
    margin-left: inherit;
    left: inherit;
    margin-right: 95px;
    padding-right: 20px !important;
}
.arabic .if-footer {
    text-align: right;
}
.arabic table.vy-custom-grid.rating-colHeads td, .arabic table.vy-custom-grid.rating-colHeads th {
    padding-left: 15px;
    padding-right :15px;
}
.arabic .vy-chatbot {
    right: inherit;
    left: 25px;
}
.arabic .chatbot {
    left: 25px;
    right: inherit;
}
.arabic .RevisedSalary-btn {
    margin-right: 0px;
    margin-left: 5px;
}
.arabic .employeepreview-css .right .LClabel {
    text-align: left;
}
.arabic .employeepreview-css .leave-type {
    margin-left: 0px;
    margin-right: 5px;
}
.arabic .employeepreview-css .leave-status {
    margin-left: 0px;
    float: left;
    margin-right: 15px;
}
.arabic .PayCard .Bunits div{
    text-align:right;
}
.arabic .PayOverview .value {
    float: right;
}
.arabic .PayOverview .dtails div {
    float:right;
}
.arabic .PayOverview .dtails {
    float: right;
}
.arabic .bRight {
    border-right:0px solid #caced3;
    border-left: 1px solid #caced3;
}
.arabic .PayOverview .code {
    float: right;
}
.arabic .sm-item {
    float: right;
}
.arabic .sm-item label {
    text-align: right;
}
.arabic .sm-item .rst {
    text-align: right;
}
.arabic .left-tabs .dx-list-item-icon-container{
    margin-left:0px;
}
.arabic .sm-item .rst .time {
    padding-left: 0px;
    padding-right: 3px;
}
.arabic .action-fit-ico{
    margin-left:0px;
    margin-right:5px;
}
.arabic #frmPayrollProcessDefenition .dx-field-item-required-mark {
    float: left;
}
.arabic .Rating-form-text-PMT {
    margin-left: 0rem;
    margin-right: 3rem;
}
.arabic .floater-footer {
    display: inline-flex;
    float: left;
}
.arabic .kra-popup-title {
    margin-left: 25px;
    padding-right: 0;
    float:left;
}
.arabic .card-select-emp {
    margin-left: 0px;
    margin-right: 20px;
    border-left: 1px solid #ddd0;
    border-right: 1px solid #ddd;
    padding-left: 0px;
    padding-right: 14px;
}
.arabic .info-formula{
    text-align:left;
}
.arabic .padding-left-0 {
    padding-left: 15px !important;
    padding-right: 0 !important;
}
.arabic .set-amount {
    margin-left: 0px;
    margin-right: 10px;
}
.arabic .g-label {
    margin-right: 0;
    margin-left: 16px;
}
.arabic .collapse-close-btn {
    position: fixed;
    z-index: 22;
    left: 35px;
    right: inherit;
}
.arabic .common-employee-filter .dx-datagrid-header-panel .dx-datagrid-search-panel {
    margin-right: 0px;
    margin-left: 40px;
}
.arabic .common-employee-filter .Vf-footer-btn-group {
    right: 10px;
}

.arabic .collapse-arrow-filter {
    font-weight: 700 !important;
    color: #000;
    cursor: pointer;
    display: block;
    margin-top: 14px;
    text-align: right;
    transition: .2s;
}
.arabic .ac-grid .dx-datagrid-total-footer .dx-datagrid-summary-item.dx-datagrid-text-content {
    text-align: left !important;
}
.arabic .half-col-padd .col-6:nth-child(1) {
    padding-right: 15px;
}
.arabic .badgepopover .PayrollListCard .refresh-btn {
    margin-left: 0px;
    margin-right: 5px;
}
.arabic .badgepopover .PayrollListCard .refresh-btn .dx-icon.dx-icon-refresh {
    margin-right: 0px;
    margin-left: 5px;
}
.arabic .sectionClose-btn {
    right: inherit;
    left: 15px;
    text-align: left;
}
.arabic .A-cycle-formRender > .dx-layout-manager.dx-widget > .dx-widget.dx-collection > .dx-box-flex.dx-box.dx-widget > .dx-item.dx-box-item:nth-child(2) > .dx-item-content.dx-box-item-content > .dx-item.dx-box-item:nth-child(1) > .dx-item-content.dx-box-item-content {
    padding-left: 0px;
    padding-right: 15px;
}
.arabic .A-cycle-formRender > .dx-layout-manager.dx-widget > .dx-widget.dx-collection > .dx-box-flex.dx-box.dx-widget > .dx-item.dx-box-item:nth-child(2) > .dx-item-content.dx-box-item-content > .dx-item.dx-box-item:nth-child(2) > .dx-item-content.dx-box-item-content {
    padding-left: 0px;
    padding-right: 15px;
    margin-left: 0px;
    margin-right: 10px;
}
.arabic .A-cycle-formRender > .dx-layout-manager.dx-widget > .dx-widget.dx-collection > .dx-box-flex.dx-box.dx-widget > .dx-item.dx-box-item:nth-child(2) > .dx-item-content.dx-box-item-content > .dx-item.dx-box-item:nth-child(3) > .dx-item-content.dx-box-item-content {
    padding-right: 0px;
    padding-left: 15px;
    margin-left: 0px;
    margin-right: 10px;
}
.arabic .ar-text-right {
    text-align:right !important;
}
.arabic .Onb-temp .Vf-customized-edit-form .dx-layout-manager .dx-field-item-label::after {
    position: absolute;
    content: ':';
    margin-left: inherit;
    margin-top: -11px;
    margin-right: 120px;
}
.arabic .gridReguralizationPopup.refined .dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed {
    direction: ltr;
}
.arabic .F-emp-det {
    padding-left: 0rem;
    padding-right: 1rem;
}
.arabic .single-action.more-single-action.text-left{
    text-align:right !important;
}
.arabic .leaveSummary.leaveHistory .dx-data-row td:nth-child(2) {
    padding-left: 7px;
    padding-right: 25px;
}
.arabic .leaveSummary.leaveHistory .dx-data-row td:nth-child(2) span,
.arabic .LHleaveType > b{
    position:relative;
}
.arabic .leaveSummary.leaveHistory .dx-data-row td:nth-child(2) span:before,
.arabic .LHleaveType > b:before{
    margin-left: 0;
    right: 0;
    margin-right: -20px;
}
.arabic .LHleaveType {
    padding-left: 0;
    padding-right: 20px;
}
.arabic .leaveSummary .dx-data-row td:first-of-type {
    padding-right: 28px;
}
.arabic .leaveSummary .dx-data-row td:first-of-type span:before {
     left: inherit; 
    right: 10px;
}
.arabic .F-Emp-details {
    width: 100%;
    background-image: linear-gradient( 89deg,white 94%, #aecff33b);
    border-left: 1px solid #f1f1f1;
    border-right: 5px solid var(--primary-color);
}
.arabic .wow-given-btn-area {
    text-align: left;
}
.arabic .wow-given-btn-area .onb-task-btn {
    float: left;
    margin-right: inherit;
    margin-left: 0;
    margin-right: 25px;
}
.arabic .recieved-ico,.arabic .given-ico{
    float:left;
}
.arabic .expand-arrows{
    right:inherit;
    left:12px;
}
.arabic .wow-profile-icon {
    right: inherit;
    left: -9px;
    transform: rotateY( 180deg );
}
.arabic .wow-profile-icon.wow-emp-search {
    left: inherit;
    right: 130px;
    top: 54px;
    transform: rotateY( 180deg );
}
.arabic .wow-profile-icon.employee-wow {
    right: inherit;
    left: 56px;
    transform: rotateY( 180deg );
}
.arabic .counted-round {
    right: inherit;
    left: -12px;
}
.arabic .side-bar-box, .arabic .job-of {
    margin-right: 0;
    margin-left: 13px;
}
.arabic ul.job-of li span {
    float: left;
}
.arabic .current-step .i-number:after, .selected-step .i-number:after {
    margin-left: inherit;
    margin-right: -14px;
}
.arabic .vy-circle-btn-payroll .dx-button-text {
    margin-right: inherit;
    margin-left: 10px;
}
.arabic .payrollTabToolbar .dx-rtl.dx-toolbar .dx-toolbar-item {
    padding: 0 0px 0px 9px;
}
.arabic .attendance .pending-count {
    margin-left: 6px;
    margin-right: 30px;
}
.arabic .processed {
    text-align: left;
}
.arabic .choose-year label{
    margin-left:5px;
    margin-right:0px;
}
.arabic .cd-sidebar .border-fit {
    margin-right: 0px;
    margin-left: 10px;
}
.arabic .Top-list-conf .Filter-title {
    font-size: 10px;
}
.arabic .hide-filter-caret.hidden {
    transform: rotate( 90deg );
}
.arabic .hide-filter-caret {
    transform: rotate( 45deg );
}
.arabic .Candidate-search-list .service-name-search:before {
    right:inherit;
    left: 10px;
}
.arabic .cd-search-list-title .Voyon-GridTitLe {
    margin-left: 0px;
    margin-right: 40px;
}
.arabic .BasicDetails {
    padding-left: 15px !important;
    padding-right: 0px ​ !important;
}
.arabic .dx-rtl .dx-field-item:not(.dx-last-col) {
    padding-left: 0px;
    padding-right: 15px;
}
.arabic .AddEmlpoyee-css .empTalent .Voyon-ChildGrids-Title:before {
    left: inherit;
    right:0px;
}
.arabic .empTalent .vy-accordian .Voyon-ChildGrids-Title {
    padding-left: 0;
    padding-right: 40px;
}
.arabic .AddEmlpoyee-css .vy-accordian .dx-toolbar-after {
    margin-left: 40px;
    margin-right: 0;
}
.arabic .job-op-title-selection {
    margin-right: 35px;
    margin-left: inherit;
}
.arabic .rq-Day::before {
    right: 29px;
    left: inherit;
}
.arabic #AttendanceLogSummary-grid .select-container {
    direction: ltr;
}
.arabic #AttendanceLogSummary-grid .dx-datagrid-content .dx-datagrid-table tbody tr td:nth-child(3){
    text-align:right !important;
}
.arabic #Import-Template .vy-circle-btn .dx-button {
    margin-right: 0px;
    background: #17a2b8;
    margin-left: 5px;
}
.arabic .Vf-more-custom-dropdown-btn .dx-button-content .dx-icon.import-toolbar-btn {
    margin-right: 0px !important;
    margin-left: 6px;
}
.arabic #Import-Template {
    margin-right: 0px;
    margin-left: 10px;
}
.arabic .Vf-more-custom-dropdown-btn .dx-button-content .dx-icon.fa-save {
    margin-right: 0px;
    margin-left: 6px;
}
.arabic .employeepreview-css .top-collapse-close .close-btn{
    margin-right:15px;
}
.arabic .employeepreview-css .ad-item label:after,.arabic .employeepreview-css label.dx-field-item-label.dx-field-item-label-location-left:after {
    float: left;
    padding-left: 0px;
    padding-right: 132px;
}
.arabic .single-action .dx-button-has-text img.dx-icon {
    margin-right: 0px;
    margin-left: 0px;
}
.arabic .single-action {
    margin-right: 0px;
    margin-left: 5px;
}
.arabic #Workforce-Onboarding-VoyonGrids .dx-datagrid-content .dx-datagrid-table .dx-data-row .dx-command-edit-with-icons {
    text-align: right !important;
}
.arabic .AddEmlpoyee-css #Workforce-Employee-EmployeeDetails-VoyonForms .dx-layout-manager .dx-field-item:not(.dx-last-col) {
    padding-right: 0px;
    padding-left: 15px;
    margin-left: 0px;
}
.arabic .employeeCard.EmployeeDetails {
    padding-left:10px;
}
.arabic .apr-requester{
    float:left;
}
.arabic .apr-time{
    float:left;
}
.arabic .apr-time i {
    margin-left: 4px;
    margin-right: 0px;
}
.arabic .tranparent-grid.table-layout-auto .dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed tr.dx-row.dx-data-row.pending td:first-child {
    border-right-color:hsl(42deg 91% 55%);
}
.arabic .tranparent-grid.table-layout-auto .dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed tr.dx-row.dx-data-row.approved td:first-child {
    border-right-color:#57cc94;
}
.arabic .tranparent-grid.table-layout-auto .dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed tr.dx-row.dx-data-row.rejected td:first-child {
    border-right-color:hsl(17deg 90% 55%);
}
.arabic .badgePopupContent .entry-field {
    margin-left: 0px;
    margin-right: 10px;
}
.arabic .badgepopover.dxpopup-fullview .full-view {
    padding-right: 0;
}
.arabic .notif-pulldown.task .dx-list-group-header .task-group-header .see-all-btn {
    text-align: left;
}
.arabic #MultiLingualSelect,.arabic #TimeZoneSelect {
    text-align: left;
}
.arabic .RevisedSalary-btn .RevisedSalary-label {
    float: right;
    margin-left: 135px;
    margin-right: 0;
}
.arabic #SalaryComponentDetailsForm .crip {
    width: 90px !important;
    float: right;
    margin: 0 auto;
}
.arabic .tc-header-section .rightside-buttons {
    right: inherit;
    left: 15px;
}
.arabic .tc-header-section{

}
.arabic .tcalendar.calendar-dashboard .dx-scheduler-header {
    float: right;
    left: inherit;
}
.arabic .ess-shif-cal .tcalendar .dx-scheduler-navigator.dx-widget {
    right: inherit;
    left: inherit;
    right: -2px;
}
.arabic .ess-shif-cal .tcalendar.calendar-dashboard .dx-scheduler-view-switcher {
    left: inherit;
}
.arabic .ess-shif-cal .tcalendar.calendar-dashboard .dx-scheduler-view-switcher-label {
    right: 236px;
    left: inherit;
}
.arabic .ess-shif-cal .tcalendar.calendar-dashboard .dx-scheduler-view-switcher .dx-icon {
    text-align: left;
    right: inherit;
    left: 5px;
}
.arabic .r-btn-item:not(:last-of-type) {
    margin-right: inherit;
    margin-left: 15px;
}
.arabic .add-new-program-btn .add-plus,
.arabic .selected-day-indicate .training-calender-day b {
    margin-left: 0px;
    margin-right: 5px;
}

.arabic .selected-day-indicate .training-calender-day b {
    margin-left: 5px;
    margin-right: 0px;
}

.arabic .tc-right-panel {
    border-left: 0px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
}
.arabic .Workflow-full-view .full-view-card {
    margin-right: 0px;
}
.arabic .badgepopover .full-view.rq-fullview {
    padding-right:0px;
}
.arabic #LearningDevelopment-TrainingRequest-VoyonGrids .LEc-toolbar-caption-text.padding-left-15{
    padding-left:5px !important;
    padding-right:15px !important;
}
.arabic .employeepreview-css .ad-item label,.arabic .feedback-ad-card .ad-item label{
    float:right;
}
.arabic .tds-calc-tabs.Vf-dx-wizard-number {
    position: relative;
    left: 145px;
}
.arabic .footer-calculate-btns {
    padding-right: 120px;
    padding-left: 20px;
    margin-right: 0px;
    width: calc(100% - 30px);
}
.arabic .tds-calculator-main-container.details-section {
    padding-left: 20px;
    padding-right: 120px;
    margin-left: 0px;
}
.arabic .Vf-toolbar-header.tds-calc-toolbar .Vf-ac-collapse-all .dx-button-content {
    padding-right: 0;
    margin-left: 0;
    margin-right: 15px;
}
.arabic .cell-title {
    padding-left: 0px;
    padding-right: 5px
}
.arabic .detail-row ul{
    text-align:right;
}
.arabic .detail-row ul li b {
    margin-left: 5px;
    margin-right: 0px;
}
.arabic .re-text {
    margin-right: 0px;
    margin-left: 15px;
}
.arabic .re-field {
    padding-right: 0;
    padding-left: 6px;
}
.arabic .applied-employee-info .Employee-i-view {
    right: 0px;
}
.arabic .Vf-field-emp-i-btn-i{
    float:left;
}
.arabic .Edit-btn-white {
    margin-right: 0;
    margin-left: 10px;
}
.arabic .Vf-alert-system {
    right: unset;
    left: 0;
}
.arabic .Vf-realtime-alert .alert-title {
    padding-right: 0;
    padding-left: 20px;
}
.arabic .Vf-realtime-alert .alert-close {
    right: unset;
    left: 15px;
}
.arabic .alert-save-btn.items {
    margin-right: 0px;
    margin-left:15px
}
.arabic #training-req-programs .dx-datagrid .dx-datagrid-rowsview .dx-datagrid-content .dx-command-select {
    text-align: right !important;
}
/*responsive style*/

@media only screen and (max-width: 767px) {
    .visible-medium {
        display: block;
    }

    .hidden-medium {
        display: none;
    }

    .nav-left {
        width: 70%;
    }

    .nav-right {
        width: 30%;
    }

    .top-icons-list {
        width: 20px;
    }

    .ov-box {
        width: 100%;
        margin-bottom: 20px;
    }

    .welcome_user h2 {
        font-size: 27px !important;
        line-height: 36px;
        padding: 2px 10px;
        margin-top: 10px;
        text-align: center;
    }

    .weather-date h3 b {
        font-size: 18px;
    }

    .weather-date h3 {
        font-size: 15px;
        text-align: center;
    }

    .home-illustration {
        display: none;
    }

    .chatbot {
        position: fixed;
        width: 50px;
        height: 50px;
        background: #222;
        border-radius: 106px;
        padding: 8px 7px;
        border-radius: 50%;
        border: 1px solid;
        bottom: 25px;
        right: 20px;
        box-shadow: 0px 1px 0px 2.16px rgba(0, 0, 0, 0.17), 0px -4px 2px 3px rgba(227, 227, 227, 0.11);
        -webkit-box-shadow: 0px 1px 0px 2.16px rgba(0, 0, 0, 0.17), 0px -4px 2px 3px rgba(227, 227, 227, 0.11);
        z-index: 36;
    }

    .grid-7 {
        display: none;
    }

    .full-stregth-bars {
        width: 100%;
    }

    .grid-5 {
        width: 100%;
    }

    .home_parent_container {
        padding: 2px;
    }

    .full-stregth-bars {
        display: none;
    }

    .weather-status {
        text-align: left;
        padding: 5px 10px 0;
        font-size: 14px;
        font-weight: 500;
        text-align: center;
    }

    .welcome_user, .weather-date {
        width: 100%;
    }

    .weather-status img {
        width: 30px;
    }

    .ov-heading h3 {
        font-size: 18px;
        margin-top: 25px;
    }

    .nav-left {
        width: 50%;
    }

    .nav-right {
        width: 50%;
    }

    .vy-flyout {
        width: 100%;
    }

    .Voyon-Login {
        width: 100%;
    }

    .Lg-logosection {
        text-align: center;
        padding: 20px 20px;
        width: 100%;
        margin: 3vh auto 0;
    }

        .Lg-logosection p {
            display: none;
        }

    .Uimg_Canvas {
        width: 90%;
    }

    .Voyon-Login {
        margin: 4vh auto 0;
        width: 100%;
        padding: 60px 20px 35px;
        border-radius: 6px;
    }

    .LgCard {
        padding-left: 10px !important;
        padding-top: 10px !important;
    }

    .login-bg {
        padding: 2vh;
    }

    .login-bg {
        background-color: #fffdfd;
        background-image: url(../img/login-bg.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        width: 100%;
        height: 100%;
        background-position: bottom;
    }
}

@media (max-width:1100px) and (min-width:767px) {
    .visible-medium {
        display: block;
    }

    .hidden-medium {
        display: none;
    }

    .top-icons-list {
        width: 20px;
    }

    .ov-box {
        width: 46%;
        margin-bottom: 20px;
        float: left;
    }

    .welcome_user h2 {
        padding: 10px 40px;
        text-align: left;
        font-size: 30px !important;
        font-weight: 800;
        margin-top: 3px;
        padding-bottom: 0px;
    }

    .weather-date h3 {
        padding: 0 30px;
        font-size: 18px;
    }

        .weather-date h3 b {
            font-size: 20px;
            margin-right: 4px;
            margin-left: 10px;
        }

    .weather-status img {
        width: 40px;
    }

    .weather-status {
        font-size: 20px;
    }

    .full-stregth-bars {
        width: auto;
        margin-top: 5vh;
    }

    .st-text {
        font-size: 14px;
    }

    .vy-flyout {
        width: 60%;
    }

    .Lg-logosection {
        text-align: center;
        padding: 20px 20px;
        width: 90%;
        margin: 12vh auto 0;
    }
    .top-nav{
        height:60px;
    }
    .user-avatar {
        width: 30px;
        height: 30px;
        position: relative;
        top: 2px;
        border-radius: 7px;
        background: #dadada;
        float: right;
        margin: 2px 12px;
        margin-right: 0px;
        box-shadow: none;
        -webkit-box-shadow: none;
        overflow: hidden;
        border: 0px solid var(--primary-color);
    }
    .nav-right {
        padding: 9px 0;
        padding-right:25px;
    }
    .menu-bar-icon {
        padding: 8px 0px 8px;
        height: 60px;
        width: 100%;
    }
    .full-view-card {
        height: calc(84vh - 0px);
    }
    .Vf-toolbar-header .dx-datagrid-search-panel.dx-textbox.dx-texteditor {
        width: 130px !important;
    }
    .Voyon-GridTitLe{
        white-space:pre;
    }
}

@media (max-width:1100px) and (min-width:960px) {
    .Lg-logosection {
        text-align: center;
        padding: 20px 20px;
        width: 70%;
        margin: 20vh auto 0;
    }

    .Voyon-Login {
        width: 600px;
        padding: 80px 50px 65px;
    }

        .Voyon-Login .LgCard {
            margin-bottom: 30px;
        }

    .Uimg_Canvas {
        width: 510px;
        margin-top: -115px;
    }

    .Lg-language {
        margin-bottom: 30px;
    }

    LgPass {
        margin-bottom: 40px;
    }
}
/* Large devices (laptops/desktops, 1101px and up) */
@media only screen and (min-width: 1101px) {
    .welcome_user h2 {
        padding: 20px 30px;
        text-align: left;
        font-size: 28px !important;
        font-weight: 600;
        margin-top: 30px;
        padding-bottom: 0px;
        line-height: 36px;
    }

    .full-stregth-bars {
        width: 473px;
        text-align: left;
        margin: 0 auto;
        margin-top: 10vh;
        padding-left: 15px;
    }

    .weather-date h3 {
        padding: 0 30px;
        font-size: 22px;
        margin-top: 30px;
    }

        .weather-date h3 b {
            font-size: 22px;
            margin-right: 5px;
        }

    .weather-status img {
        width: 36px;
    }

    .weather-status {
        text-align: left;
        padding: 0px 30px 0;
        font-size: 22px;
        font-weight: 500;
    }

    .ov-heading h3 {
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 15px;
        margin-top: 15px;
    }

    .ov-title {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .ov-sub-title {
        font-size: 14px;
        margin-bottom: 30px;
    }

    .vy-fullview-title {
        font-size: 16px;
    }

    .vy-view-content {
        height: auto;
    }

    .top-nav {
        height: 60px;
    }

    .folks-logo {
        padding: 0px 15px 0;
    }

        .folks-logo img {
            width: 160px;
            vertical-align: top;
        }

    .nav-right {
        padding: 9px 0;
        padding-right: 15px;
    }

    .icoz-search {
        position: absolute;
        margin-top: 8px;
        font-size: 14px;
        margin-left: 10px;
        color: rgb(134, 134, 134);
    }

    .top-nav-search {
        padding: 6px 0px;
        width: 285px;
        float: left;
        margin-right: 12px;
    }

        .top-nav-search input {
            border-radius: 4px;
            padding: 8px 35px;
            padding-right: 15px;
            border: none;
            font-size: 12px;
            width: 100%;
            background-color: rgb(233, 235, 240);
            line-height: 14px;
            top: 60px;
        }

    .icoz-search {
        position: absolute;
        margin-top: 7px;
        font-size: 15px;
        margin-left: 10px;
        color: rgb(134, 134, 134);
        z-index: 2;
    }

    .input#EmployeeSearch::-webkit-input-placeholder {
        font-size: 12px;
    }

    input#EmployeeSearch:-ms-input-placeholder {
        font-size: 12px;
    }

    input#EmployeeSearch::placeholder {
        font-size: 12px;
    }

    .icoz-line {
        background-size: 17px;
        height: 17px;
        width: 17px;
        display: block;
        margin: 8px auto;
    }

    .notification-number {
        position: absolute;
        background: #fd2525;
        border-radius: 50%;
        width: auto;
        min-width: 15px;
        min-height: 12px;
        height: auto;
        font-size: 0.6rem;
        text-align: center;
        line-height: 14px;
        margin-top: 6px;
        margin-left: 13px;
        color: #fff;
        padding: 0px;
        border: 1px solid red;
    }

    .top-icons-list > .ti-bell {
        font-size: 19px;
        margin: 6px auto;
        display: block;
        text-align: center;
    }

    .top-icons-list > .ti-check-box {
        font-size: 18px;
        margin: 6px auto;
        display: block;
        text-align: center;
    }

    .top-icons-list > .ti-help-alt {
        font-size: 18px;
        margin: 8px auto;
        display: block;
        text-align: center;
        margin-left:-4px;
    }

    .user-avatar {
        width: 30px;
        height: 30px;
        position: relative;
        top: 2px;
        border-radius: 7px;
        background: #dadada;
        float: right;
        margin: 2px 12px;
        margin-right: 0px;
        box-shadow:none;
        -webkit-box-shadow: none;
        overflow: hidden;
        border: 0px solid var(--primary-color);
    }

    #displayPicture.user-avatar {
        width: 100%;
        height: 100%;
        position: relative;
        top: 2px;
        border-radius: 7px;
        background: #dadada;
        float: right;
        margin: 0 20px;
        margin-right: 0px;
        overflow: hidden;
        border: 0px solid var(--primary-color);
    }

    .dip-img .user-avatar {
        width: 30px;
        height: 30px;
        position: relative;
        top: 2px;
        border-radius: 50%;
        background: #dadada;
        float: right;
        margin: 0 -8px;
        margin-right: 0px;
        box-shadow: -2px 0px 3.84px 0.16px rgba(0, 0, 0, 0);
        -webkit-box-shadow: -2px 0px 3.84px 0.16px rgba(0, 0, 0, 0);
        overflow: hidden;
        border: 2.5px solid rgb(244 244 244);
    }

    .top-icons-list {
        float: left;
        cursor: pointer;
        color: #6c6c6c;
        width: 39px;
        padding: 4px 12px;
        overflow: hidden;
    }

    .user-profile p {
        font-size: 11px;
        margin: 0;
        font-weight: 400;
        float: left;
        line-height: 35px;
        font-family: 'Segoe UI',Helvetica,Verdana,sans-serif;
        line-height: 24px;
    }

    .menu-bar-icon {
        float: left;
        padding: 9px 0px 8px;
        padding-left: 1px;
        margin-right: 0;
        cursor: pointer;
        margin: 0 auto;
        height: 60px;
        width: 100%;
    }
    .left-tabs .dx-list-item-icon-container, .dx-toolbar-before {
        width: 80px;
        text-align: center;
    }
    .dx-list-item-icon-container, .dx-toolbar-before {
        width: auto;
        padding-right: 0px !important;
        text-align: center;
        overflow:hidden;
    }
    .menu-bar-icon .dx-toolbar-before {
        width: 80px;
    }
    #servicesList {
        padding-top: 60px;
    }
    .left-tabs {
        width: 80px;
        height: 100%;
        overflow: hidden;
        position: absolute;
        left: 0;
        top: 0px;
        margin-top: 0px;
        z-index: 1500;
        background-color: rgb(255, 255, 255);
        box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.05);
        -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.05);
        transition: .3s;
    }

        .left-tabs .menu-text {
            text-align: center;
            width: 100%;
            font-size: 10px;
            font-weight: 400;
            color: #b2b2b2;
            padding-top: 4px;
            line-height: 12px;
        }

    .dx-list-item-icon {
        width: 21px;
        height: 21px;
        background-position: 0 0;
        background-size: 21px 21px;
        padding: 0;
        font-size: 18px;
        text-align: center;
        line-height: 18px;
    }

    #More-Services .dx-list-item-icon {
        width: 26px;
        height: 26px;
        background-position: 0 0;
        background-size: 26px 26px;
        padding: 0;
        font-size: 18px;
        text-align: center;
        line-height: 18px;
        margin: 0 auto;
        text-align: center;
    }

    .b1, .b2, .b3 {
        width: 21px;
    }

        .b3.short {
            width: 11px;
        }

    .submenu-drawer.show-sub-menu {
        left: 79px;
        transition: .4s;
    }

    .MenuSystemSettings {
        position: absolute;
        bottom: 8px;
        width: 100%;
    }

    .content-wrapper {
        position: absolute;
        height: 100%;
        padding: 0px;
        padding-left: 80px !important;
        padding-right: 0 !important;
        padding-top: 60px;
    }

    .Vy-wc2, .Vy-wc4, .Vy-wc3 {
        min-height: 100%;
        padding: 0px 0 0px;
        margin-bottom: 0;
    }


    .content {
        padding: 15px 15px;
    }

    .Vy-wc5, .Vy-wc6, .Vy-wc7, .Vy-wc8 {
        min-height: 100%;
    }

    .Wc-Mesg {
        font-size: 13px;
        color: #fff;
        font-weight: 500;
        margin-top: 4px;
        line-height: 18px;
    }

    .daily-sum-profile {
        padding: 0 5px !important;
    }

    .d-text .date {
        font-size: 13px;
    }

    .d-text .month {
        font-size: 12px;
    }

    .Time-stat {
        font-size: 12px;
        line-height: 16px;
        padding-left:5px;
    }

    #responsiveBoxContainer > .dx-box-flex > .dx-item.dx-box-item:nth-child(3), #responsiveBoxContainer > .dx-box-flex > .dx-item.dx-box-item:nth-child(2) {
        margin-top: 0px;
    }

    #PieChartDailyAttendance, #pieDailyAttendance {
        height: 156px;
    }

    .wd-title {
        font-size: 13px;
        margin-bottom: 6px;
    }

    #galleryBirthday {
        height: 86px !important;
    }

    #gridCompanyPolicies .dx-datagrid .dx-column-lines > td:nth-child(2) {
        font-weight: 600;
        font-size: 11px;
        color: #010101;
    }

    #gridCompanyPolicies .dx-datagrid .dx-column-lines > td:nth-child(1) img {
        width: 20px;
    }

    .attendance-widget-details span {
        font-size: 11px;
        color: #757575;
        line-height: 20px;
    }

    #employeeList .dx-scrollview-content > .dx-item.dx-list-item > .dx-item-content.dx-list-item-content {
        padding: 1px 0;
    }

    #employeeList {
        height: 135px;
    }

    .dipname {
        font-size: 11px;
    }

    #responsiveBoxContainer > .dx-box-flex > .dx-item.dx-box-item:nth-child(3) .empty-data {
        height: 135px;
    }

    #gridCompanyPolicies .dx-datagrid-rowsview .dx-row {
        height: 31px;
    }

    #gridCompanyPolicies .dx-datagrid .dx-column-lines > td:nth-child(2) {
        font-size: 11px;
        padding: 4px 4px;
    }

    .Wc-card .dx-datagrid-borders .dx-datagrid-rowsview {
        height: 135px;
    }

    .b-employee-details {
        font-size: 10px;
        padding: 2px 4px 5px;
        text-align: left;
    }

    .b-employee-img {
        width: 40px;
        overflow: hidden;
        height: 40px;
    }

    .d-card {
        padding: 12px 15px;
        border-radius: 8px;
        margin-left: 15px;
    }

    .Vy-wc1 {
        margin-bottom: 0px;
    }

    .Tt-dtls {
        font-size: 12px;
    }

    .Tt-head {
        font-size: 14px;
    }

    .rNumDts {
        margin: -9px 0;
        padding-right: 0px !important;
    }

    .Vy-wc1 .user-avatar {
        margin-left: 0px;
        margin-top: 3px;
    }

    .Dsm {
        margin-bottom: 4px;
    }

    .Wc-bottom-row {
        padding: 0 5px;
    }

    .Otitle {
        margin-left: 5px;
    }

    .col-md-3.Four-card {
        padding: 0 10px;
    }

    .nav-left {
        padding-left: 81px;
    }

    .attendance-today {
        padding: 0 2px;
    }

    #dashBoardEvents {
        max-width: inherit;
    }

    .upcoming-events .tileWidth {
        width: inherit;
    }

    .calendar-dashboard .dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
        /*height: auto;*/
    }

    #galleryBirthday {
        width: inherit !important;
        padding: 15px 20px;
    }

    #BirthDayData {
        width: inherit;
    }

    #dashBoardEvents {
        height: 162px !important;
    }

    #scheduler {
        height: inherit !important;
    }

    .wd-title.calendar-titile {
        margin-top: -272.2px;
    }

    .dashboard-calender-cog-btn {
        right: 39%;
        font-size: 14px;
        margin-top: 46px;
        line-height: 18px;
    }

    .calendar-dashboard .dx-scheduler-navigator {
        right: 160px;
    }

    #calendarYearDashBoard {
        height: 135px;
    }

    .event-empty {
        background: #fff;
        height: 160px;
    }

    .dip-img .vy-text-avatar {
        width: 24px;
        height: 24px;
        font-size: 10px;
        position: relative;
        top: 2px;
        text-align: center;
        margin: 0px -8px;
        margin-right: 0px;
        border-width: 2px;
        border-style: solid;
        border-color: rgb(255, 255, 255);
        border-image: initial;
        display: block;
        padding: 6px 0;
        border-radius:50%;
    }

    #pieDailyAttendance svg {
        margin-left: auto;
    }

    .dip-img {
        margin-left: 20px;
        vertical-align: middle;
        position: relative;
        top: -2px;
    }
    .Vf-dashboard-widget-popup .dx-icon.fas.fa-filter {
        margin-top: 3px;
        font-size: 14px !important;
        margin-left: 2px;
    }
    .dashboard-expolorer .dx-icon.fas.fa-filter {
        margin-top: 2px;
        font-size: 14px !important;
        margin-left: 2px;
    }
    #gridleaveDetails{
        height:140px !important;
    }
    .Voyon-Forms.Global {
        margin: 20px 0px 30px;
    }
    .full-view-card {
        height: calc(87vh - 83px);
    }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1367px) {
    .content {
        /*padding: 16px 17px 5px 16px;*/
    }
    .full-view-card {
        height: calc(87vh - 65px);
    }
    .dashboard-designer .full-view-card {
        height: calc(96vh - 56px);
    }
    .fieldPermissionsForm {
        height: 71vh !important;
    }
    .G-permisions-content form {
        max-height: 275px !important;
    }
    .dashboard-sidebar {
        height: 356px;
    }
    .Voyon-Forms.Global{
        margin:25px 0;
    }
    .welcome_user h2 {
        padding: 20px 30px;
        text-align: left;
        font-size: 38px !important;
        font-weight: 600;
        margin-top: 40px;
        padding-bottom: 0px;
        line-height: 46px;
    }

    .weather-date h3 {
        padding: 0 30px;
        font-size: 22px;
        margin-top: 40px;
    }

        .weather-date h3 b {
            font-size: 24px;
            margin-right: 15px;
        }

    .weather-status img {
        width: 32px;
    }

    .weather-status {
        text-align: left;
        padding: 0px 30px 0;
        font-size: 20px;
        font-weight: 500;
    }

    .ov-heading h3 {
        font-size: 21px;
        font-weight: 500;
        margin-bottom: 15px;
        margin-top: 26px;
    }

    .ov-title {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .ov-sub-title {
        font-size: 16px;
        margin-bottom: 40px;
    }

    .dx-datagrid .dx-column-lines > td:first-child {
        border-left: none;
        padding: 12px 15px;
    }

    .dx-adaptive-detail-row .dx-datagrid .dx-column-lines > td:first-child {
        border-left: none;
        padding: 12px 30px;
    }
    .Vf-grid-default.Vf-customized-grid .dx-datagrid .dx-column-lines > td:first-child {
        padding: 12px 7px;
    }

    .SystemSettings {
        height: 4%;
    }

    .vy-view-content {
        height: auto;
    }

    .Vy-wc2, .Vy-wc4, .Vy-wc3 {
        min-height: 100%;
        padding: 0px 0 0px;
        margin-bottom: 0;
    }

    .Wc-Mesg {
        font-size: 15px;
    }

    #PieChartDailyAttendance, #pieDailyAttendance {
        height: 173px;
    }

    #responsiveBoxContainer > .dx-box-flex > .dx-item.dx-box-item:nth-child(3), #responsiveBoxContainer > .dx-box-flex > .dx-item.dx-box-item:nth-child(2) {
        margin-top: 0px;
    }

    .wd-title {
        font-size: 14px;
        margin-bottom: 12px;
    }

    #galleryBirthday {
        height: 98px !important;
    }

    .upcoming-events {
        margin-bottom: 0;
    }

    .dip-img .user-avatar {
        width: 30px;
        height: 30px;
        position: relative;
        top: 2px;
    }

    #employeeList {
        height: 152px;
    }

        #employeeList .dx-scrollview-content > .dx-item.dx-list-item > .dx-item-content.dx-list-item-content {
            padding: 3px 0;
        }

    .Wc-card .dx-datagrid-borders .dx-datagrid-rowsview {
        height: 152px;
    }

    #responsiveBoxContainer > .dx-box-flex > .dx-item.dx-box-item:nth-child(3) .empty-data {
        height: 152px;
    }

    #gridCompanyPolicies .dx-datagrid-rowsview .dx-row {
        height: 35px;
    }

    #responsiveBoxContainer > .dx-box-flex > .dx-item.dx-box-item:nth-child(3) .Wc-card {
        padding: 20px 20px !important;
    }

    #dashBoardEvents {
        max-width: inherit;
        height: 175px !important;
    }

    .upcoming-events .tileWidth {
        width: inherit;
    }

    #galleryBirthday {
        width: inherit !important;
        padding: 17px 20px;
    }

    #BirthDayData {
        width: inherit;
    }


    #scheduler {
        height: inherit !important;
    }

    .wd-title.calendar-titile {
        margin-top: -296.2px;
    }

    .dashboard-calender-cog-btn {
        right: 165px;
        margin-top: -28px;
    }

        .dashboard-calender-cog-btn.popup-cog {
            right: 39%;
            font-size: 14px;
            margin-top: 46px;
            line-height: 18px;
        }

    .calendar-dashboard .dx-scheduler-navigator {
        right: 160px;
    }

    #calendarYearDashBoard {
        height: 152px;
    }

    .calendar-dashboard .dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
        /*height: inherit;*/
    }

    .dip-img .vy-text-avatar {
        width: 30px;
        height: 30px;
        font-size: 13px;
        position: relative;
        top: 2px;
        text-align: center;
        margin: 0px -8px;
        margin-right: 0px;
        border-width: 2px;
        border-style: solid;
        border-color: rgb(255, 255, 255);
        border-image: initial;
        display: block;
        padding: 7px 0;
    }

    .dip-img {
        margin-left: 20px;
        vertical-align: middle;
        position: relative;
        top: -2px;
    }

    #pieDailyAttendance svg {
        /*margin-left: -15px;*/
        margin:0 auto;
    }

    .event-empty {
        background: #fff;
        height: 166px;
    }
    #gridleaveDetails {
        height: 230px !important;
    }
    .schedul-pop-search {
        top: -6px;
    }
    
}
@media only screen and (min-width: 1900px) {
    .full-view-card {
        height: calc(93vh - 131px);
    }
    #gridleaveDetails {
        height: 260px !important;
    }
}

    @media only screen and (min-height: 865px) {
        .full-stregth-bars {
            width: 470px;
            text-align: left;
            margin: 0 auto;
            margin-top: 12vh;
            padding-left: 15px;
        }

        .ov-heading {
            margin-bottom: 30px;
        }

            .ov-heading h3 {
                font-size: 1.7em;
                font-weight: 500;
                margin-bottom: 15px;
                margin-top: 50px;
            }

        .ov-box {
            border-radius: 6px;
            background-color: rgb(255, 255, 255);
            box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.33), 0px 4px 10px 0px rgba(245, 245, 245, 0.33);
            -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.33), 0px 4px 10px 0px rgba(245, 245, 245, 0.33);
            -moz-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.33),0px 4px 10px 0px rgba(245, 245, 245, 0.33);
            width: 22%;
            float: left;
            padding: 36px 25px;
            margin-right: 3%;
        }

        .ov1 span, .ov2 span, .ov3 span, .ov4 span {
            top: -36px;
        }

        .ov-title {
            font-size: 22px;
            margin-bottom: 30px;
        }

        .ov-number {
            font-size: 25px;
            font-weight: 500;
            margin-top: 50px;
        }

        .vy-view-content {
            max-height: 730px;
        }

        .Lg-logosection {
            margin: 12vh auto 0;
        }

            .Lg-logosection p {
                font-size: 16px;
            }

        .Voyon-Login .Uimg {
            width: 90px;
            height: 90px;
        }

        .Uimg_Canvas {
            width: 384px;
            margin-top: -115px;
            text-align: center;
        }

        .Voyon-Login {
            margin: 5vh auto 0;
            width: 494px;
            padding: 70px 50px 40px;
            border-radius: 9px;
            animation: fadeInUp 1s forwards 0s ease;
        }

            .Voyon-Login .dx-box-item-content .dx-first-row .dx-field-item-label .dx-field-item-label-text {
                font-size: 14px;
            }

        .LgCard .dx-widget input {
            padding: 0px 0 0;
            font-weight: 500;
            font-size: 15px;
        }

        .LgCard .dx-placeholder, .Lg-language .dx-placeholder {
            font-size: 15px;
        }

        .Voyon-Login .LgCard {
            padding: 12px 18px;
        }

        

        .Signup-Btn .dx-button-content, .Signup-for-first .dx-button-has-text .dx-button-content {
            padding: 10px 18px 11px;
            line-height: 15px;
        }

        .forgot-password {
            font-size: 14px;
        }

        .Vy-wc2, .Vy-wc4, .Vy-wc3 {
            min-height: 100%;
        }
    }
@media screen and (min-device-width: 1101px) and (max-device-width: 1366px) {
/*    .attendance-container #gridContainer {
        height: 256px !important;
    }*/
    .schedulertMainDiv .shift-legends {
        margin-top: -30px;
        padding-top: 35px;
    }
    #UserPreferenceForm{
        height:258px !important;
    }
    .employeepreview-css .mail .email-id {
        max-width: 250px;
    }
    .submenu-list-item.sub-head:before {
        font-size: 16px;
        line-height: 5px;
    }
    .submenu-list-item.sub-head.plus-btn:before {
        font-size: 20px;
        line-height: 4px;
    }
    #gridSchedulerCalendar .dx-datagrid .dx-column-lines > td:first-child {
        border-left: none;
        padding: 12px 7px;
    }
    .customer-logo {
        margin-left: 10px;
    }
    .customer-logo img {
        max-width: 89px;
    }
}
@media screen and (min-device-width: 641px) and (max-device-width: 1280px){
    .card-wrapper .data-card > .wrapp {
        height: 156px !important;
        height:180px;
    }
    .card-wrapper .data-card > .wrapp .NoofDuty{
        margin-right:5px;
        margin-top: 0px !important;
    }

    .addNew-attendance-batch-popup .dx-overlay-content {
        width: 100% !important;
    }
}
@media (-webkit-device-pixel-ratio: 1.00) {
    .EmployeeDetails .dx-fileuploader-button {
        margin: -23px 199px !important;
    }
}
@media screen and (min-device-width: 1000px) and (max-device-width: 1366px) {
    #taskGrid-table .Vf-toolbar-header .dx-datagrid-search-panel.dx-textbox.dx-texteditor {
        width: 190px !important;
    }
    #taskGrid-table .iterate-legend{
        margin-right: 5px !important
    }
}

/*Buttons*/
.dx-button-mode-contained.dx-button-default {
    border: 1px solid transparent;
}
.dx-button-mode-contained.dx-button-danger {
    border: 1px solid transparent;
}
.dx-button .dx-button-content {
    line-height: 13px;
    font-weight: 600;
}
.Vf-btn-default.dx-button-mode-contained.dx-button-default .dx-button-content,
.Vf-btn-danger.dx-button-mode-contained.dx-button-default .dx-button-content,
.Vf-btn-danger.dx-button-mode-contained.dx-button-danger .dx-button-content,
.Vf-btn-warning.dx-button-mode-contained.dx-button-default .dx-button-content {
    padding: 7px 25px 7px !important;
    min-width: 87px !important;
}

.Vf-btn-default.attachments-btn.dx-button-mode-contained.dx-button-default .dx-button-content {
    padding: 7px 15px 7px !important;
}
.Vf-btn-circle.icon-only.dx-button-default .dx-button-content {
    padding: 0px 5px 0px !important;
    min-width: inherit !important;
}
.Vf-btn-circle.max-content.icon-only.dx-button-default .dx-button-content {
    min-width: max-content !important;
}
.Vf-btn-default.dx-button-mode-contained.dx-button-default {
    background-color: var(--primary-color);
    color: #fff;
}
.Vf-btn-default.dx-button-mode-outlined.dx-button-default.warning {
    border-color: var(--yellow);
    color: var(--yellow);
}
.Vf-btn-default.dx-button-mode-contained.dx-button-default .dx-icon {
    color: #fff;
}
.Vf-btn-danger.dx-button-mode-contained.dx-button-default {
    background-color: var(--danger);
    color: #222;
}
.Vf-btn-danger.dx-button-mode-contained.dx-button-default .dx-icon {
    color: #222;
}
.Vf-btn-warning.dx-button-mode-contained.dx-button-default  {
    background-color: var(--warning);
    color: #fff;
}
.Vf-btn-warning.dx-button-mode-contained.dx-button-default .dx-icon{
    color: #fff;
}
.Vf-btn-circle.Vf-btn-default.dx-button-mode-contained.dx-button-default,
.Vf-btn-circle.Vf-btn-danger.dx-button-mode-contained.dx-button-default,
.Vf-btn-circle.Vf-btn-warning.dx-button-mode-contained.dx-button-default  {
    color: #222;
}

.Vf-btn-danger.dx-button-mode-contained.dx-button-default,
.Vf-btn-default.dx-button-mode-contained.dx-button-default,
.Vf-btn-warning.dx-button-mode-contained.dx-button-default {
    font-size: 13px;
    font-weight: 500;
}

.Vf-btn-default.dx-button-mode-outlined.dx-button-default .dx-button-content,
.Vf-btn-danger.dx-button-mode-outlined.dx-button-default .dx-button-content,
.Vf-btn-warning.dx-button-mode-outlined.dx-button-default .dx-button-content {
    padding: 7px 25px 7px;
    min-width: 87px;
}
.Vf-btn-default.dx-button-mode-outlined.dx-button-default, .Vf-btn-default.dx-button-mode-outlined.dx-button-default .dx-icon {
    background-color: transparent;
    border-color: var(--primary-color);
    color: var(--primary-color);
}
.success.Vf-btn-default.dx-button-mode-outlined.dx-button-default, .success.Vf-btn-default.dx-button-mode-outlined.dx-button-default .dx-icon {
    border-color: #0cc97b;
    color: #0cc97b;
}
.Vf-btn-danger.dx-button-mode-outlined.dx-button-default, .Vf-btn-danger.dx-button-mode-outlined.dx-button-default .dx-icon {
    background-color: transparent;
    border-color: var(--danger);
    color: var(--danger);
}
.Vf-btn-warning.dx-button-mode-outlined.dx-button-default, .Vf-btn-warning.dx-button-mode-outlined.dx-button-default .dx-icon{
    background-color: transparent;
    border-color: var(--warning);
    color: var(--warning);
}
.Vf-btn-danger.dx-button-mode-outlined.dx-button-default,
.Vf-btn-default.dx-button-mode-outlined.dx-button-default,
.Vf-btn-warning.dx-button-mode-outlined.dx-button-default {
    font-size: 13px;
    font-weight: 500;
}
.Vf-btn-has-icon .dx-icon {
    width: 18px;
    height: 18px;
    background-position: 0 0;
    background-size: 18px 18px;
    padding: 0;
    font-size: 18px;
    text-align: center;
    line-height: 21px;
    margin-right: 12px;
    margin-left: -9px;
}

.Vf-btn-circle.dx-button-mode-contained.dx-button-default {
    background-color: transparent;
}

.Vf-btn-circle .dx-button-content {
    padding: 7px 25px 7px;
}

.Vf-btn-circle .dx-button-text {
    line-height: 28px;
}

.Vf-btn-circle .dx-icon {
    font-size: 15px;
    padding: 5px;
    border-radius: 30px;
    margin-right: 10px;
    margin-left: 10px;
    box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.14);
    transition: .2s;
    background: var(--primary-color);
    line-height: 18px;
}
.Vf-btn-circle:hover .dx-icon {
    box-shadow: 0px 4px 11.83px 1.17px rgb(0 0 0 / 36%);
    -moz-box-shadow: 0px 4px 11.83px 1.17px rgb(0 0 0 / 36%);
    -webkit-box-shadow: 0px 4px 11.83px 1.17px rgb(0 0 0 / 36%);
}

.Vf-btn-circle.Vf-btn-default .dx-icon {
    background: var(--primary-color);
    color: #fff;
}
.Vf-grid-child .Vf-btn-circle.Vf-btn-default .dx-icon{
    margin-right:10px;
}
.Vf-btn-circle.Vf-btn-danger .dx-icon {
    background: var(--danger);
    color: #fff;
}
.Vf-btn-circle.Vf-btn-warning .dx-icon {
    background: var(--warning);
    color: #fff;
}
.icon-only .dx-button-content {
    padding: 0 !important;
    overflow: inherit;
}
.icon-only .dx-icon {
    width: 29px !important;
    height: 29px !important;
    background-position: 0 0;
    background-size: 29px 29px !important;
    padding: 0;
    font-size: 13px !important;
    text-align: center;
    line-height: normal !important;
    margin-right: 0;
    margin-left: 0;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}
.icon-only .dx-button-mode-contained.dx-button-default {
    background: transparent;
}
/*Buttons*/

/*Tables*/
/*Default grid*/
.Vf-grid-default .dx-datagrid-filter-row {
    background: rgb(255, 255, 255);
}
.Voyon-FileUploader .Vf-grid-default .dx-datagrid-borders .dx-datagrid-rowsview, .dx-datagrid-headers + .dx-datagrid-rowsview {
    border: 1px solid #ddd0;
    padding: 0 20px !important;
    border-radius: 0px 0px 6px 6px;
    font-size: 13px;
    background: rgb(255, 255, 255);
}
#Voyon-Reporting-Grids .dx-datagrid-headers + .dx-datagrid-rowsview {
    padding: 0 10px !important;
}
#Vf-grid-default td .dx-datagrid-action.dx-cell-focus-disabled {
    color: initial;
    font-weight: 500;
}
.Vf-grid-default-innergrid {
    padding: 6px 10px;
    margin-top: 30px;
}
.Vf-grid-default .dx-toolbar-after .dx-toolbar-item, .dx-toolbar-after .dx-toolbar-item:last-child {
    padding: 0px 0 0 0px;
}
.Vf-grid-default-innergrid .dx-datagrid-borders > .dx-datagrid-headers {
    border-top: 1px solid #ddd0;
    border-left: 1px solid #ddd0;
    border-right: 0;
    padding: 0px 6px 0px;
    padding-right: 10px !important;
    border-radius: 3px 3px 0px 0px;
    border-bottom: none;
    background: #fff0f0;
}
.Vf-grid-default .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit-with-icons .dx-link,
.Vf-grid-default .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit-with-icons .dx-link {
    display: none;
    margin-left: 8px;
}
.Vf-grid-default .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row.dx-state-hover .dx-command-edit-with-icons .dx-link,
#CandidateShortDiv .Vf-grid-default .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row:hover .dx-command-edit-with-icons .dx-link,
.Vf-grid-default .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row.dx-state-hover .dx-command-edit-with-icons .dx-link,
.Vf-grid-default .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row.dx-state-hover .dx-command-edit-with-icons .Vf-action-grid-btn {
    display: inline-block;
}
.Vf-grid-default .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select,
.Vf-grid-default .dx-treelist-content .dx-treelist-table .dx-row .dx-command-select {
    padding: 0;
    width: 35px;
    min-width: 30px;
    max-width: 30px;
    padding-left: 10px;
}
.Vf-grid-default .dx-datagrid-headers .dx-checkbox-icon,
.Vf-grid-default .dx-treelist-headers .dx-checkbox-icon {
    margin-top: 1px;
}
.Vf-grid-default .dx-datagrid-headers .dx-datagrid-content,
.Vf-grid-default .dx-treelist-headers .dx-treelist-content {
    margin-bottom: 0px;
    border-bottom: 1px solid #cdcdcd !important;
    padding: 0 10px;
}
.Vf-grid-default.job-applied-grid .dx-datagrid-headers .dx-datagrid-content.dx-datagrid-scrollable-simulated {
    padding: 0 0px;
}
.Vf-grid-default#scheduleEmployeeGrid .dx-datagrid-headers .dx-datagrid-content {
    padding-right: 0px !important;
}

.customized-grid-fix.Vf-grid-default .dx-datagrid-headers .dx-datagrid-content{
    padding:0 0px;
}
.Vf-grid-default .dx-datagrid-rowsview .dx-select-checkboxes-hidden > tbody > tr > td > .dx-select-checkbox {
    display: initial;
}
.Vf-grid-default .dx-command-edit-with-icons .dx-datagrid-text-content {
    display: inline-block;
    vertical-align: middle;
}
.Vf-grid-default .dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) .dx-master-detail-cell, .Vf-grid-default .dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) > .dx-datagrid-group-space {
    background-color: #ffffff;
}
.Vf-grid-default .dx-row.dx-data-row.dx-column-lines .dx-command-select .dx-select-checkbox {
    display: none;
}
.Vf-grid-default .dx-row.dx-data-row.dx-column-lines:hover .dx-command-select .dx-select-checkbox {
    display: flex;
}
.Vf-grid-default .dx-row.dx-data-row.dx-column-lines.dx-selection .dx-command-select .dx-select-checkbox {
    display: initial;
}
.Vf-grid-default {
    padding: 0px 0px 0px;
    margin-top: -8px;
}
/*Default grid*/
/*child grid*/
.Vf-grid-child .dx-datagrid-borders > .dx-datagrid-headers {
    padding: 0px 0px 0px;
    background: #ffffff;
    padding: 0 20px !important;
    padding-right: 20px !important;
}
.Vf-grid-child .dx-datagrid .dx-column-lines > td:first-child {
    border-left: none;
    padding: 5px 15px !important;
}
.Vf-grid-child.no-checkbox .dx-datagrid .dx-column-lines > td:first-child {
    padding: 7px 7px !important;
}
.Vf-grid-child .dx-toolbar-items-container {
    height: 40px;
    overflow: visible;
    margin-bottom: 0;
}
.Vf-grid-child {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(217, 220, 228);
    padding: 15px;
    padding-top: 10px;
    margin-bottom: 15px;
    margin-top: 15px;
    border-radius: 5px;
    box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.09);
}
.Vf-grid-child.preview{
    box-shadow: none;
    margin-top: 0;
    border-color: rgb(201,206,217);
}
.Vf-grid-child:last-of-type {
        margin-bottom: 0px;
}
.Vf-grid-child-title {
    font-size: 14px;
    font-weight: 600;
    color: #6e6e6e;
    font-family: 'Segoe UI',Arial;
}
.Vf-grid-child .dx-toolbar.dx-widget.dx-visibility-change-handler.dx-collection {
    margin-bottom: 0;
    background: rgb(255, 255, 255);
}
.Vf-grid-child .dx-toolbar {
    padding: 0px 0px;
}
.Vf-grid-child .dx-icon-trash:before {
    content: "\e605";
}
.Vf-grid-child .dx-datagrid-pager.dx-widget {
    background: #fff;
    border-color: #fff;
}
.employeeCard .Vf-grid-child .dx-toolbar-items-container {
    /*height: 62px;*/
    overflow: visible;
    margin-bottom: 0;
    background: rgb(255, 255, 255);
}
.employeeCard .Vf-grid-child {
    border: 1px solid #f4f3f300;
    padding: 5px 0px;
    padding-top: 0px;
    margin-bottom: 20px;
}
.employeeCard .Vf-grid-child .dx-datagrid-headers .dx-datagrid-content {
    margin-bottom: 0px !important;
    border-bottom: 1px solid #cdcdcd !important;
}
.employeeCard .Vf-grid-child .dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable {
    padding: 0 20px 20px !important;
    background: #fff;
}
.Vf-grid-child .dx-row.dx-freespace-row.dx-column-lines {
    display: none !important;
}
.empBenefit .employeeCard .Vf-grid-child {
    border: 1px solid #fff;
    padding: 0px 0px;
    padding-top: 0px;
}
.vy-view-content .Vf-grid-child .dx-datagrid-header-panel {
    margin-bottom: 0px;
    margin-top: -15px;
}
.Vf-grid-child.incentive-process-childgrid .dx-datagrid-header-panel {
    margin-top: -8px;
}
.Vf-grid-child .dx-toolbar-button .dx-datagrid-search-panel {
    margin-right: 7px;
    margin-left: 0px;
}
.Vf-grid-child .dx-datagrid-headers .dx-datagrid-content {
    margin-bottom: 0px;
    border-bottom: 1px solid #cdcdcd
}
.Vf-grid-child .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-row {
    background: #fff;
}
.Vf-grid-child .dx-datagrid-headers + .dx-datagrid-rowsview{
    padding:0 20px !important;
}
.Vf-grid-child .dx-datagrid-content.dx-datagrid-content-fixed {
    padding:0 20px;
}
.Vf-grid-child .dx-datagrid-headers {
    border-bottom: none;
}
.Vf-grid-child .dx-datagrid-nowrap .dx-header-row > td > .dx-datagrid-text-content {
    font-size: 12px;
    font-weight: 500;
    line-height: 26px;
}
.vy-accordian .Vf-grid-child .dx-toolbar-items-container {
    background: #fff;
}
#divTalentInformationsPanel .employeeCard .Vf-grid-child {
    border:none;
    border-bottom: 0px solid #f3f3f3;
    padding: 5px 0px;
    padding-top: 0px;
    margin-bottom: 0px;
}
.empBenefit .employeeCard .Vf-grid-child{
    margin-bottom:0px;
}
.empBenefit .vy-accordian2 .Vf-grid-child {
    height: 0px;
    overflow: hidden;
    opacity: 0;
    transition:0.2s;
}
.empBenefit .vy-accordian2.opened .Vf-grid-child {
    height: auto;
    opacity: 1;
    transition: 0.3s;
    box-shadow:none;
}
.empTalent .vy-accordian .Vf-grid-child-Title {
    font-size: 13px;
    font-weight: 500;
    position: relative;
    z-index: 66;
    margin-left: 0px;
    /*top: 15px;*/
    margin-bottom: -10px;
    background: transparent;
    width: 50%;
    padding-left: 15px;
    display: block;
    line-height: 7px;
}
.Vf-grid-child .Vf-toolbar-header {
    display: none;
}
.Vf-grid-child .dx-icon-edit-button-addrow, .vy-btnsStyle .dx-icon-edit-button-addrow {
    background: var(--primary-color);
    padding: 2px !important;
    border-radius: 28px;
    font-size: 13px !important;
    width: 25px !important;
    height: 25px !important;
    background-position: 0 0;
    background-size: 24px 24px !important;
    box-shadow: 0px 3px 8px 0px rgb(0 0 0 / 15%);
    -webkit-box-shadow: 0px 3px 8px 0px rgb(0 0 0 / 15%);
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.Vf-grid-default .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    line-height: 26px;
}
.Vf-grid-child .dx-button-mode-contained.dx-button-default, .vy-btnsStyle .dx-button-mode-contained.dx-button-default {
    background-color: #ddd0 !important;
}
.employeepreview-css .remove-grid-title .Vf-grid-child {
    border: none;
    padding: 5px 0;
    box-shadow: none;
    margin-bottom: 0;
    border-radius: 0;
}
.employeepreview-css .remove-grid-title .Vf-grid-child .dx-column-lines > td {
        border-bottom: none;
}
.employeepreview-css .preview-sub-card.collapsed .Vf-grid-child {
    display: none;
}
.employeepreview-css .Vf-grid-child .dx-datagrid-headers .dx-datagrid-content {
    border-bottom: 1px solid #cdcdcd;
}
.employeepreview-css .Vf-grid-child .dx-datagrid-nowrap .dx-header-row > td > .dx-datagrid-text-content {
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
}
.AddEmlpoyee-css .noShadow.employeeCard .Vf-grid-child {
    border: 0px solid #f4f3f3;
}
.AddEmlpoyee-css .Vf-grid-child .dx-datagrid .dx-column-lines > td:first-child {
    padding: 5px 5px !important;
}
.AddEmlpoyee-css .noShadow .Vf-grid-child-Title {
    font-size: 14px;
    padding-left: 15px;
    color: #989da8;
}
.AddEmlpoyee-css .Vf-grid-child .dx-toolbar.dx-widget.dx-visibility-change-handler.dx-collection {
    border-radius: 7px;
}
.AddEmlpoyee-css .employeeCard .Vf-grid-child .dx-datagrid-borders > .dx-datagrid-headers {
    padding: 0px 0px 0px;
    background: #ffffff;
    /* border-bottom: 1px solid #cdcdcd !important; */
    padding: 0 20px !important;
    padding-right: 20px !important;
    border-radius: 0px;
}
.AddEmlpoyee-css  .employeeCard .Vf-grid-child .dx-datagrid-rowsview .dx-datagrid-content.dx-datagrid-content-fixed {
    margin-right: 20px;
    margin-left: 20px;
}
.AddEmlpoyee-css .Vf-grid-child .dx-datagrid-nowrap .dx-header-row > td > .dx-datagrid-text-content {
    font-size: 13px;
    font-weight: 500;
}
#employeeAddEditDiv .Vf-grid-child,
#onboardingAddEditDiv .Vf-grid-child {
    box-shadow: none;
    margin-top: -4px;
}
#gridDepartmentWiseEmployee.Vf-grid-child {
    padding-top: 0px;
    margin-top: 0px;
}
.Vf-title-grid {
    font-size: 16px;
    font-weight: 600;
    color: #010101;
    font-family: 'Segoe UI',Arial;
}
/*child grid*/
/*Hierarchical grid*/

.Vf-grid-hierarchical  .dx-header-row > td > .dx-treelist-text-content {
    font-size: 13px;
    color: #000;
    font-weight: 700;
    font-family: 'Segoe UI',Arial;
}
.Vf-grid-hierarchical  .dx-treelist-borders .dx-treelist-rowsview, .Vf-grid-hierarchical  .dx-treelist-headers + .dx-treelist-rowsview {
    border: 1px solid #ddd0;
    padding: 6px;
    border-radius: 0px 0px 6px 6px;
    font-size: 14px;
    background: rgba(255, 255, 255, 1);
    padding: 0 10px 10px !important;
    padding-right: 10px !important;
}
.Vf-grid-hierarchical  {
    padding: 15px 20px;
}
.Vf-grid-hierarchical  .dx-treelist-header-panel {
        border-bottom: none;
}
.Vf-grid-hierarchical  .dx-treelist-headers .dx-treelist-table .dx-row > td {
        border-bottom: 1px solid #ddd0;
}
.Vf-grid-hierarchical  .dx-treelist .dx-column-lines > td {
        border-left: 1px solid #ddd0;
        border-right: 1px solid #ddd0;
}
.Vf-grid-hierarchical  .dx-treelist .dx-row-lines > td {
        border-bottom: 1px solid #7b7b7b36;
}
.dx-treelist-borders > .dx-treelist-headers {
    border-top: 1px solid #ddd0;
    border-left: 1px solid #ddd0;
    border-right: 1px solid #ddd0;
    border-bottom: 1px solid #ddd0;
    padding: 0 10px 0;
    background: #fff;
    border-radius: 7px 7px 0px 0px;
    padding-right: 10px !important;
}
.Vf-grid-hierarchical  .dx-treelist-table {
    background-color: #fff;
}
.Vf-grid-hierarchical  .dx-treelist-rowsview .dx-treelist-content:not(.dx-treelist-content-fixed) {
    font-size: 13px;
}
.Vf-grid-hierarchical  .dx-treelist-rowsview {
    padding: 10px;
}
.Vf-grid-hierarchical  .dx-treelist-rowsview .dx-treelist-expanded span {
    font: 18px/18px DXIcons !important;
    font-size: 14px !important;
    color: #222;
}
.Vf-grid-hierarchical  .dx-treelist-rowsview .dx-treelist-expanded span:before {
    content: "\f001" !important;
}
.Vf-grid-hierarchical  .dx-icon-edit:before {
    content: "\e61c";
    left: -4px;
    position: relative;
    font-family: 'themify';
    font-size: 17px;
}
.Vf-grid-hierarchical  .dx-icon-trash:before {
    content: "\e605";
    left: -4px;
    position: relative;
    font-family: 'themify';
    font-size: 17px;
}
.Voyon-FileUpload .dx-icon-trash:before {
    content: "\e605";
    left: 0px;
    position: relative;
    font-family: 'themify';
    font-size: 17px;
}
.Vf-grid-hierarchical  .dx-icon-add:before {
    content: "\e61a";
    position: relative;
    font-family: 'themify';
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
}

.Vf-grid-hierarchical  tr.dx-row.dx-data-row td:first-child {
    border-radius: 6px 0px 0px 6px;
}

.Vf-grid-hierarchical  tr.dx-row.dx-data-row td:last-child {
    border-radius: 0px 6px 6px 0px;
}
/*/Hierarchical grid*/

/*custom grid*/
.Vf-grid-custom {
    width: 100%;
    font-size: 13px;
}
.Vf-grid-custom td label{
    margin-bottom:0px;
}
table.Vf-grid-custom td, table.Vf-grid-custom th {
    width: 16.5%;
    padding: 5px 15px;
    padding-left: 0;
    font-family:var(--main-font);
}
.Vf-grid-custom .head-row {
    border-bottom: 1px solid #cdcdcd;
    height: 42px;
}
.Vf-grid-custom .data-row {
    height: 42px;
}
.Vf-grid-custom .transaction-caption-company th {
    font-size: 13px;
    font-weight: 500;
}
/* / custom grid*/

/*full view*/
.Vf-full-view {
    right: 0%;
    transition: 0.5s ease;
    transform: scale(1);
    opacity: 1;
    z-index: 19;
    padding-left: 96px;
    height: 100%;
    padding-top: 60px;
    margin-top: 15px;
    margin-right: 15px;
}

.Vf-full-view-card {
    background: #fff;
    padding: 26px 30px;
    margin: 15px;
    border-radius: 0px;
    height: 94%;
    margin-top: 0px;
    overflow: hidden;
    overflow-y: auto;
    margin-right: 0px;
    padding-bottom: 100px;
    padding-top: 11px;
}
.Vf-full-view-card::-webkit-scrollbar-track{
    margin-bottom:100px !important;
}
.Vf-full-view-title {
    font-size: 22px;
    font-weight: 600;
    font-family: var(--main-font);
}
.Vf-full-view-card .dx-layout-manager {
    margin-bottom: 8px;
}
.Vf-popup-close-btn {
    height: 20px;
    font-size: 13px;
    text-align: center;
    line-height: 19px !important;
    color: #222;
    z-index: 50;
    float: right;
    cursor: pointer;
    text-align: right;
    position: sticky;
    top: 0px;
}
.Vf-full-view-card .Vf-popup-close-btn {
    margin-top: -45px;
}

.Vf-fullview-title {
    margin-top: -10px;
    margin-bottom: 10px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgb(237, 235, 235);
    font-size: 16px;
    font-weight: 500;
    position: inherit;
    margin-left: 0;
    color: #010101;
    position: sticky;
    top: -26px;
    background: #fff;
    z-index: 28;
    padding-top: 21px;
}
/* /fullview*/

/*tab*/
.Vf-tabs-default .dx-item .dx-tab {
    font-size: 13px;
    display: inline-block;
    color: #191818;
    padding: 10px 18px 10px 10px;
    cursor: pointer;
}
.Vf-tabs-default .dx-tab.dx-tab-selected {
    background: #fff0;
    border-bottom: none;
}
.Vf-tabs-default .dx-tabs::after {
    content: "";
    display: block;
    clear: both;
}
.Vf-tabs-default .dx-tabpanel .dx-tab:not(.dx-tab-selected):not(.dx-state-hover) {
    background: #fff0;
}
.Vf-tabs-default .dx-tabs-scrollable .dx-tabs-wrapper {
    border: 1px solid #ddd;
    border-right: none;
}
.Vf-tabs-default .dx-tabpanel.dx-state-focused .dx-tab-selected:after {
    border-color: #fff;
}
.Vf-tabs-default .dx-tabpanel .dx-tabs {
    border: none;
}
.Vf-tabs-default .dx-tabpanel.dx-state-focused .dx-multiview-wrapper {
    border: 1px solid #ffffff;
}
.payrollListtabs.Vf-tabs-default .dx-tabpanel.dx-state-focused .dx-multiview-wrapper {
    border: 1px solid #fff0;
}
.Vf-tabs-default .dx-tab:before {
    content: "";
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 2;
    height: 0;
    border-bottom: 1.5px solid transparent;
    bottom: 0px;
    margin: 0 3px;
}
.Vf-tabs-default .dx-tab-selected:before {
    border-bottom: 2px solid var(--primary-color);
    bottom: 0;
}
.Vf-tabs-default .dx-state-hover:before {
    border-bottom: 2px solid var(--primary-color);
    opacity: 0.3;
}
.Vf-tabs-default .dx-tab-selected.dx-state-hover:before {
    border-bottom: 2px solid var(--primary-color);
    opacity: 1;
}
.Vf-tabs-default .dx-tab-selected:before {
    transition: 03s;
}
.Vf-tabs-default .dx-tabs {
    border: 0px solid #ddd;
}
.Vf-tabs-default .dx-tabpanel .dx-tab {
    width: auto;
}
.Vf-tabs-default .dx-tabs {
    background-color: #fff;
}
.Vf-tabs-default .dx-tab-selected:after {
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    border-right: none;
    border-left: none;
    border-top: none;
    border-bottom: none;
    z-index: 1;
}
.Vf-tabs-default .Voyon-Forms {
    margin: 25px 0px;
}
.Vf-tabs-default .dx-tabpanel .dx-tabs {
    background-color: #fff;
}
.Vf-tabs-default .dx-tabpanel-tabs {
    padding: 0px 0px;
    border-bottom: 2px solid #f4f3f3;
}
#tabPanelContainer.Vf-tabs-default .dx-tabpanel-tabs {
    border-bottom: 2px solid #e8e8e8 !important;
}
.Vf-tabs-default .dx-tab:hover
.Vf-tabs-default .dx-tabpanel .dx-tab {
    width: auto;
    padding: 10px 20px;
}
.Vf-tabs-default .dx-tab .dx-tab-text {
    position: relative;
    top: 0px;
    transition: .3s;
    text-transform: uppercase;
    font-size: 11px;
}
.Vf-tabs-default .dx-tab .dx-tab-text:hover {
        transition: .1s;
}
.Vf-tabs-default .dx-tab-selected .dx-tab-text {
    font-weight: 500;
}
.Vf-tabs-default .dx-tab.dx-state-hover {
    background-color: #fff0;
}
.Vf-tabs-default .dx-multiview-item {
    transform: translate(0px, 0px);
    transition: .3s;
}
.Vf-tabs-default .dx-multiview-item.dx-multiview-item-hidden {
        transform: translate(36px, 0px);
        transition: .3s;
}
.Vf-tabs-default .dx-tab.dx-tab-selected {
    background: #fff0;
    border-bottom: 2px solid var(--primary-color) !important;
    margin-bottom: 0px;
    font-weight: 500;
}
#employeeAddEditDiv .Vf-tabs-default .dx-tab.dx-tab-selected {
    border-bottom: none !important;
}
.Vf-tabs-default #employeeTabPanelContainer .dx-tab.dx-tab-selected {
    background: #fff0;
    border-bottom: 2px solid var(--primary-color);
    margin-bottom: -2px;
    font-weight: 500;
}
/* /tab*/

/*avatar*/

.Vf-avatar-img img{
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
    position: relative;
    color: #fff;
    margin-top: 0px;
    border-radius: 42px;
    overflow: hidden;
}
.Vf-avatar-text div{
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: rgb(228, 228, 228);
    text-align: center;
    vertical-align: middle;
    font-weight: 500;
    position: relative;
    color: #fff;
    margin-top: 0px;
    border-radius: 50%;
    overflow: hidden;
}
.avatar-xs {
    width: 26px;
    height: 26px;
    line-height: 26px;
    float: left;
    font-size: 12px;
}
.avatar-sm {
    width: 34px;
    height: 34px;
    line-height: 34px;
    float: left;
    font-size: 14px;
}
.avatar-lg {
    width: 76px;
    height: 76px;
    line-height: 76px;
    float: left;
    font-size: 26px;
}
.Vf-card {
    background: #fff;
    box-shadow: 0px 4px 11.83px 1.17px rgba(156, 156, 156, 0.15);
    -webkit-box-shadow: 0px 4px 11.83px 1.17px rgba(156, 156, 156, 0.15);
    -moz-box-shadow: 0px 4px 11.83px 1.17px rgba(156, 156, 156, 0.15);
    border-radius: 7px;
}
/*avatar*/
/*Accordion*/
.Vf-accordion {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(217 220 228 / 88%);
    border-radius: 7px;
    background-color: rgb(255,255, 255);
    box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    padding: 10px 15px;
    margin-bottom:10px;
}
.Vf-accordion:last-of-type{
    margin-bottom:0px;
}
.Vf-accordion-header {}
.Vf-accordion-title {
    font-size: 13px;
    font-weight: 500;
    color: #8391b3;
}
.Vf-accordion-arrow{
    text-align:right;
}
.Vf-accordion-arrow i {
    font-size: 14px;
    font-weight: 700;
    color: #000;
}
.Vf-accordion-body {
    margin: 0;
    margin-top: 15px;
    display: none;
}
.Vf-accordion.opened .Vf-accordion-body{
    display: block;
}
.Vf-accordion.opened .Vf-accordion-arrow i{
    transform: rotate(180deg);
}
.Vf-ac-collapse{
    cursor:pointer;
}
/* /Accordion*/
/*Toolbar*/
.Vf-toolbar-batch, #LeaveManagement-LeaveRequest-VoyonGrids .dx-toolbar {
    background: #e3e5f2;
    padding: 4px 10px !important;
    border-radius: 7px;
}
.Vf-toolbar-batch .selected-records {
        width: auto;
        text-align: left;
        height: 20px;
        vertical-align: baseline;
        line-height: 18px;
        font-size: 12px;
        font-weight: 500;
        color: #5c5a5a;
        padding-right: 15px;
        margin-right: 15px;
        white-space:pre;
}
.red .Vf-toolbar-batch,.red #LeaveManagement-LeaveRequest-VoyonGrids .dx-toolbar {
    background: #f1ebed;
}
.pink .Vf-toolbar-batch, .pink #LeaveManagement-LeaveRequest-VoyonGrids .dx-toolbar {
    background: #eaeaea;
}
.green .Vf-toolbar-batch, .green #LeaveManagement-LeaveRequest-VoyonGrids .dx-toolbar {
    background: #cddccc;
}
.lavender .Vf-toolbar-batch, .lavender #LeaveManagement-LeaveRequest-VoyonGrids .dx-toolbar {
    background: #e1e0e2;
}
.AddEmlpoyee-css .grade.Vf-toolbar-batch {
    border-radius: 7px;
    margin-bottom: 0px;
}
.Vf-toolbar-header .dx-icon.dx-icon-overflow,
.Vf-toolbar-batch .dx-icon.dx-icon-overflow {
    font-size: 14px;
    font-family: "Font Awesome 5 Free";
}
.Vf-toolbar-header .dx-icon.dx-icon-overflow::before ,
.Vf-toolbar-batch .dx-icon.dx-icon-overflow::before {
        font-family: "Font Awesome 5 Free";
        content: "\f142";
        display: inline-block;
        padding-right: 3px;
        vertical-align: middle;
        font-weight: 900;
}
.Vf-toolbar-batch .dx-dropdownmenu.dx-button-has-icon .dx-button-content {
    padding: 4px 4px;
    padding-right: 0;
}
.Vf-toolbar-batch .dx-toolbar-menu-container .dx-button {
    margin-left: 0px;
}
.Vf-toolbar-batch .dx-button-mode-contained {
    background-color: #ddd0;
    border-color: #ddd0;
}

.Vf-toolbar-header {
    padding: 5px 0px 10px;
}

.familyDetails .Vf-toolbar-header {
    display: none;
}
.Vf-toolbar-header .dx-searchbox .dx-icon-search {
    font: 16px/18px DXIcons;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    width: 34px;
    height: 34px;
    background-position: 8px 8px;
    background-size: 18px 18px;
    padding: 8px;
    text-align: center;
    color: #bab8b8;
}

.Vf-toolbar-header .dx-button-mode-contained {
    border-color: transparent;
    color: #333;
}
.Vf-toolbar-header .dx-button-content {
    padding: 4px 3px;
}

.Vf-toolbar-header .dx-texteditor.dx-editor-filled {
    background: #ffffff;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    margin-right: 12px;
    margin-left: 23px;
}

.Vf-toolbar-header .dx-datagrid-search-panel .dx-placeholder {
    color: #bab8b8;
    font-size: 13px;
}

.Vf-toolbar-header .dx-icon.fas.fa-filter {
    font-size: 13px;
}

.Vf-toolbar-header .dx-icon.dx-icon-overflow,
.Vf-toolbar-batch .dx-icon.dx-icon-overflow {
    font-size: 14px;
    font-family: "Font Awesome 5 Free";
}
.Vf-toolbar-header .dx-icon.dx-icon-overflow::before ,
.Vf-toolbar-batch .dx-icon.dx-icon-overflow::before {
        font-family: "Font Awesome 5 Free";
        content: "\f142";
        display: inline-block;
        padding-right: 3px;
        vertical-align: middle;
        font-weight: 900;
}
.Vf-toolbar-header .dx-datagrid-search-panel.dx-textbox.dx-texteditor{
    width:240px !important;
}
.visibility-hidden {
    visibility: hidden;
}
.font-weight-Thin {
    font-weight: 200 !important;
}
.font-weight-regular {
    font-weight: 400 !important;
}
.font-weight-medium {
    font-weight: 500 !important;
}
.font-weight-bold {
    font-weight: 700 !important;
}
.font-weight-high {
    font-weight: 800 !important;
}
.text-underline {
    text-decoration:underline;
}
.text-line-through {
    text-decoration: line-through;
}
.text-overline {
    text-decoration: overline;
}
.text-underline-overline {
    text-decoration: underline;
}
.text-underline {
    text-decoration: underline;
}
.text-italic{
    font-style:italic;
}
.cursor-pointer{
    cursor:pointer;
}
.margin-right-5 {
    margin-right: 5px !important;
}
.margin-right-10 {
    margin-right: 10px !important;
}
.margin-right-15 {
    margin-right: 15px !important;
}
.margin-right-20 {
    margin-right: 20px !important;
}
.margin-right-30 {
    margin-right: 30px !important;
}
.margin-left-5 {
    margin-left: 5px !important;
}
.margin-left--5 {
    margin-left: -5px !important;
}
.margin-left-10 {
    margin-left: 10px !important;
}
.margin-left-15 {
    margin-left: 15px !important;
}
.margin-left-20 {
    margin-left: 20px !important;
}
.arabic .margin-left-ar-5 {
    margin-left: 5px !important;
}
.arabic .margin-left-ar-10 {
    margin-left: 10px !important;
}
.arabic .margin-left-ar-15 {
    margin-left: 15px !important;
}
.arabic .margin-left-ar-20 {
    margin-left: 20px !important;
}
.arabic .margin-right-ar-5 {
    margin-right: 5px !important;
}
.arabic .margin-right-ar-10 {
    margin-right: 10px !important;
}
.arabic .margin-right-ar-15 {
    margin-right: 15px !important;
}
.arabic .margin-right-ar-20 {
    margin-right: 20px !important;
}
.margin-top-5 {
    margin-top: 5px !important;
}
.margin-top-2 {
    margin-top: 5px !important;
}
.margin-top-6 {
    margin-top: 6px !important;
}
.margin-top-10 {
    margin-top: 10px !important;
}
.margin-top-15 {
    margin-top: 15px !important;
}
.margin-top-20 {
    margin-top: 20px !important;
}
.margin-top-35{
    margin-top:35px !important;
}
.margin-bottom-5 {
    margin-bottom: 5px !important;
}
.margin-bottom-10 {
    margin-bottom: 10px !important;
}
.margin-bottom-15 {
    margin-bottom: 15px !important;
}
.margin-bottom-20 {
    margin-bottom: 20px !important;
}
.margin-bottom-25 {
    margin-bottom: 25px !important;
}
.padding-right-5 {
    padding-right: 5px !important;
}
.padding-right-10 {
    padding-right: 10px !important;
}
.padding-right-15 {
    padding-right: 15px !important;
}
.padding-right-20 {
    padding-right: 20px !important;
}
.padding-left-5 {
    padding-left: 5px !important;
}
.padding-left-0 {
    padding-left: 0px !important;
}
.padding-left-10 {
    padding-left: 10px !important;
}
.padding-left-15 {
    padding-left: 15px !important;
}
.padding-left-20 {
    padding-left: 20px !important;
}
.padding-top-5 {
    padding-top: 5px !important;
}
.padding-top-0 {
    padding-top: 0px !important;
}
.padding-top-10 {
    padding-top: 10px !important;
}
.padding-top-15 {
    padding-top: 15px !important;
}
.padding-top-20 {
    padding-top: 20px !important;
}
.padding-bottom-0 {
    padding-bottom: 0px !important;
}
.padding-right-0 {
    padding-right: 0px !important;
}
.padding-right-35 {
    padding-right: 35px !important;
}
.padding-right-40 {
    padding-right: 40px !important;
}
.padding-right-45 {
    padding-right: 45px !important;
}
.padding-bottom-5 {
    padding-bottom: 5px !important;
}
.padding-bottom-10 {
    padding-bottom: 10px !important;
}
.padding-bottom-15 {
    padding-bottom: 15px !important;
}
.padding-bottom-20 {
    padding-bottom: 20px !important;
}
.padding-5{
    padding:5px;
}
.padding-10 {
    padding: 10px;
}
.padding-15 {
    padding: 15px;
}
.padding-20 {
    padding: 20px;
}
.padding-25{
    padding:25px;
}
.margin-5 {
    margin: 5px;
}
.margin-10 {
    margin: 10px;
}
.margin-15 {
    margin: 15px;
}
.margin-20 {
    margin: 20px;
}
.float-right{
    float:right;
}
.float-left {
    float: left;
}
.dispad-left{
    padding-left:0 !important;
}
.dispad-right {
    padding-right: 0 !important;
}
.footer-btn-group {
    position: absolute !important;
    bottom: 20px;
    right: 20px;
}
.Vf-field-label {
    color: #555;
    font-size: 13px;
    font-weight: 400;
    margin-bottom:0.5rem;
    line-height:10.4px;
    font-family:var(--main-font);
}
.form-group{
    margin-bottom:10px !important;
}
.w-150{
    width:150px !important;
}
.w-250 {
    width: 250px !important;
}

/* /Toolbar*/

/*/Table*/
.Vf-html-editor{

}
.Vf-html-editor .dx-button-mode-text .dx-icon {
    color: #1482b5;
}
.Vf-html-editor .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format) {
    background-color: #ddeaf3;
}
.Vf-html-editor .dx-htmleditor-toolbar{
    padding: 10px 25px;
}
.Vf-html-editor .dx-htmleditor-toolbar .dx-toolbar-before{
    text-align:left !important;
}
.Vf-html-editor .Vf-card{
    border:none;
}
.Vf-btn-switch .dx-item-selected .dx-button-content {
    box-shadow: 0px 5px 12px 0px rgb(104 106 124 / 20%);
    -moz-box-shadow: 0px 5px 12px 0px rgb(104 106 124 / 20%);
    -webkit-box-shadow: 0px 5px 12px 0px rgb(104 106 124 / 20%);
    border-style: solid;
    border-width: 1px;
    border-color: var(--primary-color);
    border-radius: 4px;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    background: var(--primary-color);
    color: #fff;
    padding: 0px 11px;
    margin-top: -1px;
}
#ShiftCalendar-grid .Vf-btn-switch .dx-button-content {
    padding: 5px 11px;
}
.Vf-btn-switch .dx-button-content {
    border-style: solid;
    border-width: 1px;
    border-color: var(--toolbar-color);
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    background: #fff;
    color: #6b799c;
    padding: 1px 12px;
    width: auto;
    margin-top: -1px;
}
.Vf-btn-switch .dx-buttongroup-item:first-child .dx-button-content {
    border-radius: 4px 0px 0px 4px;
}
.Vf-btn-switch .dx-buttongroup-item.dx-item-selected:first-child .dx-button-content {
    border-radius: 4px 4px 4px 4px;
}
.Vf-btn-switch .dx-buttongroup-item:last-child .dx-button-content {
    border-radius: 0px 4px 4px 0px;
}
.Vf-btn-switch .dx-buttongroup-item.dx-item-selected:last-child .dx-button-content {
    border-radius: 4px 4px 4px 4px;
}
.Vf-btn-switch .dx-buttongroup-item {
    border: 0px solid;
}
.Vf-btn-switch.report-switch-btn .dx-buttongroup-item .dx-button-content {
    min-width: 90px;
    border-radius: 4px;
}
.Vf-btn-switch .dx-button-mode-contained.dx-buttongroup-item
.attendance-container .Vf-btn-switch {
    margin-left: 15px;
}
.Vf-btn-switch .dx-buttongroup-wrapper {
    height: 28px;
}
.Vf-btn-switch .dx-buttongroup-item{
    background-color:transparent !important;
    padding-left:0px !important;
    padding-right:0px !important;
    
}
.Vf-btn-switch .dx-button-mode-outlined {
    background-color: transparent;
    border-color: #ddd0;
}
.Vf-btn-switch .dx-buttongroup-item:nth-child(1){
    z-index: 3;
}
.Vf-btn-switch .dx-item-selected:nth-child(1){
    margin-right:0px;
}
.Vf-btn-switch .dx-item:nth-child(2) .dx-button-content{
    border-left:none;
}
.Vf-btn-switch .dx-item-selected:nth-child(2) .dx-button-content{
    border-left:1px solid var(--primary-color);
}
.Vf-btn-switch .dx-item:nth-child(1) .dx-button-content{
    border-right:none;
}
.Vf-btn-switch .dx-item-selected:nth-child(1) .dx-button-content{
    border-right:1px solid var(--primary-color);
}

.Vf-btn-switch .dx-item.dx-buttongroup-item:nth-child(2),
.Vf-btn-switch .dx-item.dx-buttongroup-item:nth-child(3),
.Vf-btn-switch .dx-item.dx-buttongroup-item:nth-child(4),
.Vf-btn-switch .dx-item.dx-buttongroup-item:nth-child(5)
.Vf-btn-switch .dx-item.dx-buttongroup-item:nth-child(6),
.Vf-btn-switch .dx-item.dx-buttongroup-item:nth-child(7),
.Vf-btn-switch .dx-item.dx-buttongroup-item:nth-child(8) {
    margin-left: -2px;
    /*z-index: 5;*/
    z-index: 0;
}
.Vf-btn-switch .dx-item-selected:nth-child(2),
.Vf-btn-switch .dx-item-selected:nth-child(3),
.Vf-btn-switch .dx-item-selected:nth-child(4),
.Vf-btn-switch .dx-item-selected:nth-child(5)
.Vf-btn-switch .dx-item-selected:nth-child(6),
.Vf-btn-switch .dx-item-selected:nth-child(7),
.Vf-btn-switch .dx-item-selected:nth-child(8) {
    margin-left: -5px;
    z-index: 6;
}
.Vf-btn-switch .dx-buttongroup-item.dx-item-selected {
    z-index: 6 !important;
}
.Vf-field-range {
    width: 150px;
    border: none;
    border-radius: 0;
    margin-right: 10px;
    margin-left: 10px;
    text-align: center;
}
.Vf-field-range .dx-texteditor-input{
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    color: #6783ad;
    text-align: center;
}
.Vf-item-center {
    display: flex;
    align-items: center;
    justify-content: center;
}
.Vf-grid-child-Title {
    font-size: 14px;
    font-weight: 500;
    position: relative;
    z-index: 66;
    margin-left: 0px;
    top: 9px;
    background: transparent;
    width: 50%;
    padding-left: 5px;
    color: #8391b3;
    padding-top: 10px;
}
.Vf-custom-label {
    line-height: 10.4px;
    font-size: 13px;
    font-weight: 500;
    font-family: var(--main-font);
    margin-bottom: 8px;
}
.Vf-form-subgroup-caption {
    font-size: 14px;
    font-weight: 500;
    font-family: var(--main-font);
    border-bottom: 1px solid #ddd;
    padding-bottom: 6px;
    margin-bottom: 8px;
}
.Vf-field-btn-i {
     position: relative;
    padding: 3px 0px;
    background: rgb(248 165 30);
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-size: 10px;
    margin-right: 28px;
    cursor: help;
    line-height: 10px;
    width: 15px;
    height: 15px;
    margin-top: -22px;
    float:right;
}
.Vf-btn-default,.Vf-btn-circle,.Vf-btn-danger,.Vf-btn-circle {
    opacity: 1;
    transition: .3s;
}
.Vf-btn-default:hover, .Vf-btn-circle:hover, .Vf-btn-danger:hover, .Vf-btn-circle:hover {
    opacity: 0.6;
    transition: .2s;
}
.col-3-5 {
    max-width: 21%;
}
.Wf_ap .griped.dx-button-mode-contained.dx-button-default .dx-button-content {
    padding: 6px 15px 7px !important;
    min-width: 66px !important;
    line-height: inherit;
}
.Vf-action-grid-btn.dx-button-mode-contained {
    background-color: #ddd0;
    border-color: #ddd0;
    color: #333;
}
.Vf-action-grid-btn.custom-btn.dx-button-mode-contained {
    background-color: #ddd0;
    border-color: #ddd0;
    color: #72797e;
    margin-top: -10px;
}
/*.dx-datagrid-rowsview .dx-row td.dx-command-edit .Vf-action-hover-icon {
    display: none !important;
}
.dx-datagrid-rowsview .dx-row:hover td.dx-command-edit .Vf-action-hover-icon {
    display: inline-block !important;
}*/

.dx-datagrid-rowsview .dx-row td .Vf-action-grid-btn {
    display: none;
}
.dx-datagrid-rowsview .dx-row:hover td .Vf-action-grid-btn {
    display: inline-block;
}
.Vf-action-grid-btn .dx-button-content {
    padding: 0px;
    display: flex;
    align-items: center;
}
.success-bg-color {
    background-color: #32bea6 !important;
}
.danger-bg-color {
    background-color: #cc4e4e !important;
}
.Vf-batch-toolbar-btn.Vf-btn-default.dx-button-mode-contained.dx-button-default .dx-button-content {
    padding: 5px 20px 5px !important;
    min-width: 70px !important;
}
.Vf-batch-toolbar-btn.Vf-btn-default.dx-button-mode-contained.dx-button-default .dx-button-content .dx-button-text {
    font-size:12px;
}
.Vf-batch-toolbar-label .dx-item-content div {
    color: #222;
    border: none;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 34px !important;
    width: auto;
    cursor: pointer;
}
.no-user-select {
    user-select: none;
    -webkit-user-select: none;
}
.ACt.empTalent .vy-accordian .Voyon-ChildGrids-Title {
   top:5px;
}
.ACt .employeeCard .Vf-grid-child .dx-toolbar-items-container {
    height: 52px;
}
.ACt .employeeCard .Vf-grid-child {
    margin-top: 0px;
    margin-bottom:0px;
}
.remove-bgs, .remove-bgs.dx-state-hover {
    border: 0px solid #ddd0;
    background: #ddd0;
    background-color: #ddd0;
}
.position-push-top {
    position: relative;
    margin-top: -45px;
}
.ellipse{
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.main-font{
    font-family:var(--main-font);
}
.payrollTabToolbar.Voyon-Grids .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row:hover .dx-command-edit-with-icons .dx-link {
    display: inline-block;
}
.EmpApply.Vf-btn-default.dx-button-mode-contained.dx-button-default .dx-button-content {
    padding: 5px 25px 6px !important;
}
.Vf-dashboard-widget-popup .dx-popup-content {
    padding-top: 0px;
    padding-bottom: 0px;
    height: calc(100% - 55px) !important;
}
.Vf-dashboard-widget-popup .dx-icon.fas.fa-filter{
    font-size:13px;
}
.Vf-dashboard-widget-popup .Column-Chooser-Custom{
    color:#333;
}
.Vf-dashboard-widget-popup #Save-Preference-Text {
    padding-right: inherit;
    margin-right: inherit;
    padding-left: 3px;
}
.Vf-dashboard-widget-popup #Save-Preference-Text::after {
    display:none;
}
.Vf-dashboard-widget-popup .Records-limits {
    margin-right: 15px;
    padding-right: 15px;
}
.Vf-dashboard-widget-popup .Records-limits::after {
    content: '';
    height: 20px;
    width: .5px;
    background: #b9b9b9;
    position: absolute;
    margin-top: -4px;
    margin-left: 15px;
}
.Vf-dashboard-widget-popup .Vf-toolbar-header {
    padding: 6px 0px 6px;
}
.ReMoveTopMrgin.Vf-grid-child {
    margin-top: 0px;
}
.Vf-btn-circle.icon-only.text-margin-5 .dx-button-text {
    margin-left: 5px;
}
.palegreen-color .dx-icon {
    background: #17a2b8 !important;
    color:#fff !important;
}
.full-size-widget {
    height: 300px;
    width: 100%;
    margin: 0 auto;
}
.cms-emptydata{
    height:300px !important;
}

/*quick fix*/

/*@media only screen and (min-width: 1367px) {
    .voyon-dashboard-User.Home.Dashboard #PieChartDailyAttendance, #pieDailyAttendance {
        height: 186px;
    }
}
.voyon-dashboard-User.Home.Dashboard .dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
    height: 30px !important;
}
.voyon-dashboard-User.Home.Dashboard .dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable .dx-scrollable-content {
    min-height: 225px;
}
.calendar-dashboard .dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
    font-size: 11px;
    height: 44px;
    padding: 7px 5px;
}*/
/*quick fix*/
.Vf-chart-fullWidth{
    width:100%;
}
.Vf-tab-switch .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-normal {
    background-color: transparent;
    border: none;
}
.Vf-tab-switch .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-item-selected {
    background-color: #ccc0;
    border:none;
}
.Vf-tab-switch .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected) {
    background-color: transparent;
    border:none;
}
.Vf-tab-switch .dx-button-content {
    border-style: solid;
    border-width: 1px;
    border-color: #e3e5f200;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    background: #fff;
    color: #6b799c;
    padding: 5px 12px;
    width: auto;
    margin-top: 0px;
}
.Vf-tab-switch .dx-item-selected .dx-button-content {
    border: none;
    border-bottom: 2px solid var(--primary-color);
    border-radius: 4px;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    background: rgb(5 166 240 / 0%);
    color: var(--primary-color);
    padding: 5px 13px;
    margin-top: 1px;
    border-radius: 0 !important;
}
.Vf-tab-switch-container {
    border-bottom:2px solid #ddd
}
.Dnone-label label {
    display: none !important;
}
.Vf-footer-btn-group {
    position: absolute;
    width: 100%;
    padding-right: 10px;
    bottom: 20px;
}
.Vf-btn-weightless .dx-button-content {
    padding: 0;
    overflow: initial;
}
.Vf-btn-weightless {
    padding: 0;
    background-color: transparent !important;
}
.only-right-pad {
    padding-left: 0px !important;
    padding-right: 10px !important;
}
.filter-toolbar .Vf-custom-label {
    color: #6d6f7f;
    font-weight: 600;
}
.filter-toolbar .filter-apply-btn {
    margin-top: 15px;
    padding: 0px;
}
.filter-toolbar .filter-apply-btn .Vf-btn-default {
    width: 100%;
    border-radius: 20px;
    background-color: var(--primary-color);
}
.filter-toolbar .filter-apply-btn .Vf-btn-danger {
    width: 100%;
    border-radius: 20px;
    background-color: var(--danger);
}
.filter-toolbar .filter-apply-btn .Vf-btn-default.dx-button-mode-contained.dx-button-default .dx-button-content {
        padding: 6px 25px 6px !important;
}
.filter-toolbar .filter-apply-btn .Vf-btn-default.dx-button-mode-contained.dx-button-default .dx-button-content .dx-button-text{
    line-height: 18px;
    position: relative;
    top: -2px;
}
.Vf-field-emp-i-btn-i {
    position: relative;
    padding: 3px 0px;
    background: rgb(248,165,30);
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-size: 10px;
    cursor: help;
    line-height: 10px;
    width: 15px;
    height: 15px;
    float: right;
}
.Vf-disabled-field-i-btn .dx-state-disabled {
    pointer-events: all;
    opacity: 1;
}
.height-inherit{
    height:inherit;
}
.display-flex {
    display: flex;
}
.bulk-action .dx-buttongroup-item {
    border: none;
}
.bulk-action .dx-button-content{
    float: left;
}
.bulk-action .dx-icon.dx-icon-save {
    margin-left: 0px;
}
.bulk-action .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-hover {
    background-color: rgba(0,0,0,.0);
}
.bulk-action .dx-icon.dx-icon-spindown.dx-icon-right{
    display:none;
}
.bulk-action .dx-button-content img {
    position: relative;
    top: 3px;
}
.bulk-action .dx-button-content .dx-button-text{
    position:relative;
    top:3px;
}
.bulk-action .dx-button-content {
    padding-top: 0px;
}
.single-action {
    margin-right:5px;
}
.single-action.more-single-action {
    position: relative;
    top: 1px;
}
.single-action .dx-buttongroup.dx-widget{
    width:55px !important;
}
.single-action .dx-item.dx-buttongroup-item.dx-item-content {
    background: var(--primary-color);
    border-radius: 26px;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.12);
    position: relative;
    top: -4px;
}
.single-action.more-single-action .dx-item.dx-buttongroup-item.dx-item-content {
    background: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border:none;
}
.single-action.more-single-action .dx-icon.dx-icon-right{
    opacity:0;
}
.single-action .dx-button-text {
    padding-right: 10px;
    color: #fff;
    position: relative;
    top: -1px;
    font-weight: 700;
}
.single-action .dx-button-has-text img.dx-icon {
    width: 15px;
    height: 15px;
    background-position: 0 0;
    background-size: 15px 15px;
    padding: 0;
    font-size: 13px;
    text-align: center;
    line-height: 8px;
    margin-right: 9px;
    margin-left: 0;
}
.single-action .dx-button-has-text .dx-icon-right {
    display: none;
}
.single-action .dx-dropdownbutton-action.dx-buttongroup-last-item.dx-button .dx-button-content {
    padding: 3px 0;
    padding-left: 5px;
    padding-right: 5px;
}
#Workforce-Onboarding-VoyonGrids .dx-datagrid-headers .dx-datagrid-table .dx-row > td:not(:first-of-type) {
    text-align: left !important;
}
#Workforce-Onboarding-VoyonGrids .dx-datagrid-content .dx-datagrid-table .dx-data-row .dx-command-edit-with-icons{
    text-align:left !important;
}
.blk-drp-ico .dx-icon.dx-list-item-icon {
    width: 16px;
    height: 16px;
    background-position: 0 0;
    background-size: 16px;
    padding: 0;
    font-size: 17px;
    text-align: center;
    line-height: 16px;
}
.blk-drp-ico .dx-popup-content {
    padding: 20px 8px !important;
}
.blk-drp-ico .dx-item.dx-list-item:last-of-type {
    color: #b25a5a !important;
}
.Vf-more-custom-dropdown-btn {
    padding: 0 !important;
    background: transparent !important;
    border:none;
}
.Vf-more-custom-dropdown-btn .dx-button-content .dx-button.dx-button-normal.dx-button-mode-contained  {
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.Vf-more-custom-dropdown-btn .dx-button-content .dx-button.dx-button-normal.dx-button-mode-contained .dx-button-content{
    padding:6px 10px !important;
}
.Vf-more-custom-dropdown-btn .dx-button-content .dx-icon.import-toolbar-btn{
    margin-right: 6px !important;
}
.Vf-more-custom-dropdown-btn .dx-button-content .dx-icon.fa-save {
    font-size: 15px;
    margin-right: 6px;
}
.Vf-more-custom-dropdown-btn .btn-text {
    color: #000 !important;
    margin-left: 5px;
}
.Vf-more-custom-dropdown-btn .dx-button-content{
    padding: 2px 10px;
    line-height: 0;
}
.ListingDashboard .Pageindices {
    display: inline-flex;
}
.Vf-btn-custom {
    background: var(--primary-color);
    border: 1px solid var(--primary-color);
    border: none;
    padding: 6px 25px 6px;
    min-width: 86px;
    border-radius: 4px;
    color: #fff;
    font-family: var(--main-font) !important;
    font-weight: 500;
}
.Vf-btn-custom.outline{
    background:transparent;
    border:1px solid var(--primary-color);
    color:#222;
}
.custom-page-scroll-container {
    overflow: hidden;
    overflow-y: auto;
    width: calc(100% - 95px);
    height: calc(100% - 60px);
    position: absolute;
    padding: 15px 0;
    padding-right: 15px;
    margin-top: -15px;
}
.Vf-batch-btn i {
    position: relative;
    top: 3px;
    right: 4px;
}
.Vf-batch-btn .vy-circle-btn-text {
    position: relative;
    top: 1px;
}
.font-size-18 {
    font-size: 18px;
}
.font-size-13 {
    font-size: 13px;
}
.font-size-14 {
    font-size: 14px;
}
a.a-link{
    color:blue !important;
}
a.a-link:hover {
    cursor: pointer;
    text-decoration: underline !important;
}
.Vf-custom-text-area-output {
    resize: none;
    font-family: inherit;
    overflow: auto;
    white-space: pre-wrap;
    margin: 0;
    margin-top:4px;
    display: inline-table;
    line-height: normal;
    margin-bottom: 5px;
    color: #808080;
    padding-left: 8px;
}
a {
    color: #2c8ff9;
}
a:hover {
    color: #2c8ff9;
    text-decoration:none;
}
.inherited-tagbox-height .Vf-grid-child .dx-texteditor-input-container.dx-tag-container {
    height: inherit;
}
.Wf_ap .Vf-toolbar-batch .Vf-btn-circle.icon-only.dx-button-default .dx-button-text {
    position: relative;
    top: 0px !important;
}
.Wf_ap .Vf-btn-circle.icon-only.dx-button-default .dx-button-content {
    display: flex;
    align-items: center;
}
.Vf-custom-toolbar-text,
.Vf-custom-toolbar-text .dx-toolbar-item-content div{
    color: #222;
    border: none;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 34px !important;
    width: auto;
    cursor: pointer;
}
.Vf-toolbar-batch .Vf-btn-default.dx-button-mode-contained.dx-button-default .dx-button-content {
    padding: 4px 20px 4px !important;
    min-width: 76px !important;
}
.count-btn.Vf-btn-default.dx-button-mode-contained.dx-button-default {
    border-radius: 50%;
    background: var(--hover-var2);
    color:#222;
}
.Vf-btn-default.count-btn.dx-button-mode-contained.dx-button-default .dx-button-content {
    width: 30px;
    height: 30px;
    min-width: 30px !important;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.Vf-toolbar-batch .Vf-btn-default.dx-button-mode-contained.dx-button-default .dx-button-content  .dx-button-text{
    font-size: 12px;
    position: relative;
    top: 0px;
}
.Vf-toolbar-batch .count-btn.Vf-btn-default.dx-button-mode-contained.dx-button-default .dx-button-content .dx-button-text {
    top: 0px;
}
.common-employee-filter .filter-toolbar {
    margin-bottom: 0;
    border-radius: 5px 5px 0 0;
    padding-top: 20px;
}
.common-employee-filter .Vf-grid-child {
    margin-top: 0;
    box-shadow: none;
    border-top: none;
    border-radius: 0px 0px 5px 5px;
    transition: 0.2s;
    padding: 15px 15px 0;
}
.expanded.common-employee-filter .Vf-grid-child {
    height: calc(260px - -300px) !important;
    background: #fff;
    border-top: 1px solid rgb(217, 220, 228);
    border-radius: 5px;
    transition: 0.2s;
}
.expanded.common-employee-filter .Vf-grid-child.allocation {
    height: calc(260px - -255px) !important;
}
.expanded.common-employee-filter.ITA-grid .Vf-grid-child {
    height: calc(260px - -256px ) !important;
}
    .expanded.common-employee-filter .filter-toolbar{
    display:none;
}
.filter-collapse .collapse-arrow-filter.top {
    margin-top: 25px;
    position: relative;
    left: -7px;
    transform: rotate( 0deg );
    transition:.2s;
}
.expanded.common-employee-filter .collapse-close-btn {
    position: fixed;
    z-index: 22;
    right: 30px;
    top: 60px;
}
.common-employee-filter .collapse-close-btn {
    right: 36px;
}
.common-employee-filter .collapse-arrow-filter{
    margin-top:12px;
}
.common-employee-filter .dx-datagrid.dx-datagrid-borders > .dx-datagrid-pager {
    background: #fff;
}
.common-employee-filter .dx-datagrid-header-panel .dx-datagrid-search-panel {
    margin-right: 40px;
}
.common-employee-filter .filter-apply-btn-emp {
    border-radius: 20px;
    background-color: #d2d4e1;
}
.common-employee-filter .EmpApply.Vf-btn-default.dx-button-mode-contained.dx-button-default .dx-button-content {
    min-width: 170px !important;
    font-size: 12px;
}
.Vf-dashboard-widget-popup .dx-overlay-content.dx-popup-normal {
    z-index: 9999999;
}
#gridPayrollProcessAttendance .dx-datagrid .dx-column-lines > td:nth-last-child(3) {
    /*text-align: center !important;*/
}
a {
    color: #60aae0 !important;
    text-decoration: none;
}
a:hover {
    text-decoration: none !important;
}
.Wf_ap_toolbar .dx-item.dx-toolbar-item.dx-toolbar-button {
    position: relative;
    top: 0px;
}
.card-right-left-padding-20 {
    padding-left: 20px;
    padding-right: 20px;
}
.ContactPersonsInfo .Vf-grid-child .dx-toolbar.dx-widget.dx-visibility-change-handler.dx-collection {
    background: transparent;
}
.ContactPersonsInfo .Vf-grid-child .dx-datagrid-header-panel {
    margin-top: -40px;
}
.Vf-list-box {
    height: calc(100% - 90px);
}
.Vf-list-box .dx-item.dx-list-item {
    padding: 6px 2px;
    background: var(--white);
    border-radius: 5px;
    font-weight: 500;
}
.Vf-list-box .dx-item.dx-list-item .dx-list-item-content {
    background: transparent;
    opacity:0.8;
}
.Vf-list-box .dx-item.dx-list-item.dx-list-item-selected,
.Vf-list-box .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) {
    padding: 6px 2px;
    background: var(--toolbar-color);
    border-radius: 5px;
    font-weight: 500;
    color: var(--primary-color);
}
.Vf-list-box .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover {
    background: var(--toolbar-color);
}
.Vf-list-box .dx-list-static-delete-button.dx-button{
    background: transparent;
    border-color: transparent;
    margin-right: 0px;
    text-align: right;
    float: right;
}
.Vf-list-box .dx-list-static-delete-button.dx-button .dx-icon.dx-icon-remove{
    font-family: 'themify';
    font-size: 17px;
}
.Vf-list-box .dx-list-static-delete-button.dx-button .dx-icon.dx-icon-remove:before {
    content: "\e605";
}
.Vf-list-box .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected {
    background-color: transparent;
    color: var(--primary-color);
}
.Vf-list-box .dx-item.dx-list-item .dx-list-item-after-bag {
    visibility: hidden;
}
.Vf-list-box .dx-item.dx-list-item.dx-list-item-selected .dx-list-item-after-bag,
.Vf-list-box .dx-item.dx-list-item.dx-state-hover .dx-list-item-after-bag {
    visibility: visible;
}
.doc-grid.Vf-grid-child {
    border: none;
    box-shadow: none;
    padding-left: 0;
}
.vy-view-content .doc-grid.Vf-grid-child.Vf-grid-child .dx-datagrid-header-panel {
    margin-top: -70px;
    margin-bottom: 25px;
}
.doc-grid.Vf-grid-child .dx-toolbar.dx-widget.dx-visibility-change-handler.dx-collection {
    background: transparent;
}
.doc-grid.Vf-grid-child .dx-datagrid-borders .dx-datagrid-rowsview {
    padding: 0px;
    background: #fff;
}
.Vf-list-box-footer {
    float: right;
    padding: 10px 25px;
}
.Vf-left-sidebar-footer {
    float: right;
    width: 100%;
    padding-right: 0;
}
.Vf-list-box .dx-item.dx-list-item.dx-list-item-selected .dx-list-reorder-handle {
    color: #333 !important;
}
.Vf-list-conf.dx-button-default {
    background: transparent;
    color: #555;
    margin-top: -5px;
}
.Vf-list-conf.dx-button-default .dx-button-content{
    padding-left: 4px;
}
.Vf-list-conf.dx-button-default .dx-button-content i span {
    font-family: var(--main-font);
    font-size: 13px;
    font-weight: 500;
    color: var(--primary-color);
}
.Vf-list-conf.dx-button-default .dx-button-content .ti-settings:before {
    content: "\e60f";
    background: var(--primary-color);
    padding: 4px;
    border-radius: 50%;
    font-size: 13px;
    color: #fff;
    margin-right: 5px;
    box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 6%);
}
.Vf-list-conf.dx-button-mode-contained.dx-button-default.dx-state-hover,
.Vf-list-conf.dx-button-mode-contained.dx-button-default.dx-state-focused {
    background: transparent;
}
.off-plan .off-sidebar .Vf-grid-child {
    border: none;
    box-shadow: none;
    padding: 5px 20px;
    height: 100%;
    margin:0px;
}
.off-plan .off-sidebar .Vf-grid-child .dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable{
    padding:0 !important;
}
.off-plan .off-sidebar .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit.dx-command-edit-with-icons {
    text-align: right !important;
    border-radius: 0px 6px 6px 0px;
    border-bottom: 0;
}
.off-plan .off-sidebar .dx-datagrid-content .dx-datagrid-table .dx-row:hover .dx-command-edit.dx-command-edit-with-icons,
.off-plan .off-sidebar .Vf-grid-child .dx-datagrid .dx-column-lines:hover > td:first-child {
    background-color: var(--toolbar-color);
}
.off-plan .off-sidebar .Vf-grid-child .dx-datagrid .dx-column-lines > td:first-child {
    border-radius: 6px 0 0 6px;
    border-bottom: 0;
}
.off-plan .off-sidebar .title-desc {
    padding-top: 6px;
    font-weight: 400;
    color: #828282;
    font-size: 11px;
}
.off-plan .off-sidebar .desc-parent {
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 3px;
}
.off-plan .off-sidebar .Vf-grid-child .dx-datagrid-rowsview .dx-row {
    height: 50px;
}
.off-plan .off-sidebar .Vf-grid-child .dx-datagrid-rowsview .dx-row:hover td,
.off-plan .off-sidebar .Vf-grid-child .dx-datagrid-rowsview .dx-row.dx-selection td{
    background-color: var(--toolbar-color);
}
.off-plan .off-sidebar .Vf-grid-child .dx-datagrid-rowsview .dx-row td.dx-command-edit .dx-link {
    visibility:hidden;
}
.off-plan .off-sidebar .Vf-grid-child .dx-datagrid-rowsview .dx-row.dx-selection td.dx-command-edit .dx-link,
.off-plan .off-sidebar .Vf-grid-child .dx-datagrid-rowsview .dx-row.dx-state-hover td.dx-command-edit .dx-link {
        visibility: visible;
    }
.off-plan .dx-layout-manager .dx-label-h-align .dx-field-item-label .dx-field-item-label-content {
    width: 170px !important;
    font-weight: 500;
    color: #555;
}
.off-plan .dx-texteditor.dx-state-readonly.dx-editor-filled.dx-state-hover {
    background-color: rgba(255,86,128,.0) !important;
}
.off-plan .Voyon-ChildGrids-Title {
    font-size: 14px;
    font-weight: 500;
    display: table-cell;
    line-height: 26px;
    color: #333;
}
.cutomized-child .Vf-grid-child {
    height: inherit;
    padding-right: 0px;
    padding-left: 0;
}
.cutomized-child .Vf-grid-child tr.dx-row.dx-data-row{
    height: 45px;
    border-left: 6px solid #f36125;
    width: 100%;
    border-radius: 7px;
}
.cutomized-child .Vf-grid-child tr.dx-row.dx-data-row:nth-of-type(2n+1) {
    border-left-color: lightsteelblue;
}

.cutomized-child .Vf-grid-child tr.dx-row.dx-data-row:nth-of-type(2n+2) {
     border-left-color: #f5b724;
}

.cutomized-child .Vf-grid-child tr.dx-row.dx-data-row:nth-of-type(3n+1) {
     border-left-color: #f36125;
}
.Vf-conf-msg {
    font-weight: 400;
    font-family: var(--main-font);
    font-size: 13px;
    color: #1d1d1d;
}
.Vf-action-btn-Childgrid.dx-button-mode-contained {
    border: none;
    background: transparent;
    position: relative;
    top: -3px;
}
.Vf-action-btn-Childgrid.dx-button-mode-contained .dx-button-content{
    padding:0px;
}
.Vf-action-btn-Childgrid.dx-button-mode-contained .dx-button-content .dx-icon {
    color: #72797e;
    font-size: 16px;
}
.off-plan .cutomized-child .Voyon-ChildGrids-Title {
    top: 0px;
    padding-left: 18px;
    padding-bottom: 3px;
}
.Vf-grid-default .dx-datagrid-rowsview .dx-row td .Vf-list-conf{
    visibility:hidden;
}
.Vf-grid-default .dx-datagrid-rowsview .dx-row.dx-state-hover td .Vf-list-conf {
    visibility: visible;
}
.cutomized-child .Vf-grid-child .dx-datagrid-rowsview .dx-select-checkboxes-hidden > tbody > tr > td > .dx-select-checkbox {
    display: block;
}
.Vf-popup-form-content {
    height: calc(100% - 66px);
}
.Vf-popup-form-footer{
    text-align:right;
}
.off-sidebar .Vf-grid-child .dx-toolbar .dx-toolbar-after {
    top: -7px;
}
.padding-r-l-5{
    padding:0 5px !important;
}
.Vf-auto-height-tagbox .dx-texteditor-input-container.dx-tag-container {
    height: auto;
}
.Vf-attachment-strip {
    display: inline-flex;
    background: #b2c1d2;
    transition: 0.2s;
    width: auto !important;
    border-radius: 5px;
    padding: 4px 12px 4px 14px;
    font-size: 11px;
    line-height: normal !important;
    margin-top: 4px;
    position: relative;
    color: #fff;
    margin-right: 5px;
    vertical-align: middle;
}
.dispadded-dx-datagrid-rowsview .dx-datagrid-headers + .dx-datagrid-rowsview {
    padding:0 !important;
}
.Fly-Out-Form .dx-box-flex .dx-item.dx-box-item:first-of-type .dx-form-group-caption {
    top:0px;
}
.font-size-15{
    font-size:15px !important;
}
.left-separator-15:before {
    background: #ddd;
    position: absolute;
    left: -15px;
    content: '';
    height: 78%;
    width: 1px;
    top: 3px;
}
.Vf-custom-sub-title {
    font-size: 14px;
    font-weight: 500;
    position: relative;
    color: #333;
    top: -2px;
}
.Vf-customized-edit-form .dx-field-item-label-text {
    color: #48575f;
    font-weight: 400;
}
.Vf-customized-edit-form .dx-field-item-label-content {
    width:120px !important;
}
.jb-form-view.Vf-customized-edit-form .dx-field-item-label-content {
    width: 162px !important;
}
.Vf-customized-edit-form.pos-req .dx-field-item-label-content {
    width: 130px !important;
}
.Vf-customized-edit-form .un-list {
    list-style: none;
    display: flex;
    padding-left: 10px;
    flex-flow:wrap;
    margin-bottom:0px;
    height:26px;
    align-items:center;
}
.Vf-customized-edit-form .dx-texteditor.dx-state-readonly.dx-editor-filled.dx-state-hover {
    background-color: rgb(255 86 128 / 0%);
    border-color: transparent !important;
    box-shadow: none;
}
.Onb-temp .text-editor-msg .dx-field-item-label {
    vertical-align: middle;
    display: grid;
}
.Onb-temp .text-editor-msg .dx-htmleditor.dx-state-readonly {
    background: transparent;
    border: none;
    box-shadow: none;
    font-weight: 300;
    /* padding-left: 116px; */
    margin-top: -4px;
    margin-bottom: 0;
}
.Onb-temp .ql-editor.dx-htmleditor-content {
    padding: 0;
    border: none;
    background: transparent;
}
.Onb-temp .ql-editor.dx-htmleditor-content p strong{
    width: 100%;
    font-size: 13px;
}
.Onb-temp .Vf-customized-edit-form .dx-layout-manager  .dx-field-item-label::after {
    position: absolute;
    content: ':';
    margin-left: 120px;
    margin-top: -12px;
}
.Onb-temp.job-op .Vf-customized-edit-form .dx-layout-manager .dx-field-item-label::after {
    margin-left: 168px;
}
/*.Workflow-config > .Vf-grid-default {
    height: 65% !important;
}*/
.approval-conf > .Vf-grid-default{
    height:77% !important;
}
.Vf-form-view-mode {
    background: var(--form-view-color);
    border-radius: 7px;
    padding: 15px 20px;
    border: 1px solid #e0e0e0;
    margin-bottom:10px;
    box-shadow: 0px 4px 11.83px 1.17px rgb(156 156 156 / 15%);
    -webkit-box-shadow: 0px 4px 11.83px 1.17px rgb(156 156 156 / 15%);
    -moz-box-shadow: 0px 4px 11.83px 1.17px rgba(156, 156, 156, 0.15);
}
.Vf-form-view-mode.Vf-form-view-mode-null{
    background: transparent;
    border: none;
    box-shadow: none;
    padding:inherit;
}
.Vf-form-view-mode .dx-texteditor.dx-state-readonly.dx-editor-filled{
    border-bottom: 1px dashed rgb(213 213 213 / 64%);
}
.Vf-grid-title {
    font-size: 16px;
    font-weight: 600;
    color: #010101;
    font-family: 'Segoe UI',Arial;
}
.Vf-link-btn .dx-button-text {
    color: #3094ff;
    font-size: 13px;
}
.margin-left-0{
    margin-left:0px !important;
}
.Onb-temp .Vf-customized-edit-form .dx-layout-manager .text-editor-msg .dx-field-item-label::after {
    display: none;
}
.Vf-btn-null.Vf-btn-default.dx-button-mode-contained.dx-button-default  .dx-button-content {
    padding: 0px !important;
    line-height:18px;
}
.Vf-btn-null.Vf-btn-default.dx-button-mode-contained.dx-button-default {
    background-color: var(--teal);
}
.Vf-btn-null.outlined.Vf-btn-default.dx-button-mode-contained.dx-button-default {
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
}
.Vf-link-btn.dx-button .dx-button-content {
    padding: 0 8px;
}
.margin-top-0{
    margin-top:0px !important;
}
.Vf-grid-child.gd {
    box-shadow: none;
    border-color: rgb(228 228 228);
}
.display-none{
    display:none;
}
.height-full{
    height:100%;
}
.employeepreview-css .Vf-grid-child .dx-datagrid-borders > .dx-datagrid-headers {
    padding: 0 0px !important;
}
.Vf-pre-wrap-child-grid-td {
    white-space: pre-wrap;
    line-height: 20px;
}
.auto-hightd-child-grid .dx-datagrid-rowsview .dx-row {
    height: auto;
    min-height: 42px;
}
.smart-dashboard-dropdown .smart-dash-btn {
    border: none;
    background-color: transparent !important;
    float: right;
    position: absolute;
    right: 5px;
}
.smart-dashboard-dropdown .smart-dash-btn.SAH-btn {
    right: 30px;
}
.smart-dashboard-dropdown .smart-dash-btn.Rfrsh-btn{
    right: 55px;
}
.smart-dashboard-dropdown .smart-dash-btn .dx-button-content{
    border: none;
    background: transparent !important;
    float: right;
    min-width:20px !important;
}
.smart-dashboard-dropdown .smart-dash-btn .dx-button-content .dx-icon{
    font-size: 13px !important;
    color: #989898;
}
.smart-dashboard-dropdown .smart-dash-btn.Rfrsh-btn .dx-icon-refresh{
    font-size: 16px !important;
}
.smart-dashboard-dropdown .smart-dash-btn.SAH-btn .dx-button-content .dx-icon{
    font-size: 14px !important;
}
.drop-footer-btn.Vf-btn-default.dx-button-mode-contained.dx-button-default .dx-icon {
    background: rgb(255, 255, 255);
    color:var(--current-day);
}
.Vf-toast {
    display: flex;
    vertical-align: middle;
    align-items: center;
    min-width: 320px;
    max-width: calc(50vw - 30px);
    padding: 10px 15px;
    background: #fff;
    border-radius: 4px;
    height: 56px;
    box-shadow: 0px 2px 13px 2px rgb(0 0 0 / 17%);
    -moz-box-shadow: 0px 2px 13px 2px rgb(0 0 0 / 17%);
    -webkit-box-shadow: 0px 2px 13px 2px rgb(0 0 0 / 17%);
    border: 1px solid #e6e6e6;
    border-left: 5px solid #6cca67;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    z-index: 99999;
}
.Vf-toast.success{
    border-left: 5px solid #6cca67;
}
.Vf-toast.warning{
    border-left: 5px solid #ffa923;
}
.Vf-toast.error{
    border-left: 5px solid #f14f11;
}
.Vf-toast.info{
    border-left: 5px solid #2b8ffb;
}
.Vf-toast .toast-img i {
    font-size: 19px;
    color: #6cca67;
}
.Vf-toast.warning .toast-img i{
    color: #ffa923;
}
.Vf-toast.error .toast-img i{
    color: #f14f11;
}
.Vf-toast.info .toast-img i{
    color: #2b8ffb;
}
.Vf-toast .toast-dec{
  padding-left:15px; 
  width: 100%;
}
.Vf-toast-close {
    font-size: 13px;
    color: #989da2;
    cursor: pointer;
    width: 20px;
    text-align: right;
}
.Vf-toast .toast-dec h3{
  font-size: 14px;
  margin-bottom: 0;
}
.Vf-toast .toast-dec .msg{
  font-size: 12px;
  color: #5d748c;
}
#Voyon-Toast-Message-List {
    position: absolute;
    right: 15px;
    bottom: 90px;
    z-index: 2501;
    padding: 0;
}
#Voyon-Toast-Message-List li{
    margin-bottom:15px;
}
 .Vf-add-attachments .attachment-header {
    display: flex;
    padding: 10px 5px 5px;
    border-bottom: 1px solid #d2d2d2;
}
.Vf-add-attachments .at-title {
    width: 96%;
    font-size: 13px;
    font-weight: 600;
}
.Vf-add-attachments .attachment-header i {
    text-align: left;
    width: 4%;
}
.Vf-add-attachments .attachment-body {
    padding: 10px;
    display: flex;
    height:auto;
    transition:0.3s;
    padding-left:0px;
}
.Vf-add-attachments ul {
    padding: 0;
    list-style: none;
    margin-bottom: 0;
}
.Vf-add-attachments .Vf-attachment {
    font-size: 13px;
    width: 200px;
    float: left;
    border: 1px solid #ddd;
    border-radius: 7px;
    padding: 5px;
    margin-right: 10px;
    margin-bottom: 10px;
    height: 55px;
    overflow: hidden;
}
.Vf-add-attachments li.Vf-attachment:last-of-type{
    margin-bottom: 0px; 
}
.Vf-attachment .first-line {
    display: flex;
    margin-bottom: 4px;
}
.Vf-attachment .second-line {
    display: inline-flex;
    position: relative;
    top: 2px;
}
.Vf-attachment .atach-name {
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    display: table-caption;
    color: #72859a;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: inherit;
    overflow: hidden;
    width: calc(178px - 42px);
    cursor: pointer;
    position: relative;
    top: 3px;
}
.Vf-attachment .atach-size {
    color: #676767;
}
.Vf-attachment .atach-close {
    font-weight: bolder;
    font-size: 10px;
    cursor: pointer;
    color: #757575;
    margin-top: 3px;
    margin-right: 3px;
}
.Vf-attachment .atach-type {
    color: #797979;
    margin-right: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 86px;
    line-height: 20px;
    position: relative;
    top: -5px;
}
.Vf-attachment .divider{
    display:flex;
}
.Vf-attachment .divider .contant-img{
    width:66px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -10px;
}
.Vf-attachment .divider .contant-img .img-span{
    width:36px;
    height: 36px;
    background-image:url('../img/unknown-file.svg');
    background-repeat:no-repeat;
    background-size:36px 36px;
}
.Vf-attachment.pdf .divider .contant-img .img-span {
    background-image: url('../img/pdf.svg');
}
.Vf-attachment.image .divider .contant-img .img-span {
    background-image: url('../img/image-file.svg');
}
.Vf-attachment.doc .divider .contant-img .img-span {
    background-image: url('../img/doc.svg');
}
.Vf-attachment.xsl .divider .contant-img .img-span {
    background-image: url('../img/xls.svg');
}
.Vf-attachment.txt .divider .contant-img .img-span {
    background-image: url('../img/image-file.svg');
}
.Vf-attachment .cont-lists {
    width: 100%;
}
.Vf-attachment .add-atach i {
    font-size: 17px;
    color: rgb(172, 212, 255);
    height: auto;
    width: auto;
    border-width: 2px;
    border-style: solid;
    border-color: rgb(172, 212, 255);
    border-image: initial;
    border-radius: 33px;
    height: 29px;
    width: 29px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.Vf-attachment.add {
    border-style: dashed;
    border-color: #94b7dc;
    background: #2c85e40a;
}
.Vf-attachment.add .text{
  color: #7f9ebf;
    position: relative;
    top: -2px;
    margin-left: 17px;
}
.Vf-attachment.add .divider {
    background: transparent;
    border: none;
    padding: 7px;
}
.Vf-attachment.add .divider .dx-button-content{
    padding:0px;
}
.Vf-btn-mini .dx-button-content {
    padding: 3px 6px;
    min-width: 63px;
}
.Vf-btn-mini .dx-button-text {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    margin-left: 4px;
}
.Vf-add-attachments.opened .attachment-body {
    padding:0;
    display:none;
    transition: 0.2s;
}
.Vf-add-attachments .attachments-collapse {
    cursor: pointer;
    transform: rotate( 180deg );
    transition:0.2s;
}
.Vf-add-attachments.opened .attachments-collapse {
    transform: rotate( 0deg );
    transition: 0.2s;
    text-align: right;
}
#SavePreference.Vf-btn-mini {
    margin-top: 4px;
}
.Vf-progressbar {
    padding: 0;
    width: 100%;
    height: 4px;
    overflow: hidden;
    background: #e6e6e69e;
    border-radius: 6px;
    margin-bottom:5px;
}
.Vf-progressbar .bar {
	position: relative;
    float: left;
    min-width: 1%;
    height: 100%;
    background: var(--primary-color);
    width: 0%;
    transition: 0.6s;
}
.Vf-progressbar-label {
    color: #919191;
    font-weight: 400;
    font-size: 11px;
    display: inline-block;
    margin-bottom: 2px;
}
.Vf-custom-pager.dx-button{
    background:transparent;
}
.Vf-custom-pager.dx-button .dx-button-content .dx-icon {
    font-size: 13px;
    font-weight: 600;
    color: #848484;
}
.Cand-search .Vf-grid-default .dx-widget.Vf-toolbar-batch {
    box-shadow: 0px 1px 2px 1px rgb(29 29 29 / 8%);
    -webkit-box-shadow: 0px 1px 2px 1px rgb(29 29 29 / 8%);
    -moz-box-shadow: 0px 1px 2px 1px rgb(29 29 29 / 8%);
}
.Cand-search .Vf-grid-default .dx-datagrid {
    background:#fff;
}
.tranparent-grid .dx-datagrid-borders .dx-datagrid-rowsview, .tranparent-grid .dx-datagrid-headers + .dx-datagrid-rowsview {
    background:transparent;
}
.tranparent-grid .dx-datagrid-rowsview .dx-row {
    height: auto;
    border-left: 4px solid #dac0cc;
    background: #fff;
    padding: 3px;
    border-radius: 7px;
    box-shadow: 0px 1px 3px 3px rgb(156 156 156 / 17%);
    -webkit-box-shadow: 0px 1px 3px 3px rgb(156 156 156 / 17%);
    -moz-box-shadow: 0px 1px 3px 3px rgb(156 156 156 / 17%);
}
.tranparent-grid .dx-datagrid-rowsview .dx-row td{
    padding:0px;
    border-color:transparent;
}
.tranparent-grid .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > td{
    border-color:transparent;
}
.tranparent-grid .dx-datagrid {
    background-color: rgb(246, 247, 251);
}
.tranparent-grid .dx-datagrid.dx-datagrid-borders > .dx-datagrid-pager{
    border-color:transparent;
}
.tranparent-grid.dx-grid-highlighted .dx-datagrid .dx-row.dx-row-focused {
    background: #fff;
}
.tranparent-grid.dx-grid-highlighted .dx-datagrid .dx-row td:first-child{
    width:0;
}
.tranparent-grid.dx-grid-highlighted .dx-datagrid .dx-row.dx-selection td:first-child,
.tranparent-grid.dx-grid-highlighted .dx-datagrid .dx-row:hover td:first-child {
    width:inherit;
}
.Vf-btn-circle.Off-trig .dx-button-content {
    padding: 0;
    width: auto;
}
.Vf-btn-circle.Off-trig {
    width: auto;
    border-color: #ddd0;
    background: #ddd0;
}
.Vf-btn-circle.Off-trig  .dx-button-content img {
    margin: 0;
    height: 22px;
    width: 22px;
}
.Offboarding-List .Vf-grid-default .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit-with-icons .dx-link {
    position: relative;
    top: 4px;
}
.Vf-form-deffer-body {
    height: calc(100% - 34px);
}
.display-block{
    display:block;
}
#ShiftCalendar-grid .Vf-toolbar-batch .Vf-btn-default.dx-button-mode-contained.dx-button-default .dx-button-content .dx-button-text {
    top: 3px;
}
#ShiftCalendar-grid .Vf-toolbar-batch .Vf-btn-default.dx-button-mode-contained.dx-button-default .dx-button-content .dx-icon {
    position: relative;
    top: 3px;
}
.Vf-grid-default .dx-datagrid-rowsview .dx-datagrid-content.dx-datagrid-content-fixed,
.Vf-grid-default .payrollTabToolbar.Voyon-Grids .dx-datagrid-headers .dx-datagrid-content.dx-datagrid-content-fixed {
    padding: 0 10px !important;
}
.Vf-grid-default .payrollTabToolbar.Voyon-Grids .dx-datagrid-headers .dx-datagrid-content.dx-datagrid-content-fixed {
    border-radius: 7px 7px 0px 0px;
}
.Vf-grid-default .dx-datagrid-table.dx-datagrid-table-fixed .dx-header-row td:not(.dx-pointer-events-none),
.Vf-grid-default .dx-datagrid-content.dx-datagrid-content-fixed tr td:not(.dx-pointer-events-none){
    background: #fff;
}
.Vf-grid-default .dx-datagrid-table.dx-datagrid-table-fixed .dx-datagrid-content.dx-datagrid-content-fixed{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.payrollTabToolbar.Voyon-Grids .dx-datagrid-rowsview .dx-datagrid-content.dx-datagrid-content-fixed,
.payrollTabToolbar.Voyon-Grids .dx-datagrid-headers .dx-datagrid-content.dx-datagrid-content-fixed {
    padding: 0 20px !important;
}
.payrollTabToolbar.Voyon-Grids .dx-datagrid-headers .dx-datagrid-content.dx-datagrid-content-fixed {
    border-radius: 7px 7px 0px 0px;
}
.payrollTabToolbar.Voyon-Grids .dx-datagrid-table.dx-datagrid-table-fixed .dx-header-row td:not(.dx-pointer-events-none),
.payrollTabToolbar.Voyon-Grids .dx-datagrid-content.dx-datagrid-content-fixed tr td:not(.dx-pointer-events-none) {
        background: #fff;
    }
.payrollTabToolbar.Voyon-Grids .dx-datagrid-table.dx-datagrid-table-fixed .dx-datagrid-content.dx-datagrid-content-fixed{
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.Top-list-conf .action-box {
    border: none;
    background: none;
    color: #222;
}
.action-box.dx-button .dx-button-content {
    padding: 0px;
}
.Vf-btn-transparent.dx-button,
.Vf-btn-transparent .dx-button{
    border: none;
    background: none;
    color: inherit;
}
.Vf-btn-transparent .dx-button-content {
    padding: 0px;
}
.search-apply.Vf-btn-default.dx-button-mode-contained.dx-button-default .dx-button-content {
    padding: 5px 13px 5px !important;
    min-width: 64px !important;
    font-size: 11px;
    line-height: 10px;
    position: relative;
    top: -1px;
}
#jobAppliedList.Vf-grid-child .dx-toolbar.dx-widget.dx-visibility-change-handler.dx-collection {
    margin-bottom: 0;
    background: #e3e5f2;
}
.Vf-conf-msg{
    font-family:var(--main-font);
    font-size:13px;
}
.del-msg {
    align-items: center;
    display: flex;
}
.tranparent-grid.table-layout-auto .dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed {
    table-layout: auto;
    border-collapse: separate;
    border-spacing: 0 5px;
}
.tranparent-grid.table-layout-auto .dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed td:first-child {
    border-left: 4px solid var(--pink);
}
.tranparent-grid.table-layout-auto .dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed tr.dx-row.dx-data-row:nth-of-type(2n+1) td:first-child {
    border-left-color:hsl(42deg 91% 55%);
}
.tranparent-grid.table-layout-auto .dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed tr.dx-row.dx-data-row:nth-of-type(2n+2) td:first-child {
    border-left-color: hsl(214deg 41% 78%);
}
.tranparent-grid.table-layout-auto .dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed tr.dx-row.dx-data-row:nth-of-type(3n+1) td:first-child {
    border-left-color: hsl(17deg 90% 55%);
}
.tranparent-grid.table-layout-auto .dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed tr.dx-row.dx-data-row:nth-of-type(4n+1) td:first-child {
    border-left-color: hsl(147deg 91% 63%)deg 57% 60%);
}
.tranparent-grid.table-layout-auto .dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed tr.dx-row.dx-data-row.pending td:first-child {
    border-left-color:hsl(42deg 91% 55%);
}
.tranparent-grid.table-layout-auto .dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed tr.dx-row.dx-data-row.approved td:first-child {
    border-left-color:#57cc94;
}
.tranparent-grid.table-layout-auto .dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed tr.dx-row.dx-data-row.rejected td:first-child {
    border-left-color:hsl(17deg 90% 55%);
}
.tranparent-grid.table-layout-auto .dx-datagrid-rowsview .dx-data-row .dx-command-edit:not(.dx-focused) .dx-link {
    font-size: 22px;
    height: 20px;
    width: 20px;
    border-radius: 2px;
}
.tranparent-grid.table-layout-auto .dx-datagrid-rowsview .dx-data-row .dx-command-edit:not(.dx-focused) .dx-link.circled-list-icons {
    height: 20px;
    width: 20px;
    font-size: 10px;
    align-items: center;
    justify-content: center;
    display: inline-flex !important;
    color: rgb(255,255,255) !important;
    border-radius: 2px;
    background: #929598 !important;
    margin-left: 0px;
    line-height: 12px;
}
.tranparent-grid.table-layout-auto .dx-datagrid-rowsview .dx-data-row .dx-command-edit:not(.dx-focused) .dx-link {
    align-items: center;
    justify-content: center;
    display: inline-flex !important;
}
.schedulertMainDiv .Vf-btn-switch .dx-item .dx-button-content {
    padding:4px 10px;
}
.Vf-grid-default.Vf-customized-grid .dx-datagrid .dx-column-lines > td:first-child .dx-checkbox-container{
    display:none;
}
.Vf-grid-default.Vf-customized-grid .dx-datagrid .dx-column-lines > td:first-child span.dx-checkbox-checked .dx-checkbox-container {
    display: inline-block;
}
.Vf-grid-default.Vf-customized-grid .dx-datagrid tr:hover > td:first-child .dx-checkbox-container {
    display: block;
}
.Vf-custom-select-list select {
    padding: 8px 2px;
    border-radius: 4px;
    border: 1px solid rgba(65,65,65,0.31);
    min-width: 70px;
    width: 100%;
    height: 30px;
    outline:none !important;
}
.Vf-custom-select-list, .Vf-custom-select-list select:active {
    outline: none;
}
.Vf-grid-default.Vf-customized-grid .dx-datagrid .dx-column-lines > td .Vf-custom-select-list select{
    border-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.Vf-grid-default.Vf-customized-grid .dx-datagrid .dx-column-lines > td:hover .Vf-custom-select-list select {
    border-color: rgba(65,65,65,0.31);
    -webkit-appearance: listbox;
    -moz-appearance: listbox;
}
.height-20{
    height:20px;
}
.dx-datagrid-rowsview .dx-row td .Vf-action-grid-btn {
    height: 18px;
    margin-right: 5px;
    align-items: center;
    justify-content: center;
}
.dx-datagrid-rowsview .dx-row td .Vf-action-grid-btn.actual-list-button {
    margin-top:-10px;
    top: 0px;
    height: 22px;
}
.CalendarHolidayForm .Vf-grid-child tr td .dx-form .dx-box-flex .dx-item-content .dx-item.dx-box-item,
.CalendarHolidayForm .Vf-grid-child tr.dx-row.dx-header-row td {
    flex: none !important;
    width: 165px;
    padding: 0 1px;
}
.CalendarHolidayForm .Vf-grid-child tr td .dx-form .dx-box-flex .dx-item-content .dx-item.dx-box-item {
    width: 185px;
}
.addto-job.Vf-btn-circle .dx-button-content {
    padding: 7px 5px 7px;
    margin-left: 0;
    font-size:13px;
    font-weight:500;
}
.addto-job.Vf-btn-circle .dx-button-content .dx-icon  {
    font-size: 13px;
    font-weight: 500;
}
.Vf-grid-default.job-applied-grid .dx-datagrid-search-panel.dx-texteditor.dx-editor-filled {
    margin-right:10px;
}
.icon-pack-fa-5 {
    font-family: "Font Awesome 5 Free" !important;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
.Hiring-grid .Vf-toolbar-batch .dx-toolbar-before > div:nth-child(1).Vf-btn-circle .dx-button-content,
.Hiring-grid .Vf-toolbar-batch .dx-toolbar-before > div:nth-child(2).Vf-btn-circle .dx-button-content {
    padding: 0px;
}
.Vf-btn-circle.Vf-btn-default .dx-icon.init-onb-white {
    background-image: url(../img/init-onb-white.png);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
}
.Vf-btn-circle.Vf-btn-default .dx-icon.OfferApproval-white {
    background-image: url(../img/page-white.png);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
}
.Vf-btn-circle.Vf-btn-default .dx-icon.sendoffer {
    background-image: url(../img/send-offer-white.png);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
}
.Vf-btn-circle.Vf-btn-default .dx-icon.Hire-emp-white {
    background-image: url(../img/convert-emp-white.png);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
}
.justify-center {
    display: flex;
    align-items: center;
}
.Vf-btn-circle.icon-only.dx-button-default.icon-only.alert-conf-btn .dx-icon,
.Vf-btn-circle.icon-only.dx-button-default.icon-only.alert-conf-btn .dx-icon:hover {
    font-size: 14px !important;
    color:#fff !important;
}
.Vf-btn-circle.icon-only.dx-button-default.alert-conf-btn .dx-button-content{
    display:initial;
}
.listContainer .Vf-accordion {
    padding: 5px 15px;
}
#qcTimeSheetFyoutTab.Vf-tabs-default .dx-tabpanel-container .dx-multiview-wrapper,
#qcTimeSheetFyoutTab.Vf-tabs-default .dx-tabpanel-container .dx-multiview-wrapper .dx-multiview-item {
    overflow: visible !important;
}
.KRA-addnew.Vf-btn-default.dx-button-mode-contained {
    background-color: transparent;
    border-color: #ddd0;
    height:31px;
}
.Vf-grid-child.Vf-grid-plane {
    border-style: solid;
    border-width: 1px;
    border-color: #ddd0;
    padding: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    border-radius: 0px;
    box-shadow: none;
}
.sectionalized-box {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(209 221 255);
    padding: 15px;
    padding-top: 10px;
    margin-bottom: 1rem;
    margin-top: 1rem;
    border-radius: 5px;
    box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 9%);
    -moz-box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 9%);
    -webkit-box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 9%);
}
.Vf-grid-child.Vf-grid-plane .dx-datagrid .dx-column-lines > td,
.Vf-grid-child.Vf-grid-plane .dx-datagrid-headers .dx-datagrid-content {
    border-bottom: 1px solid #ddd0;
}
.Vf-grid-child.Vf-grid-plane .inline-grid .dx-datagrid-rowsview .dx-row,
.Vf-grid-child.Vf-grid-plane .inline-grid .dx-treelist-rowsview .dx-row {
    height:32px;
}
.Vf-grid-child.Vf-grid-plane .inline-grid .dx-datagrid-rowsview .dx-row {
    background: #f6f7fb;
    border-bottom: 3px solid #fff;
}
.Vf-grid-child.Vf-grid-plane .inline-grid {
    margin-right: -30px;
}
.Vf-grid-child.Vf-grid-plane .inline-grid.normal-margin {
    margin-right: 0px;
}
.sectionalized-box .predifined-ul {
    margin-top: 10px;
    margin-left: -20px;
}
.sectionalized-box .predifined-ul li {
    padding-left: 10px;
    font-family: var(--main-font);
    font-size: 13px;
    line-height: 26px;
}
.sectionalized-box .predifined-ul ::marker {
    color: #696969;
    font-size: 15px;
}
.sectionalized-box .html-apends{
    margin-top:10px;
}
.Employee-i-view {
    border: none;
    position: absolute;
    top: 0;
    right: 0px;
    background-color:transparent;
    height:100%;
}
.Employee-i-view .dx-button-content{
    padding:6px;
}
.Employee-i-view.dx-state-hover{
    background-color:transparent;
    border-color:transparent;
}
.Vf-grid-custom.borderd-style {
    border: 0px solid #cedff1;
    table-layout: auto;
    border-radius: 6px;
    border-collapse: separate;
}
.Vf-filled-forms {
    border: 2px solid #ececec;
    padding: 0.5rem;
    border-radius: 6px;
    background: var(--hover);
}
.Vf-filled-forms > .dx-form {
    margin-top: 0.5rem;
}
.Vf-filled-forms > .dx-form:nth-child(1){
    margin-top: 0rem;
}
.vy-custom-grid.rating-colHeads .head-row {
    border-bottom: 0;
    height: 40px;
}
table.vy-custom-grid.rating-colHeads td, table.vy-custom-grid.rating-colHeads th {
    width: 16.5%;
    padding: 10px 15px 0;
    padding-left: 15px;
    font-family: var(--main-font);
}
.zero-child-grid.Vf-grid-child{
    border:none;
    box-shadow:none;
}
.transparent-grid .dx-datagrid.dx-gridbase-container,
.transparent-grid .dx-datagrid.dx-gridbase-container .dx-datagrid-rowsview,
.transparent-grid .dx-datagrid.dx-gridbase-container .dx-datagrid-headers,
.transparent-grid .dx-datagrid-headers + .dx-datagrid-rowsview {
    background: #ddd0;
}
.action-fit-ico {
    margin-top: 0px;
    font-size: 13px;
    margin-left: 5px;
}
.start-btn.Vf-btn-default.dx-button-mode-outlined.dx-button-default .dx-button-content {
    padding: 5px 12px 5px;
    min-width: 75px;
}
.start-btn.Vf-btn-default.dx-button-mode-outlined.dx-button-default .dx-button-content .dx-icon {
    font-size: 14px;
    margin-right: 5px;
}
.start-btn.Vf-btn-default.dx-button-mode-outlined.dx-button-default, .start-btn.Vf-btn-default.dx-button-mode-outlined.dx-button-default .dx-icon {
    background-color: transparent;
    border-color: #ff9800;
    color: #ff9800;
}
.align-item-baseline{
    align-items:baseline;
}
.align-item-end {
    align-items: end;
}
.align-item-center {
    align-items: center;
}
.margin-left-50{
    margin-left:50px;
}
.margin-auto{
    margin:0 auto;
}
.ac-grid .Vf-accordion-body{
    margin-top:0px;
}
.Vf-grid-child.employee-filter-grid .dx-datagrid-search-panel {
    width: 230px;
}
.ap-flow-plus.Vf-btn-circle.icon-only.dx-button-default .dx-button-content {
    padding: 0px 0px 0px !important;
}
.calculate-btn.Vf-btn-default {
    width: 100%;
    margin-top: 15px;
    border-radius: 20px;
}
.color-primary{
    color:var(--primary-color);
}
.filters-list-save-btn.Vf-btn-default.Vf-btn-circle {
    height: 24px;
    width: 24px !important;
    margin-right: 10px;
    margin-left: 5px;
}
.filters-list-save-btn.Vf-btn-default.Vf-btn-circle .dx-button-content {
        padding: 0 !important;
        width: 24px;
}
.filters-list-save-btn.Vf-btn-default.Vf-btn-circle .dx-icon {
        font-size: 13px !important;
        width: 24px !important;
        height: 24px !important;
        background-size: 24px 24px !important;
        background-color: rgb(206,187,19);
}
.pf-templates-section:nth-child(1) .dx-form-group-caption {
    margin-top: 0px !important;
}
.Vf-grid-default.custom-wow-grid {
    height:80%;
}
.Vf-grid-default.custom-wow-grid .dx-datagrid-content .dx-datagrid-table .dx-row > td,.Vf-grid-default.custom-wow-grid .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td {
    vertical-align: middle;
    border-bottom: 1px solid #e8e8e8;
}
.myap-grid.tranparent-grid.dx-grid-highlighted .dx-datagrid .dx-row td:first-child {
    width: 32px;
    min-width: 32px !important;
}
.myap-grid.table-layout-auto .dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed {
    table-layout: auto !important;
    border-collapse: separate;
    border-spacing: 0 5px;
}
.dx-datagrid-rowsview .dx-data-row .dx-command-edit:not(.dx-focused) .dx-link.modified-link-btn {
    margin-left: 0px;
    background-color: #929598 !important;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    font-size: 11px !important;
    line-height: 4px;
    color: #fff !important;
    position: relative;
    top: 0px;
}
.myap-grid.table-layout-auto .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 47px;
    width: 120px;
    margin-right:15px;
}
.height-inherited-treelist{
    height:inherit;
}
.height-inherited-treelist .Voyon-Grids{
    height:inherit;
}
.height-inherited-treelist .Voyon-Grids > div{
    height: 100%;
}
.Vf-linePreloader::before {
    width: 100%;
    height: 2px;
    content: "";
    background: -webkit-linear-gradient( 174deg, rgb(60 202 255) 0%, rgb(68 138 249) 100%);
    background-color: var(--hover);
    position: absolute;
    margin: 0;
    border-radius: 4px;
    background-size: 20%;
    background-repeat: repeat-y;
    background-position: top left;
    animation: scroll 1.5s ease-in-out infinite;
    z-index: 222222;
}

@keyframes scroll{
    50%{background-size:80%}
    100%{background-position:125% 0;}
}
.Vf-spinnerPreloader{
    position:relative;
}
.Vf-spinnerPreloader::after {
    width: 45px;
    height: 45px;
    content: "";
    border: 2px solid #ddd;
    border-top: 3px solid var(--primary-color);
    border-radius: 100%;
    position: absolute;
    top: calc(50% - 22.5px);
    left: calc(50% - 22.5px);
    background-position: 50%;
    margin: 0 auto;
    animation: spin .7s infinite linear;
    background-size: 100%;
}
@keyframes spin {
    from{
        transform: rotate(0deg);
    }to{
        transform: rotate(360deg);
    }
}


.margin-left-58{
    margin-left:58px;
}
.dismargin-leave-only{
    margin:0px !important;
}
.badgePopupContent .dismargin-leave-only {
    margin:0 -15px !important;
}
.Vf-salary-card {
    border: 1px solid #e6e6e6;
}
.Vf-grid-default.ess-goal-setting-grid {
    height: 94%;
    margin-top: 0;
}
.Vf-grid-default.ess-goal-setting-grid .dx-datagrid{
    background-color:#fff;

}
.allow-adding-grid .dx-datagrid .dx-datagrid-header-panel > .dx-toolbar.dx-widget {
    width: 50px;
    right: 15px;
    position: absolute;
}
.vy-view-content .Vf-grid-child .allow-adding-grid .dx-datagrid-header-panel {
    margin-top: 0px;
}
.allow-adding-grid .dx-datagrid .dx-datagrid-toolbar-button.dx-edit-button.dx-datagrid-addrow-button.dx-button-mode-contained {
    background-color: #ddd0;
    border-color: #ddd0;
}
#tabPanelContainer.dx-empty-collection.Vf-tabs-default .dx-tabpanel-tabs {
    border-bottom: 0px solid #e8e8e8 !important;
}
.dx-empty-collection.Vf-tabs-default .dx-empty-message {
    height: 66vh;
    color: transparent;
}
.dx-datagrid-nodata::before,
.dx-treelist-nodata::before,
.dx-empty-message::after {
    content: "";
    position: absolute;
    background: url(../img/no-data-sv.svg);
    width: 250px;
    height: 155px;
    background-size: 250px 155px;
    /* background-color: #ddd; */
    display: block;
    z-index: 22;
    background-repeat: no-repeat;
    left: calc(50% - 125px);
    top: calc(50% - 77.5px);
}
#gridEmails .dx-datagrid-nodata::before {
    background-size: 200px 110px;
    background-repeat: no-repeat;
    left: calc(50% - 100px);
    top: calc(50% - 55px);
}
.Vf-list-box .dx-empty-message::after {
    position: inherit;
    margin: 0 auto;
}
.Vf-list-box .dx-empty-message{
    color:#ddd0;
}
.Vf-grid-child .dx-datagrid-nodata::before,
.preview-sub-card .dx-datagrid-nodata::before,
.gridReguralizationPopup .dx-datagrid-nodata::before {
    background: url(../img/no-data-sv.svg);
    width: 120px;
    height: 74px;
    background-size: 120px 74px;
    left: calc(50% - 60px);
    top: calc(50% - 37px);
    background-repeat: no-repeat;
}
.Vf-spy-grid .dx-datagrid-nodata::before {
    background: url(../img/no-data-sv.svg);
    width: 160px;
    height: 99px;
    background-size: 160px 99px;
    left: calc(50% - 80px);
    top: calc(50% - 49.5px);
    background-repeat: no-repeat;
}
.dx-selectbox-popup-wrapper .dx-empty-message::after {
    display: none
}
.primary-bg-grid {
    background: var(--primary-bg);
    padding: 10px;
    margin-top: 15px;
    border-radius: 6px;
    border: 1px solid #ddd;
}
.Vf-group-box {
    border: 1px solid #ddd;
    padding: 10px;
    margin-bottom: 20px;
    border-radius:6px;
    margin-bottom:10px;
}
.Vf-group-box-title {
    font-size: 14px;
    font-weight: 600;
    font-family: var(--main-font);
    color: #5d6a77;
}
.Vf-toolbar-batch .Vf-link-batch-btn.Vf-btn-default.dx-button-mode-contained.dx-button-default .dx-button-content {
    padding: 3px 10px 3px !important;
    min-width: 26px !important;
    height: 26px;
    width: 26px;
    display: flex;
    align-items: center;
    border-radius: 60px;
    justify-content: center;
}
.Vf-toolbar-batch .Vf-link-batch-btn.Vf-btn-default.dx-button-mode-contained.dx-button-default {
    border-radius: 50%;
    background-color: #cdd0e9;
}
.margin-top--20{
    margin-top: -20px;
}
.Vf-action-btn-20 {
    font-size: 20px;
    color: #929598;
}
.justified-actions .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit.dx-command-edit-with-icons {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: inherit;
    align-items: center;
    position: relative;
    padding: 0 15%;
    top: 1px;
}
.space-between {
    display: flex;
    justify-content: space-between;
}
.normalize-font {
    font-family: var(--main-font);
    font-size: 13px;
    font-weight: 500;
}
.Vf-btn-edit-custom {
    border: 1px solid var(--primary-color);
    border-radius: 50%;
    font-size: 13px;
    width: 28px;
    height: 28px;
    background: var(--primary-color);
    color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
}
.Vf-btn-edit-custom.delete {
    border: 1px solid rgb(224, 45, 45);
    background: rgb(224, 45, 45);
    
}
.in-op-btn-group{
    margin-right:30px;
}
.Vf-toolbar-batch.A-cycle-toolbar .Vf-batch-btn .dx-icon {
    height: 28px;
    width: 28px;
}
.Vf-wizard-number,
.Vf-dx-wizard-number {
    list-style: none;
    padding: 0;
    margin: 1rem 0 1rem;
    width: 324px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    border:none;
}
.Vf-wizard-number li,
.Vf-dx-wizard-number .dx-item.dx-tab {
    padding: 7px 10px;
    width: 162px;
    justify-content: start;
    align-items: center;
    cursor: pointer;
    margin: 0 auto;
    position:relative;
    background:none;
    border:none;
}
.Vf-wizard-number .numbers,
.Vf-dx-wizard-number .dx-icon {
    display: flex;
    width: 25px;
    height: 25px;
    background: #ddd;
    align-items: center;
    justify-content: center;
    margin-right: 9px;
    border-radius: 62%;
    font-size: 12px;
    font-weight: 500;
    margin: 0 auto;
    
}
.Vf-dx-wizard-number .dx-icon {
   z-index:2;
    
}
.Vf-wizard-number .numbers::after,
.Vf-dx-wizard-number .dx-tab-text::after{
    content: "";
    display: block;
    position: absolute;
    width: 162px;
    height: 2px;
    background: #ddd;
    z-index: -1;
}
.Vf-dx-wizard-number .dx-tab-text::after{
    z-index: 1;
    margin-top: -42px;
}
.Vf-wizard-number li:first-of-type .numbers::before,
.Vf-dx-wizard-number .dx-item.dx-tab:first-of-type .dx-tab-text::before{
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ddd;
    left: 0;
}
.Vf-wizard-number li:last-of-type .numbers::before,
.Vf-dx-wizard-number .dx-item.dx-tab:last-of-type .dx-tab-text::before{
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ddd;
    right: 0;
}
.Vf-dx-wizard-number .dx-item.dx-tab:first-of-type .dx-tab-text::before ,
.Vf-dx-wizard-number .dx-item.dx-tab:last-of-type .dx-tab-text::before{
    margin-top: -42px;
}
.Vf-wizard-number li.active-item .numbers,
.Vf-dx-wizard-number .dx-tab.dx-tab-selected  .dx-icon{
    background: var(--primary-color);
    color: #fff;
}
.Vf-wizard-number .text{
    font-size: 14px;
    color: #727477;
    font-weight: 500;
}
.Vf-dx-wizard-number .dx-tab .dx-icon {
    position: absolute;
    top: calc(50% - 35px);
}
.Vf-dx-wizard-number .dx-tab-text {
    font-size: 14px;
    color: #727477;
    font-weight: 500;
    display: flex;
    align-items: center;
    height:29px;
    justify-content: center;
}
.Vf-wizard-body {
    border: 1px solid #ddd;
    padding: 30px 0;
    border-radius: 10px;
    /*border-color: var(--primary-color);*/
    background: #fbfdff;
    margin: 0;
}
.Vf-dx-wizard-number .dx-tab-selected:after{
    display:none;
}
.Vf-wizard-body .Vf-grid-child {
    background: #fff;
}
.Vf-btn-cirlced-action {
    display: inline-flex !important;
    width: 30px !important;
    height: 30px !important;
    align-items: center;
    justify-content: center;
    border: 1px solid #929598;
    border-radius: 50%;
}
.Vf-form-view-mode .dx-editor-filled.dx-state-focused .dx-dropdowneditor-input-wrapper{
    box-shadow:none;
}
.Vf-field-display-only .dx-texteditor.dx-state-readonly.dx-editor-filled.dx-state-focused,
.Vf-field-display-only .dx-editor-filled.dx-state-focused .dx-texteditor-container,
.Vf-field-display-only .dx-editor-filled.dx-state-focused .dx-selectbox-container,
.Vf-field-display-only .dx-editor-filled.dx-state-focused .dx-dropdowneditor-input-wrapper {
    box-shadow: none;
    border: none;
}
.margin-top-40{
    margin-top:40px;
}
.margin-left-15-minus .dx-icon-minus{
    margin-left:15px;
}
.d-ltr{
    direction:ltr;
}
.d-rtl{
    direction:rtl;
}
.Vf-jb-status {
    padding: 1px 10px;
    background: var(--hover-var2);
    border-radius: 20px;
    border: 1px dashed var(--cand-second);
}
.Vf-jb-status .jb-text-label {
    color: #44565f;
    font-size: 14px;
}
.Vf-jb-status.jb-status .status-round{
    border-radius:50%;
}
.Vf-navigate-arrows .dx-button-has-icon .dx-button-content {
    padding: 7px;
}
.Vf-custom-input {
    background: #fff;
    border: 1px solid rgba(65,65,65,0.31);
    border-radius: 5px;
    padding: 7px 5px 7px;
    font-size: 13px;
    font-weight: 400;
    font-family: var(--main-font) !important;
    width: 100%;
}
.abosolute-btn-group {
    position: absolute;
    bottom: 20px;
    width: 100%;
    right: 20px;
}
.Vf-centrelized-color-picker .dx-popup-normal.dx-colorbox-overlay {
    position: absolute !important;
    left: calc(50% - 245px) !important;
    top: calc(50% - 210px) !important;
    transform: none !important;
}
.Vf-centrelized-date-time-box .dx-popup-normal {
    position: absolute !important;
    left: calc(50% - 281px) !important;
    top: calc(50% - 186px) !important;
    transform: none !important;
}
.Vf-centrelized-color-picker, .Vf-centrelized-date-time-box {
    position: absolute !important;
    height: 100% !important;
    width: 100% !important;
    transform: none !important;
    display: block;
}
.applied-employee-info  .Employee-i-view {
    right: -50px;
    z-index: 1;
}
.applied-right-15 .Employee-i-view {
    right: -15px;
    z-index: 1;
}
.hide-viewMode .Vf-form-view-mode.Voyon-Forms {
    display: none
}
.i-button-overlap-fix .Employee-i-view{
    right:-15px;
    z-index:2;
}
.Vf-transparent-action-btn.dx-button {
    background: transparent;
    border: none;
}
.Vf-transparent-action-btn .dx-button-content {
    padding: 0;
}
.Vf-transparent-action-btn .img-icon-list.allocate {
    position: relative;
    top: -4px;
}
.Vf-grid-child.clear-style {
     border-style: none; 
     border-width: 0px; 
     border-color:#ddd0; 
     padding: 0; 
     padding-top: 0px; 
   box-shadow:none;
}
.Vf-grid-child.clear-style .dx-datagrid .dx-column-lines > td {
    border-bottom: 0px solid #ddd0;
}
.min-height-40vh, .min-height-40vh > div {
    min-height: 40vh;
}
.c-group-1 {
    background-color: #f8fbff !important;
    border-color: #f8fbff !important;
    text-align: center !important;
}
.c-group-1.current,.c-group-1.current > div.dx-datagrid-text-content{
    color:blue;
}
.c-group-2 {
    background-color: #e8eff7 !important;
    border-color: #e8eff7 !important;
    text-align: center !important;
}
.c-group-footer-right {
    
    border-color: #e8eff7 !important;
    text-align: center !important;
}
.c-group-2.revised-highlight {
    background-color: #dfe6ef !important;
}
.c-group-3 {
    background-color: #f8fbff !important;
    border-color: #f8fbff !important;
    text-align: center !important;
}
#salaryDetailsForm table.Vf-grid-custom td, #salaryDetailsForm table.Vf-grid-custom th {
    width: 16.5%;
}
.remove-left-gutter-input .Vf-form-view-mode .dx-editor-filled .dx-texteditor-input {
    padding-left:0;
}
.remove-left-gutter-input-all  .dx-editor-filled .dx-texteditor-input {
    padding-left: 0;
}
.slice-icon{
    position:relative;
    top:-2px;
}
.toolbar-switch.Vf-btn-switch .dx-buttongroup-item .dx-button-content {
    padding: 5px 15px;
}
.timesheet-style-setup{
    padding:15px;
}
.timesheet-style-setup .calendar-dashboard .dx-scheduler-navigator {
    margin-top: 5px;
}
.timesheet-style-setup .EmployeeSearchLabel.New {
    margin-top: -7px;
}
.timesheet-style-setup.ess-shif-cal .Vf-grid-title {
    margin-bottom: 6px;
    margin-top: 6px;
}
.Vf-grid-child .dx-datagrid-content .dx-datagrid-table .dx-row > td {
    vertical-align: middle;
}
.timesheet-style-setup.setup2 .calendar-dashboard .dx-scheduler-navigator {
    margin-top: -3px;
}
.margin-top--10 {
    margin-top:-10px;
}
.add-new-program-btn {
    display: inline-flex;
    justify-content: end;
    align-items: center;
    font-size: 13px;
    width: 100%;
    cursor:pointer;
}
.add-new-program-btn .label-add {
    font-weight: 600;
    font-size: 13px;
}
.add-new-program-btn  .add-plus {
    width: 26px;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 50%;
    line-height: normal;
    font-size: 13px;
    margin-left: 5px;
    font-weight: 600;
}
.add-new-program-btn .add-plus.assignto-icos{
    background-color:#10E8F7;
}
.training-request-status-text {
    font-size: 13px;
    font-weight: 600;
}
.Vf-view-card {
    background-color: #FAFAFA;
    border-radius: 06px;
    padding: 15px;
    border: 1px solid var(--toolbar-color);
    margin-top: 10px;
}
.Vf-view-card .Vf-grid-child{
    background-color:#fff;
}
.add-tag-button.dx-button-default.prescreen-page {
    height: inherit;
    display: flex;
    align-items: center;
}
.add-tag-button.dx-button-default.prescreen-page .dx-button-content {
    display: flex;
    align-items: center;
}
.Vf-btn-circle.Vf-btn-default .dx-icon.save-pref-color {
    background-color: rgb(202, 194, 121);
}
#View-EditButton.vy-edit-btn .dx-icon,
#View-DeleteButton vy-delete-btn .dx-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}
.Vf-alert-system {
    position: fixed;
    bottom: 0;
    z-index: 1554;
    right: 0px;
    background: #00000042;
    width: calc(100% - 81px);
    height: calc(100% - 61px);
    transition:0.2s
}
.Vf-alert-system.overlay-disabled {
    background: none;
    width: 383px;
    height: calc(100% - 61px );
    user-select: auto;
    transition: 0.2s;
    z-index: 7;
    pointer-events: none;
}
.Vf-realtime-alert {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 360px;
    position: absolute;
    bottom: 58px;
    right: 17px;
    max-height: calc(100% - 72px );
}
.Vf-realtime-list {
    margin: 0;
    padding: 0;
    pointer-events: auto;
}
.Vf-realtime-alert .alert-item {
    background-color: #fff3cd;
    border-color: #ffeeba;
    position: relative;
    padding: 15px;
    border-radius: 6px;
    font-size: 13px;
    border: 1px solid #ffeeba;
}
    .Vf-realtime-alert .alert-item:hover {
        background: #fef8e5;
    }
.Vf-realtime-alert .alert-item.clicked{
    animation-name: clicked;
    animation-duration: 0.4s;
}
@keyframes clicked {
    from {
        transform: scale(1);
        opacity: 1;
        background: #cacfd3;
    }
    to {
        transform: scale(.9);
        opacity: 0.5;
        background:#fff;
    }
}
.Vf-realtime-alert .alert-item:not(:last-child) {
    margin-bottom: 8px;
}
.Vf-realtime-alert .alert-close {
    position: absolute;
    right: 15px;
    top: 21px;
    font-weight: 700;
    color: #485e6e;
    font-size: 11px;
    cursor:pointer;
}
.Vf-realtime-alert .alert-title {
    font-size: 13px;
    font-weight: 600;
    padding-right: 20px;
    cursor:pointer;
}
.Vf-realtime-alert .alert-time {
    color: #485e6e;
    margin-top:5px;
    margin-right: 5px;
}
.Vf-realtime-alert .alert-time i {
    font-size:12px;
    margin-right:6px;
    font-weight:700;
}
.Vf-alert-system .clear-text {
    color: var(--primary-bg);
    font-size: 13px;
    text-align: right;
    padding-bottom: 6px;
    text-decoration: underline;
    padding-right: 12px;
    text-shadow: -1px 0px #666666;
    position: absolute;
    bottom: 27px;
    right: 10px;
    cursor: pointer;
    pointer-events: auto;
}
.Vf-alert-system.overlay-disabled .clear-text {
    color: rgb(0, 0,0);
    text-shadow: -1px 0px #ffffff;
}
.Vf-realtime-alert.dx-scrollable-simulated .dx-scrollable-content {
    display: flex;
    flex-direction: column-reverse;
}
.alert-group-btn .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected) {
    background-color: var(--hover-var2);
    border-color: var(--hover);
    color: var(--primary-color);
}
.dx-input-dispad.dx-textbox  input{
    padding-left:0;
}
.Vf-input-left.dx-texteditor input {
    text-align: left;
}
.Vf-font-st{
    font-family:var(--main-font);
    font-size:13px;
}
.Vf-custom-add-minus{
    height:30px;
    display:flex;
    align-items:center;
}
.Vf-custom-add-minus .Vf-btn-circle.icon-only{
    height:30px;
}
.gridFilteredEmployee .dx-pager .dx-page-sizes {
    margin-left: 169px;
    margin-top: -3px;
    font-size: 13px;
    color: #848484;
    font-weight: 500;
}
.gridFilteredEmployee .dx-pages .dx-info {
    margin-top: 4pt;
}
.Vf-total-row-grid .dx-datagrid-total-footer {
    padding: 0px 10px !important;
    border-top: 0px dashed #9cb1ff;
}
.Vf-total-row-grid .dx-datagrid-total-footer > .dx-datagrid-content {
    border-top: 1px dashed #9cb1ff;
    padding-top: 7px;
}
.Vf-total-row-grid .dx-datagrid-summary-item {
    color: #4060D4;
}
.Vf-total-row-grid .dx-datagrid-total-footer > .dx-datagrid-content .dx-row td:first-of-type{
    padding-left:15px;
}
.Vf-help-text-age{
    position:relative;
}
.Vf-help-text-age .dx-field-item-help-text {
    position: absolute;
    top: 8px;
    right: 0;
}
.margin-bottom--3{
    margin-bottom:-3px !important;
}
.Vf-dx-button-text-hidden .dx-button-text {
    display:none
}
.vr-line {
    width: 1px;
    height: 20px;
    background: #ddd;
    margin: 0 1rem;
}
.mandatory-star {
    color: red;
    margin-left: 5px;
}
.employee-filter-grid .dx-pages .dx-info {
    margin-top: 4pt;
}
.employee-filter-grid .dx-pager .dx-page-sizes {
    margin-left: 190px;
    margin-top: -3px;
    font-size: 13px;
    color: #848484;
    font-weight: 500;
}
.employee-filter-grid span[data-missing-payroll="true"] {
    color: red !important;
    font-weight: bold;
}
.direct-btn-i.Vf-action-btn-Childgrid.dx-button-mode-contained{
    display:flex;
}
.direct-btn-i.Vf-action-btn-Childgrid.dx-button-mode-contained .dx-button-content{
    display: flex;
    align-items: center;
    margin-right: 5px;
    position: relative;
    top: 3px;
}
.direct-btn-i.Vf-action-btn-Childgrid.dx-button-mode-contained .dx-button-content i{
    font-size: 17px;
    color: var(--primary);
    border: 1px solid #e1e1e1;
    padding: 2px;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 23px;
    background-color: #c8cdd13b;
}
.ess-regularization .dx-datagrid-rowsview .dx-row.dx-datagrid-edit-form {
    background-color: #fff;
    border-radius: 5px;
    height: auto;
    box-shadow: 0px 5px 12px 0px rgb(120 120 120 / 13%);
}
.ess-regularization .dx-edit-row .dx-button.dx-button-normal.dx-button-mode-contained:nth-child(1) {
    width: 78px;
    background: var(--primary-color);
    border: var(--primary-color);
    margin-left: 0;
}
.ess-regularization .dx-edit-row .dx-button.dx-button-normal.dx-button-mode-contained:nth-child(2), .gridReguralizationPopup .dx-edit-row .dx-button.dx-button-normal.dx-button-mode-contained:nth-child(2), #Organization-HolidayCalenderDays-VoyonGrids .dx-edit-row .dx-button.dx-button-normal.dx-button-mode-contained:nth-child(2) {
    width: 78px;
    background: #e1e3e4;
    border: #e1e3e4;
    margin-left: 10px;
}
.filter-mega-menu {
    position: absolute;
    width: calc(100% - 80px);
    left: 79px;
    top: 60px;
    border-top: none;
    border-radius: 2px;
    padding: 15px;
    z-index:11;
}
.filter-mega-menu .reportCard {
    background: no-repeat;
    border: none;
    padding: 15px 0;
    margin-bottom: 0;
}
.filter-mega-menu.filter-toolbar .dx-texteditor.dx-editor-filled {
    background: var(--primary-bg);
    border: 1px solid rgb(227 229 242 / 57%);
    border-radius: 6px;
}
.overflow-x-auto{
    overflow-x:auto;
}
.Vf-info-box {
    width: auto;
    float: left;
    font-weight: 600;
    font-size: 13px;
    direction: ltr;
    display: flex;
    align-items: center;
    background: #fff3e2;
    padding: 7px 10px;
    border-radius: 6px;
    color: #db8a12;
    border: 1px solid #ffdba5;
}
.Vf-info-box .Vf-info-icon {
    color: #f2a22b;
    font-size: 18px;
    margin-right: 5px;
}
.expiredDoc-grid .dx-datagrid-headers + .dx-datagrid-rowsview {
    padding: 0 10px !important;
}
.LeaveAgainst-grid.Vf-grid-default .dx-datagrid-headers .dx-datagrid-content {
    padding: 0 0px;
}
.new-switcher{
    position:relative;
}
.new-switcher .dx-scheduler-header {
    position: absolute;
    right: 0;
    width: 200px;
    top: -38px;
}
.new-switcher .dx-scheduler-header .dx-toolbar .dx-scheduler-navigator .dx-scheduler-navigator-caption {
    min-width: 150px;
    max-width: 150px;
}
.scribe-switcher .dx-toolbar-items-container {
    display: inline-flex;
    justify-content: center;
    width: 100%;
}
.scribe-switcher .dx-toolbar-items-container > .dx-toolbar-before {
    display:contents;
}
.scribe-switcher .calendar-part .offlineScribingCalender {
    height: inherit !important;
    margin-top: -34px;
    position: relative;
    top: 34px;
}
.scribe-switcher .dx-scheduler-header .dx-toolbar .dx-scheduler-navigator .dx-scheduler-navigator-caption {
    min-width: 154px;
}
.Wf-sidebar .dx-datagrid-nodata::before, .dx-treelist-nodata::before {
    width: 210px;
    height: 155px;
    background-size: 196px 125px;
    left: calc(50% - 105px);
    top: calc(50% - 32.5px);
}
.normalized-padding-dx-grid-cont.Vf-grid-default .dx-datagrid-headers .dx-datagrid-content{
    padding:0;
}
.Vf-grid-child.employee-filter-grid .dx-datagrid-headers + .dx-datagrid-rowsview {
    padding: 0 20px !important;
}
.collapse-form {
    position: absolute;
    float: right;
    right: 96px;
    top: -54px;
    z-index: 41;
    font-size: 13px;
    border: 1px solid #ddd;
    padding: 5px 10px;
    border-radius: 6px;
    cursor: pointer;
    transition: 0.3s ease;
}
.form-collapse-grip.collapsed .collapse-form-box {
    height: 0;
    overflow: hidden
}
.form-collapse-grip.collapsed .collapse-form-grid {
    height: calc(87vh - 170px) !important;
}
.collapse-form.collapsed i {
    transform: rotateX(180deg);
    display: inline-flex;
    transition:0.3s ease;
}
.bg-img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 100%;
    height: 100%;
}
.dx-switch-off, .dx-switch-on {
    font-size:10px;
}
.Vf-custom-title {
    font-family: var(--main-font);
    font-size: 13px;
    font-weight: 500;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin-top: 1rem;
}
.inner .Vf-grid-default {
    height: inherit;
    background: var(--primary-bg);
    padding: 0 10px;
    border: 1px solid #e7e7e7;
    border-radius: 6px;
}
.show-dx-label-only .dx-field-item-content {
    display:none !important;
}
.show-dx-label-only .dx-field-item-label-content,
.show-dx-label-only label.dx-field-item-label {
    width: 100% !important;
    text-align: right;
    margin-bottom: 0;
    align-items: center;
    height: inherit;
    display: flex !important;
    justify-content: flex-end;
    position: relative;
    left: 12px;
    font-weight: 500;
}
.temp-footer-total {
    direction: ltr;
    width: 100%;
    position: absolute;
    left: 0px;
    z-index: -1;
}
.badgePopupContent .Vf-approval-fullview .Vf-full-view-card {
    padding-right: 0px;
    padding-left: 17px;
}
.badgePopupContent .Vf-approval-fullview .vy-fullview-title {
    background: transparent;
    border-bottom: 0;
}
.Vf-grid-default-inner {
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 7px;
}
.Vf-grid-default-inner .dx-datagrid-header-panel{
    background-color:#fff;
}
.Vf-grid-default-inner .dx-datagrid-header-panel .dx-toolbar{
    background-color:#fff !important;
}
.custom-more-dropdown-item {
    display: flex;
    align-items: center;
    height: 30px;
    padding: 10px;
}
.custom-more-dropdown-item i {
    color: #000;
    margin-right: 10px;
}
.custom-more-dropdown-item .cmd-label {
    color: #000;
    font-weight: 600;
}
.user-avatar.employee-infos img{
    border-radius:0px;
}
.badgePopupContent .tds-fullview.rq-fullview.full-view .Vf-grid-child {
    background-color: #fff;
}
.quick-fix-child-grid.Vf-grid-child .dx-datagrid-headers {
    padding-right: 20px !important;
    padding: 0 20px !important;
}
.quick-fix-child-grid.Vf-grid-child .dx-header-row .dx-editor-cell .dx-select-checkbox {
    display: inline-block;
}
.Vf-btn-default.Vf-btn-circle.icon-only.AttendanceGrid-bar .dx-button-content {
    padding: 0px 0px 0px 10px !important;
    min-width: 0px !important;
}
.TargetGrid .dx-datagrid-rowsview {
        padding: 0px !important;
}
#gridPayrollComponentsCompare .payrollTabToolbar.Voyon-Grids .dx-datagrid-headers .dx-datagrid-content.dx-datagrid-content-fixed {
        padding: 0 0 0 0 !important;
}
.rateit {
    display: -moz-inline-box;
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

    .rateit .rateit-range {
        position: relative;
        display: -moz-inline-box;
        display: inline-block;
        background: url(star.gif);
        height: 16px;
        outline: none;
    }

        .rateit .rateit-range * {
            display: block;
        }

    /* for IE 6 */
    * html .rateit, * html .rateit .rateit-range {
        display: inline;
    }

        /* for IE 7 */
        * + html .rateit, * + html .rateit .rateit-range {
            display: inline;
        }

            .rateit .rateit-hover, .rateit .rateit-selected {
                position: absolute;
                left: 0;
                top: 0;
                width: 0;
            }

            .rateit .rateit-hover-rtl, .rateit .rateit-selected-rtl {
                left: auto;
                right: 0;
            }

            .rateit .rateit-hover {
                background: url(star.gif) left -32px;
                color: rgb(239, 197, 41);
            }

            .rateit .rateit-hover-rtl {
                background-position: right -32px;
            }

            .rateit .rateit-selected {
                background: url(star.gif) left -16px;
                color: rgb(191,66,66);
            }

            .rateit .rateit-selected-rtl {
                background-position: right -16px;
            }

            .rateit .rateit-preset {
                background: url(star.gif) left -48px;
                color: rgb(239, 107, 34);
            }

            .rateit .rateit-preset-rtl {
                background: url(star.gif) right -48px;
            }

            .rateit button.rateit-reset {
                background: url(delete.gif) 0 0;
                width: 16px;
                height: 16px;
                display: -moz-inline-box;
                display: inline-block;
                float: left;
                outline: none;
                border: none;
                padding: 0;
            }

            .rateit .rateit-reset span {
                display: none;
            }

            .rateit button.rateit-reset:hover, .rateit button.rateit-reset:focus {
                background-position: 0 -16px;
            }


.rateit-font {
    font-size: 24px;
    line-height: 1em;
}

    .rateit-font .rateit-range {
        background: none;
        height: auto;
    }

    .rateit-font .rateit-empty {
        color: #ccc;
    }

    .rateit-font .rateit-range > div, .rateit-font .rateit-range > span {
        background: none;
        overflow: hidden;
        cursor: default;
    }

.rateit.rateit-font .rateit-reset {
    font-size: inherit;
    background: none;
    width: 0.6em;
    height: 0.6em;
    margin-top: 0.2em;
    background: gray;
    border-radius: 50%;
    position: relative;
}

    .rateit.rateit-font .rateit-reset span {
        display: block;
        font-weight: bold;
        color: white;
        height: calc(50% - 0.045em);
        top: 0;
        position: absolute;
        border-bottom: 0.09em solid white;
        width: 72%;
        margin-left: 14%;
    }


.rateit.rateit-font .rateit-reset:hover, .rateit.rateit-font button.rateit-reset:focus {
    background: #e6574b; /* Old browsers */
    background: radial-gradient(ellipse at center, #e6574b 55%,#f6836b 77%,#f9d3cc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-position: 0 0;
}

.dash-card.spinner .card-body-widget {
    visibility: hidden;
}
.dash-board-widget {
    padding: 20px 5px;
}
.dash-board-widget .dash-card {
        position: relative;
}
#responsiveBoxContainer .card-body-widget .Wc-card.Vf-spinnerPreloader *:not(.wd-title) {
    visibility: hidden !important;
}
.expiredDoc-grid {
    border: none !important;
    box-shadow: none !important;
    padding: 0px !important;
    height: inherit !important;
}
#expiredDocumentExits,
#OnGoingServiceRequestExits,
#overDueServiceRequestExits {
    height: calc(100% - 30px);
    width: calc(100% - 30px) !important;
    position: absolute;
    clear: both;
}
    #expiredDocumentExits .Vf-grid-child .dx-datagrid .dx-column-lines > td:first-child,
    #OnGoingServiceRequestExits .Vf-grid-child .dx-datagrid .dx-column-lines > td:first-child
    #overDueServiceRequestExits .Vf-grid-child .dx-datagrid .dx-column-lines > td:first-child, {
        padding: 0 !important;
    }
.doc-row {
    border-left: 3px solid #96e6a1;
    color: #204e26;
    display: flex;
    height: 38px;
    align-items: center;
    width: calc(100% - 15px);
    padding: 0 15px;
}
#expiredDocumentExits .Vf-grid-child .dx-datagrid-nowrap .dx-header-row > td > .dx-datagrid-text-content,
#overDueServiceRequestExits .Vf-grid-child .dx-datagrid-nowrap .dx-header-row > td > .dx-datagrid-text-content,
#OnGoingServiceRequestExits .Vf-grid-child .dx-datagrid-nowrap .dx-header-row > td > .dx-datagrid-text-content {
    width: 100%;
}
#expiredDocumentExits .dx-datagrid-rowsview .dx-row:nth-child(3n+1) .doc-row,
#overDueServiceRequestExits .dx-datagrid-rowsview .dx-row:nth-child(3n+1) .doc-row,
#OnGoingServiceRequestExits .dx-datagrid-rowsview .dx-row:nth-child(3n+1) .doc-row {
    border-left: 3px solid #96e6a1;
    background-image: linear-gradient( 88deg, #96e6a11a 0%, #96e6a100 36%);
    color: #53c963;
}
#expiredDocumentExits .dx-datagrid-rowsview .dx-row:nth-child(3n+2) .doc-row,
#overDueServiceRequestExits .dx-datagrid-rowsview .dx-row:nth-child(3n+2) .doc-row,
#OnGoingServiceRequestExits .dx-datagrid-rowsview .dx-row:nth-child(3n+2) .doc-row {
    border-left: 3px solid #FFAEB3;
    background-image: linear-gradient( 88deg, #fbf3f3 0%, #96e6a100 36%);
    color: #f7717a;
}
#expiredDocumentExits .dx-datagrid-rowsview .dx-row:nth-child(3n+3) .doc-row,
#overDueServiceRequestExits .dx-datagrid-rowsview .dx-row:nth-child(3n+3) .doc-row,
#OnGoingServiceRequestExits .dx-datagrid-rowsview .dx-row:nth-child(3n+3) .doc-row {
    border-left: 3px solid #A7D3FD;
    background-image: linear-gradient( 88deg, #e5eff9 0%, #96e6a100 36%);
    color: #57a5f1;
}
.doc-row .td-text {
    width: calc(100% - 55px);  
    line-height:normal;
}
.doc-row .td-count{
    width: 60px;
    text-align: right;
    font-weight: 700;
    font-size: 15px;
    padding-right:8px;
}
#expiredDocumentExits #pieExpiredDocumentGrid,
#overDueServiceRequestExits #piePendingServiceRequestGrid,
#OnGoingServiceRequestExits #OnGoingServiceRequestGrid {
    margin-left: -10px;
    margin-top: 0px;
}
.expDoc-header {
    width: 100%;
    color:#b1b5b3;
}
.expDoc-header .td-text{
     width: calc(100% - 64px);
}
.tileView-Birthday .dx-item.dx-tile {
    width: 33.33% !important;
    top: auto !important;
    left: auto !important;
    float: left;
    position: inherit;
    background-color: transparent;
    border: transparent;
    text-align: left;
    margin-bottom: 0px;
    padding: 4px 4px;
    border-radius: 4px;
    background: content-box;
}

.tileView-Birthday .dx-item.dx-tile > .dx-item-content.dx-tile-content {
        background: #fff;
        box-shadow: 0px 4px 11.83px 1.17px rgba(156, 156, 156, 0.15);
        -webkit-box-shadow: 0px 4px 11.83px 1.17px rgba(156, 156, 156, 0.15);
        -moz-box-shadow: 0px 4px 11.83px 1.17px rgba(156, 156, 156, 0.15);
        border-radius: 7px;
        overflow: hidden;
        padding: 4px 0;
        border: 1px solid #f3f3f3;
    }
.tileView-Birthday .dx-item.dx-tile > .dx-item-content.dx-tile-content::after {
            content: "";
            clear: both;
            display: table;
        }
.tileView-Birthday .dx-item.dx-tile .vy-text-avatar {
        width: 40px;
        height: 40px;
        padding: 13px 0;
        font-size: 16px;
    }
.tileView-Birthday .dx-item.dx-item .calendar-name {
    width: auto;
    float: left;
    margin: 4px;
}
.tileView-Birthday .E-name {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
}
.tileView-Birthday .E-designation {
    font-size: 11px;
    color: #b6b6b6;
    position: relative;
    top: -2px;
    line-height: 15px;
}
.tileView-Birthday .E-month {
    font-size: 10px;
    color: var(--primary-color);
    font-weight: 500;
    position: relative;
    top: -4px;
    line-height: 15px;
}
.c-accordian-b {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(217, 220, 228);
    border-radius: 7px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.05);
    margin-bottom: 8px;
}
.c-accordian-b .collapse-b-arrow {
        transform: rotate(180deg);
        padding-right: 45px;
        padding-left: 0;
    }
.c-accordian-b.collapsed .collapse-b-arrow {
        transform: rotate(0deg);
        padding-right: 0px;
        padding-left: 45px;
    }
.c-accordian-b.collapsed .temp-b-row {
        display: none;
    }
.dashboard-wdgt .round {
    font-size: 0.9em !important;
}
.dx-popup-title .dx-toolbar-center.att-today-widget{
    margin: 0 auto !important;
}
.dx-popup-title .att-tdwidget-title{
    height: 55px !important;
}

.root-row.conflict {
    border: solid 1px red;
}

.fgCalendaryear,
.fgFinancialYear {
    display: none;
}

#leaveSummary .dx-box-item-content > .dx-field-item label {
    display: inline-block;
    vertical-align: middle;
    float: left;
    padding: 7px 0;
}

#leaveSummary .dx-box-item-content .dx-field-item label + .dx-field-item-content {
    display: inline-block;
    float: right;
    width: auto;
}
.rq-fields {
    padding: 0;
    padding-right: 40px;
    margin-top:20px;
    border-right: 1px solid #e2e2e2;
}
.rq-fields-2 {
    padding: 0;
    padding-right: 40px;
    margin-top: 20px;
}
.rq-fields .dx-layout-manager .dx-field-item:not(.dx-first-row) {
    padding-top: 20px;
}
.entry-field .dx-texteditor.dx-state-readonly.dx-editor-filled.dx-state-hover {
    background-color: transparent;
    border:none;
}
.rq-Day::before {
    content: '';
    width: 14px;
    height: 14px;
    border: 2.5px solid #f2f3f8;
    border-color: inherit;
    border-radius: 50%;
    position: absolute;
    margin-top: 8px;
    left: 29px;

}
.rq-Day{
    padding:0 15px;
    margin-bottom:15px;
    padding-left:30px;
}
#dateList .dxDate{
    padding-left: 20px;
}
/*.rq-Day .f1{
    padding:0;
}
.rq-Day .f2 {
    padding: 0;
    padding-right: 30px;
    padding-left: 30px;
}
.rq-Day .f3{
    padding:0;
    padding-right:30px;
}
.rq-Day .f1 input{
    padding-left: 20px;
    color: #222;
    font-weight: 500;
}*/
.entry-field {
    padding: 0px 40px;
    overflow: auto;
    height: 400px;
    margin: 20px 0px 0px;
}
/*.entry-column {
    margin: 0;
    padding:0;
    margin-bottom:0px;
    padding-bottom: 4px;
}*/
.entries-list{
    margin-top:20px;
}
.entry-column span{
    font-size: 14px;
    font-weight: 500;
}
.rq-Day .f2 input, .rq-Day .f3 input {
    padding-left: 10px !important;
}
.rq-Day .f1 input{
    padding-left: 0px !important;
}
.rq-fullview .vy-fullview-title {
    border-bottom:none;
}
.rq-summary {
    background: #f2f3f8;
    padding: 10px 15px;
    width: 100%;
    border-radius: 6px;
    margin: 0 0px;
}
.sm-item {
    width: 19%;
    float:left;
}
.sm-item label{
    color: #61739c;
    display:block;
    font-weight:500;
    margin-bottom:0px;
    text-align:left;
    font-size:0.8rem;
}
.sm-item label span{
    font-weight:400;
    padding-left:3px;
}
.sm-item .rst {
    display: inline-block;
    color: #000;
    font-size: 13px;
    font-weight: 500;
    width: 100%;
    text-align: left;
}
.sm-item .rst .time{
    font-size:12px;
    color:#888888;
    padding-left:3px;
    display: inline-block;
}
.sm-item::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 25px;
    background: #888888;
    margin-top: 10px;
}
.rq-summary .sm-item:first-of-type::before {
    display: none;
}
.sm-item .centered{
    width: 78%;
    margin: 0 auto;
    text-align: center;
}
.rq-summary .sm-item:first-of-type .centered {
    padding-left: 0px;
    width: 100%;
}
.sm-item.Opening{
    width:21%;
}
.sm-item.PendingAprovals{
    width:21%;
}
.sm-item.IfApproved{
    width:32%;
}
.sm-item.LeaveBalance{
    width:24%;
}
.sm-item.CurrentlyBooked{
    width:22%;
}
.sm-item.IfApproved .centered{
    width:89%;
}
.sm-item.IfApproved label,.sm-item.IfApproved .rst{
    color:var(--red);
}
.sm-item.PendingAprovals label,.sm-item.PendingAprovals .rst{
    color:var(--yellow);
}
.sm-item.LeaveBalance label,.sm-item.LeaveBalance .rst{
    color:var(--green);
}
#leaveRequestButtonGroup .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-hover {
    background-color: rgb(0 0 0 / 0%);
}
#leaveRequestButtonGroup .dx-button-mode-outlined {
    background-color: transparent !important;
    border-color: #ddd0;
}
#leaveRequestButtonGroup .dx-button-content i {
    height: 26px;
    border-radius: 80px;
    width: 26px;
    font-size: 13px;
    color: #fff;
    margin-right: 6px;
    padding: 5px 0px;
    margin-right: 6px;
    box-shadow: 0px 1px 11.83px 1.17px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 1px 11.83px 1.17px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 1px 11.83px 1.17px rgba(0, 0, 0, 0.15);
}
.sum-btns .dx-button-content i.fa-check {
    background-color: #0ac39e;
}
.sum-btns .dx-button-content i.fa-history {
    background-color: #dfab0b;
}
.sum-btns .dx-button-content i.fa-list-alt {
    background-color: var(--primary-color);
}
#leaveRequestButtonGroup .dx-button-content .dx-button-text {
    font-size: 13px;
    font-weight: 500;
}
.sum-btns{
    position:relative;
    right:0px;
    z-index:34;
}
#leaveRequestButtonGroup {
    float: right;
    margin-top: -58px;
    margin-right: 110px;
}
.rq-fields  .Voyon-Forms .dx-state-readonly .dx-texteditor-input {
    padding-left: 9px;
    font-weight: 400;
}
.rq-fields .Voyon-Forms .dx-texteditor.dx-state-readonly.dx-editor-filled.dx-state-hover {
    background-color: #f6f7fb;
}
.rq-fields .Voyon-Forms .dx-texteditor.dx-state-readonly.dx-editor-filled {
    border-color: rgba(148, 148, 148, 0.64);
    /* border-bottom: 1px dashed rgba(148, 148, 148, 0.64); */
    border: 1px solid rgba(65,65,65,0.31);
    background: #f6f7fb;
}
.leaveSummary .dx-datagrid-headers {
    padding-left: 0px;
    font-weight: 600;
}
.leaveSummary .dx-datagrid-nowrap .dx-header-row > td > .dx-datagrid-text-content {
    line-height: 20px;
}
.leaveSummary {
    margin: 0 -15px;
}
.leaveSummary .dx-datagrid-headers + .dx-datagrid-rowsview {
        background: rgb(255 255 255);
}
.leaveSummary .dx-datagrid-headers .dx-datagrid-content {
    margin-bottom: 0px;
    border-bottom: 1px solid #d6dce2;
}
.leaveSummary .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    border-bottom: 0px solid #d6dce2;
}
.leaveSummary .dx-header-row td:first-of-type {
        padding-left: 0px;
}
.leaveSummary .dx-data-row td{
    border-bottom: 1px solid #ddd0;
}
.leaveSummary .dx-data-row td:first-of-type span:before {
    content: '';
    width: 14px;
    height: 14px;
    border: solid 2.5px;
    border-color: inherit;
    border-radius: 50%;
    position: absolute;
    margin-top: -1px;
    left: 5;
}
.leaveSummary.leaveHistory .dx-data-row td:first-of-type {
    padding-left: 0px;
}
.leaveSummary.leaveHistory .dx-data-row td:first-of-type:before{
    display:none;
}
.leaveSummary.leaveHistory .dx-data-row td:nth-child(2){
    padding-left:25px;
}
.leaveSummary.leaveHistory .dx-data-row td:nth-child(2) span:before {
    content: '';
    width: 14px;
    height: 14px;
    border:solid 2.5px;
    border-color:inherit;
    border-radius: 50%;
    position: absolute;
    margin-top: -1px;
    margin-left: -20px;
}
.leaveSummary .dx-data-row td:first-of-type {
    padding-left: 20px;
}
 .leaveSummary .dx-datagrid-rowsview .dx-row{
     height:35px;
 }
 .leaveSummary .dx-datagrid-rowsview .dx-data-row:first-of-type{
     margin-top:20px;
 }
.leaveSummary .dx-datagrid {
    background-color: #fff;
}
.Lv-HisSummary{
    float:left;
    margin-bottom:5px;
}
.Lv-HisSummary:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 32px;
    background: #d6dce2;
    right: 5px;
    top: 20px;
}
.Lv-HisSummary:first-of-type:after {
    display:none;
}
#leaveHistorySummaryListContainer {
    bottom: 0;
    border-top: 1px solid #ddd;
    padding-top: 8px;
    padding-bottom:20px;
}
.LHapproved,.LHpending{
    padding-bottom:8px;
}

.LHapproved div {
    width: auto;
    display: inline-block;
}
.LHpending div {
    width: auto;
    display: inline-block;
}
.LHleaveType {
    margin-bottom: 8px;
    padding-left:20px;
}
.LHleaveType > b:before {
    content: '';
    width: 14px;
    height: 14px;
    border:solid 2.5px;
    border-color:inherit;
    border-radius: 50%;
    position: absolute;
    margin-top: -1px;
    margin-left: -20px;
}
.entry-head {
    position: sticky;
    top: -2px;
    background: #fff;
    z-index: 9;
    padding-left: 15px;
    border-bottom: 1px solid #cdcdcd;
}
.entry-head {
    position: sticky;
    top: -22px;
    background: #fff;
    z-index: 9;
    padding-left: 15px;
    padding-top: 20px;
}

.weekend.rq-Day .f1 input, .WeeklyOff.rq-Day .f1 input {
    color: #7e879e;
}
.weekend.rq-Day::before, .WeeklyOff.rq-Day::before {
    border: 2.5px solid #bab9ba;
}
.Holiday.rq-Day .f1 input {
    color: var(--holiday);
}

.Holiday.rq-Day::before {
    border: 2.5px solid var(--holiday);
}
.rq-Day .dx-texteditor-container, .rq-Day .dx-editor-filled.dx-state-focused .dx-dropdowneditor-input-wrapper {
    box-shadow: none !important;
}
.turn-num{
    display:none !important;
}

#drpFilterType,
#drpStatus {
    width: 120px !important;
    margin: 0;
}
#drpBasedOn {
    margin: 0 0 2px 0 !important;
}
#drpBasedOn{
    width:142px;
}
#LeaveManagement-LeaveRequest-VoyonGrids .Vf-toolbar-batch .selected-records {
    margin-right: 5px !important;
}
#LeaveManagement-LeaveRequest-VoyonGrids .dx-toolbar-item-content > div {
    min-width: unset !important;
}
#LeaveManagement-LeaveRequest-VoyonGrids .Vf-toolbar-header .dx-texteditor.dx-editor-filled {
    margin-left: 3px !important;
    margin-right: 3px !important;
}
 .Vf-grid-default .dx-toolbar-after .dx-toolbar-item, .dx-toolbar-after .dx-toolbar-item:last-child {
    padding: 0px 2px 0 2px !important;
}
#Pager-Select{
    margin-left:0!important;
    margin-right:0 !important;
}
/*#dateList .dx-state-readonly input{
    padding-left: 0 !important;
}*/
#dateList .rq-Day[exclude],
#dateList .rq-Day[exclude-day-limit] {
    display: none !important;
}
#allLeaveSummaryGridContainer .dx-tile,
#leaveHistorySummaryListContainer .dx-tile {
    height: auto !important;
    width: 33.3% !important;
    top: auto !important;
    left: auto !important;
    float: left;
    position: inherit;
    background-color: transparent;
    border: transparent;
    text-align: left;
    margin-bottom: 10px;
}
.dx-tile .leave-sum-item {
    padding: 15px;
    border: 1px solid #efefef;
    margin: 6px;
    border-left: 4px solid #ddd;
    position: relative;
    overflow: hidden;
}
.Vf-card.leave-sum-item div > b {
    width: 142px;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
}
.Vf-card.leave-sum-item div.LHleaveTypeRing > b{
    width:100%;
}
.Vf-card.leave-sum-item div > b span {
    float: right;
    margin-right: 10px;
}
.LHleaveTypeRing > b:before {
    content: '';
    width: 48px;
    height: 48px;
    border: solid 8.5px;
    border-color: inherit;
    border-radius: 50%;
    position: absolute;
    /* margin-top: -38px; */
    /* margin-left: -62px; */
    bottom: -17px;
    right: -17px;
    opacity:0.4;
}
.LHleaveTypeRing {
    padding-bottom: 7px;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 10px;
}
.Leave_request_page #LeaveManagement-LeaveRequest-VoyonGrids .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit-with-icons .dx-link.ti-eye {
    position: relative;
    top: 2px;
}
.Leave_request_page #LeaveManagement-LeaveRequest-VoyonGrids .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit-with-icons .Vf-action-grid-btn .dx-link.ti-pencil {
    font-size: 17px;
    position: relative;
    top: -2px;
}
.VerticalLineFlex_LeaveUnit{
    display: flex;
    align-items: center;
}
.LeaveUnit_Span{
    width: 200px;
    text-align: right;
}
#EmployeeLeaveRequestSummary-VoyonGrids .dx-datagrid-total-footer.dx-datagrid-nowrap{
    padding:0 10px !important;
    padding-right:10px !important;
}
.dx-item.dx-toolbar-item.dx-toolbar-label.LEc-toolbar-caption-text.padding-left-15 {
    padding-left: 15px !important
}
.sm-item.IfApproved.two-lines {
    position: relative;
    top: -4px;
}
.sm-item.IfApproved.two-lines .centered{
    text-align:left;
}
.sm-item.IfApproved.two-lines .centered label{
    display: initial;
}
.sm-item.IfApproved.two-lines .rst {
    width:fit-content;
    display:inline-block;
}
.Leave_request_page.ess .Vf-batch-btn{
    visibility:hidden;
    pointer-events:none;
}
.Vf-grid-default .dx-toolbar-after .Vf-batch-toolbar-label.pendingNormalization-Count {
    padding: 0px 30px 0px 20px !important;
}
#leaveSummaryViewToggle .dx-button-content {
    border-radius: 6px;
    background-color: #bfe5ff;
    padding: 6px 8px 6px 7px;
    height: 30px;
    margin-right: 15px;
}
.batch-toolbar {
    margin-bottom: 10px;
}
.Hcalendar-card {
    padding: 15px 20px 20px;
    width: 100%;
    user-select:none;
}
.action-btns .action{
    display:inline-block;
}
.card-img {
    width: 58px;
    padding-top: 6px;
    padding-bottom: 18px;
}
.calendar-name {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    margin-bottom:10px;
    cursor:pointer;
}
.calendar-desc {
    color: #6a7b8c;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-bottom: 10px;
    height:20px;
}
.date-row{
    padding:0 15px;
}
.cal-status {
    font-size: 13px;
    font-weight: 500;
    color: #597588;
    text-align: right;
    width: auto;
    display: flex;
    justify-content: end;
    align-items: center;
    width:96px;
}
.cal-status.active {
        color: #94b011;
}
.clock-icon {
    width: 15px;
    height: 15px;
    background-position: 0 0;
    background-size: 15px 15px;
    font-size: 16px;
    text-align: center;
    background-image: url(../../../img/alarm-clock.png);
    background-repeat: no-repeat;
    position: relative;
    margin-right: 10px;
}
.action-btns{
    text-align:right;
    font-size:17px;
}
.action.trash {
    margin-left: 7px;
}
.last-date {
    color: #6a7b8c;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 125px);
    display: flex;
    align-items: center;
}
.action i {
    color: #b8b8b8;
}
.List-card .item{
    padding:0 10px 20px;
}
.main-row{
    margin:0 -10px;
}
.calendar-card {
    width: 100%;
    height: 74vh;
    background: #fff;
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.05);
    border-radius: 7px;
    padding: 16px 20px;
}
.fixed-row >div{
    display:inline-block;
    cursor:pointer;
}
.c-accordian {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(217, 220, 228);
    border-radius: 7px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.05);
    margin-bottom:8px;
}
.holidays-de > div,
.actions > div {
    display: inline-block;
}
.fixed-row .year {
    font-size: 13px;
    color: #000;
    font-weight: 500;
}
.f-holiday {
    font-size: 13px;
    color: #9397aa;
    margin-right:25px;
    font-weight:500;
}
.f-holiday span{
    font-weight:600;
    color:var(--primary-color);
    margin-left:5px;
}
.fixed-row {
    padding: 10px 15px;
}
.actions{
    text-align:right;
}
 .actions div {
        padding-left: 10px;
        color: #707070;
 }
.actions div.collapse-arrow {
    font-weight:700;
    color:#000;
    cursor:pointer;
    padding-left:0px;
}
.temp-row {
    margin: 0;
    padding: 0 15px 10px;
}
.temp-row .list-item {
    font-size: 13px;
    background: #aabcd0;
    border-radius: 4px;
    padding: 3px 10px;
    color: #fff;
    font-family: var(--main-font);
    line-height: 20px;
    /* vertical-align: middle; */
    margin-right: 8px;
    margin-bottom:8px;
}
.list-item i {
    margin-right: 8px;
    vertical-align: middle;
}
.list-item .H-dayname {
    font-weight: 600;
    vertical-align: middle;
}
.list-item .h-daydate {
    vertical-align: middle;
    font-weight: 500;
}
.c-accordian .collapse-arrow {
    transform: rotate(180deg);
    padding-right: 45px;
    padding-left: 0;
}
.c-accordian.collapsed .collapse-arrow {
    transform: rotate(0deg);
    padding-right: 0px;
    padding-left: 45px;
}
.c-accordian.collapsed .temp-row{
    display:none;
}
.calendars-toolbar .dx-button-has-icon .dx-button-content {
    padding: 0px;
}
.calendars-toolbar .dx-state-disabled .dx-button .dx-icon, .dx-state-disabled.dx-button .dx-icon {
    opacity: 1;
}
.calendars-toolbar img {
    width: 26px !important;
    height: 23px !important;
}
.img-calendar.dx-button-mode-contained {
    background-color: transparent;
    border-color: transparent;
    color: transparent;
}
.choose-calendar.dx-texteditor.dx-editor-filled {
    background: #fff0;
    border: 0px solid rgb(65 65 65 / 0%);
    border-radius: 3px;
}
.choose-calendar input {
    font-weight: 600;
    color: #596584;
}
.vy-add-new-custom .dx-button-text {
    line-height: 28px;
    font-weight: 500;
    color: #222;
    font-size: 13px;
}
.vy-add-new-custom .dx-icon {
    float: right;
    font-size: 13px;
    padding: 5px;
    background: var(--primary-color);
    border-radius: 30px;
    margin-right: 0px;
    margin-left: 0px;
    box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.14);
    transition: .2s;
    color: #fff;
    font-size: 12px;
    line-height: 19px;
    font-weight: 700;
}
.vy-add-new-custom .dx-icon:hover {
    -webkit-box-shadow: 0px 4px 11.83px 1.17px rgb(0 0 0 / 36%);
    -moz-box-shadow: 0px 4px 11.83px 1.17px rgb(0 0 0 / 36%);
    box-shadow: 0px 4px 11.83px 1.17px rgb(0 0 0 / 36%);
    transition: 0.2s;
}
.vy-add-new-custom .dx-button-content {
    padding-top: 3px;
    overflow: visible;
}
.vy-add-new-custom {
    background-color: transparent;
    border: none;
}
.vy-add-new-custom {
    padding-right: 0px;
}
.pending-cal.circled-count {
    padding: 0px 0;
    height: 25px;
    width: 25px;
    background: #cdd0e9;
    border-radius: 50%;
    display: flex;
    font-weight: 700;
    margin-left: 0px;
    margin-right: 10px;
    text-align: center;
    font-size: 13px;
    align-items: center;
    justify-content: center;
}
#holidayCalendar .batch-toolbar {
    height: 40px;
    padding-top: 7px;
    display:flex;
    margin-top:10px;
}
.holidayAddPopup {
    width: 50% !important;
    height: 100% !important;
    z-index: 1501 !important;
    margin: 0px !important;
    left: 0px !important;
    top: 0px !important;
    transform: translate(1019px, 0px) scale(1) !important;
    transition: none 0s ease 0s !important;
    opacity: 1 !important;
}
.holidayYearAddPopup {
    width: 85% !important;
    height: 100% !important;
    z-index: 1501 !important;
    margin: 0px !important;
    left: 0px !important;
    top: 0px !important;
    transform: translate(1019px, 0px) scale(1) !important;
    transition: none 0s ease 0s !important;
    opacity: 1 !important;
}
#CalendarAdd .dx-popup-content{
    height: 529.4px;
    max-height: none;
    min-height: auto;
}
#CalendarAdd .dx-button-content {
    padding: 5px 18px 5px !important;
}
#CalendarAdd .dx-field-item-content dx-field-item-content-location-bottom {
    height:75px !important
}
#CalendarAdd .dx-show-invalid-badge dx-textbox dx-texteditor dx-editor-filled dx-texteditor-empty dx-widget {
    height: 75px !important
}
#CalendarAdd .EBtns.Save {
    border: 1px solid var(--primary-color);
    background: var(--primary-color);
    color: #fff;
}
#CalendarAdd .EBtns.Cancel {
    border: 1px solid #e1e3e4;
    background: #e1e3e4;
    color: #000000;
    margin-left: 15px;
    padding-right: 8px !important;
}
#CalendarAdd .EBtns {
    color: #fff;
    border: none;
    border-radius: 4px;
    float: right;
    font-family: var(--main-font);
    min-width: 76px;
    text-align: center;
    font-weight: 500;
}
#CalendarAdd .clearfix {
    float: right !important;
    padding-left: 210px !important;
}
#FullViewEditors .EBtns.Save {
    border: 1px solid var(--primary-color);
    background: var(--primary-color);
    color: #fff;
}
#FullViewEditors .EBtns.Cancel {
    border: 1px solid #e1e3e4;
    background: #e1e3e4;
    color: #000000;
    margin-left: 15px;
    padding-right: 8px !important;
}
#FullViewEditors .EBtns {
    color: #fff;
    border: none;
    border-radius: 4px;
    float: right;
    font-family: var(--main-font);
    min-width: 76px;
    text-align: center;
    font-weight: 500;
}
#FullViewEditors .dx-button-has-text .dx-button-content {
    padding: 3px 13px 5px;
}
#FullViewEditors .CalendarHolidayForm {
    height: 63vh;
    overflow-y: auto;
}
#FullViewEditors .btn-group {
    display: inline;
    float: right;
    margin: 0 0px;
    text-align: right;
    padding: 167px 60px;
    padding-right: 0;
    background: #fff;
    bottom: 0;
    right: 0px;
    /* position: absolute; */
/*    border-top: 1px solid var(--toolbar-color);*/
    width: 100%;
    position: sticky;
}
#CalendarSaveButton .dx-button-content, #CalendarCancelButton .dx-button-content {
    padding: 6px 20px 6px;
    min-width: 85px;
    line-height: 14px;
}
#Organization-HolidayCalenderDays-VoyonGrids {
    height: 92%;
}
#FullViewEditors .clearfix {
    float: right;
    padding-left: 616px;
}
.buttons-column EBtns Cancel{
    padding-right:8px !important;
}
.HBtn {
    padding-right: 0px !important;
}
.HBtnSave {
    padding-right: 8px !important;
}
.btn-group.CalendarAddBTn {
    float:right;
}
.btn-group.FullViewEditorsBTn {
    padding-left: 595px !important;
}
.pending-count.pending.circled-count span{
    vertical-align: middle;
    display: initial;
}
.CalendarHolidayForm .Vf-grid-child {
    height: calc(52vh - -56px) !important;
}
#tileViewCalendar.dx-collection.dx-empty-collection{
    height:74vh !important;
}
#tileViewCalendar.dx-collection.dx-empty-collection .dx-tileview-wrapper {
    height: 75vh !important;
}
#tileViewCalendar .dx-empty-message{
    color:transparent !important;
}
#drpYearSelection {
    max-width:100px;
}

#processPayrollListPage .year-box > div {
    padding: 10px 0 0;
}
#lstYearMonths .dx-item.dx-list-item {
    display:inline-block;
    float:left;
    width:auto;
}
#acdnCards .card{
    display:block;
}
#acdnCards .card > .col-x {
    display: inline-block;
    float: left;
    width: 120px;
    float: left;
    margin: 5px 0;
}
#acdnCards .card > .col-x > div {
    margin: 3px 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
    
#employee-process-payroll-steps-container {
    display: none;
}
#listPayrollProcessList .dx-list-item {
    display: inline;
    width: 80px;
}
#sidebar-payroll-processSteps .i-number {
    width: 16px;
    height: 16px;
    display: block;
    margin: 0 auto;
    background: #e3e5f2;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    color: white;
    margin-top: 8px;
    position:relative
}

#sidebar-payroll-processSteps .active-step .i-number {
    background: #0cc9b6 !important;
}
#sidebar-payroll-processSteps .Invalidated-step .i-number {
    background: red !important;
}
#sidebar-payroll-processSteps .current-step .i-number {
    background: var(--primary-color) !important;
}
#sidebar-payroll-processSteps .current-step.active-step .i-number {
    background: rgb(167, 206, 224) !important;
}
#sidebar-payroll-processSteps .current-step.Invalidated-step .i-number {
    background: var(--red) !important;
}
.toolbar-header {
    padding-bottom: 0px;
}
.choose-year {
    text-align: right;
    display: flex;
    justify-content: flex-end;
}
.choose-year label{
    font-size:13px;
    color:#222;
}
.choose-year label {
    font-size: 13px;
    color: #222;
    margin-bottom: 0;
    margin-right: 10px;
    position: relative;
    display: flex;
    align-items: center;
    height: 29px;
}
#drpYearSelection input{
    font-weight:500;
    color:#000;
}
#lstYearMonths .dx-item.dx-list-item {
    display: inline-block;
    float: left;
    width: 8.33%;
    padding: 0 10px;
    text-align: center;
    background: transparent;
    transform: scale(1);
    transition: .1s;
}
.dx-scrollable-content {
    background: transparent;
}
#lstYearMonths .dx-list-item-content {
    /* background: #dee2ed; */
    /* padding: 8px 10px 10px; */
    border-radius: 6px;
    width: auto;
    cursor: pointer;
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
    background-color: rgb(255 255 255 / 4%);
    color: #333;
}
.year-box {
    line-height: 12px;
    width: 74px;
    padding: 0px 0px;
    height: 50px;
    border-radius: 4px;
    overflow: hidden;
}
.year-box .month {
    font-size: 13px;
    color: #8995af;
    font-weight: 500;
    text-align:center
}
.year-box.Open .month{
    color:#8995af;
}
.year-box.Closed .month,
.year-box.Closed .year{
    color:#20b208;
}
.year-box.Active .month,
.year-box.Active .year{
    color:#d6a30b;
}
.year-box .year {
    font-size: 14px;
    color: #7c88a0;
    font-weight: 700;
    padding-top: 5px !important;
}
.DonePayroll .year-box .month {
    color: #099e37;
}
.DonePayroll .year-box .year {
    color: #099e37;
}
#lstYearMonths .dx-item.dx-list-item.dx-list-item-selected {
    transition: .1s;
    overflow: inherit;
}
#lstYearMonths .dx-item.dx-list-item.dx-list-item-selected .dx-item-content.dx-list-item-content {
    
}
#lstYearMonths .dx-scrollview-content {
    position: static;
    padding-bottom: 25px;
}
.PayOverview {
    border-radius: 7px;
    background-color: rgb(255 255 255);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.05);
    margin-top: 0px;
    padding: 16px 20px;
    line-height: 20px;
    margin-bottom: 18px;
    width:100%;
    margin-top:10px;
}
.check-icon {
    width: 18px;
    height: 19px;
    background-position: 0 0;
    background-size: 18px 19px;
    padding: 0;
    font-size: 18px;
    padding: 0;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    background-repeat: no-repeat;
    margin: 0 auto;
    margin-top: 8px;
}
.DonePayroll .check-icon {
    background-image: url('/img/check-icon-payroll.png');
}
#lstYearMonths .dx-list-item.dx-list-item-selected .check-icon {
    background-image: url('/img/pending-clock.png');
}
.DonePayroll .dx-item-content.dx-list-item-content {
    background: #a6f4c5 !important;
    padding-bottom: 7px;
}
#lstYearMonths .dx-list-item.dx-list-item-selected {
    padding: 0px 2px;
}
.PayOverview .code {
    width: 20%;
    float: left;
}
.value {
    float: left;
    font-size: 12px;
    color: #777777;
    font-weight: 500;
}
.value b {
    font-size: 14px;
    color: #63788e;
}mp {
    font-size: 13px;
    color: #777777;
    float:left;
}
.Temp b{
    font-size:16px;
    color:#63788e;
    font-weight:500;
}
.dtails {
    width: 68%;
    float: left;
}
.dtails div{
    width:20%;
    float:left;
    text-align:center;
    font-size:13px;
    color: #777777;
    text-transform:uppercase;
    font-weight:500;
}
.code .Temp {
    font-weight: 500;
    font-size: 13px;
    color: #777777;
}
.dtails div b {
    display: block;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    margin: 0 auto;
    padding:0 1px;
    text-align: left;
}
.bRight {
    border-right: 1px solid #caced3;
}
.Tleaves {
    width: 12%;
    float: right;
}
.Tleaves .leaves {
    text-align: right;
    font-size: 13px;
    color: #777777;
    text-transform: uppercase;
    width: 40%;
    float:left;
}
.Tleaves .leaves b{
     color:#63788e;
    font-size:16px;
    font-weight:500;
    display:block;
}
.Cedit {
    font-size: 13px;
    width: 100%;
    font-weight: 500;
    color: #7688b9;
    float: right;
    text-align: right;
    padding: 8px 2px;
}
.Cedit img{
    margin-left:10px;
}

.PayCard {
    height: 225px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 4px 11.83px 1.17px rgba(156, 156, 156, 0.15);
    min-height: 160px;
    border-radius: 6px;
    padding: 20px 25px !important;
    border: 1px solid rgb(0 0 0 / 0%);
}
.PayCard:hover,
.payroll-active-card .PayCard{
    border: 1px solid var(--primary-color);
    box-shadow: 0px 4px 20px 2.61px rgb(139 139 139 / 9%);
    -webkit-box-shadow: 0px 4px 20px 2.61px rgb(139 139 139 / 9%);
    -moz-box-shadow: 0px 4px 20px 2.61px rgb(139 139 139 / 9%);
}
.vy-tabs .dx-tabpanel .dx-tabs {
    background-color: #f6f7fb;
}
.vy-tabs .dx-tabpanel .dx-tab:not(.dx-tab-selected):not(.dx-state-hover) {
    background: #f4f3f300;
}
.vy-tabs .dx-tab.dx-tab-selected {
    background: #fff0;
    border-bottom: none;
}
.vy-tabs .dx-tab.dx-tab-selected{
    color:var(--primary-color);
}
.vy-tabs .dx-tab.dx-state-hover {
    background-color: #fff0;
}
.vy-tabs .dx-tabpanel .dx-tab {
    width: auto;
    padding: 12px 15px;
    color: #aeb6bd !important;
    text-transform: uppercase;
    font-size:13px;
}
.vy-tabs .dx-tabpanel-tabs {
    padding: 0px 0px;
    border-bottom: 2px solid #d6dce2;
}
.vy-edit-btn .ti-plus{
    font-size:16px;
}
.vy-edit-btn{
    padding:3px 0px;
}
.addPyroll {
    position: relative;
    right: 15px;
    z-index: 19;
    width: 50%;
    margin-top: -50px;
    top: 53px;
    margin-left: 50%;
}
.payrollListtabs .tabpanel-item {
    height: 100%;
    padding-left: 0px;
    padding-top: 20px;
    margin-left: 0px;
    margin-right: 0px;
}
.payrollDate {
    color: var(--primary-color);
    font-size: 13px;
    font-weight: 600;
    text-align: right;
    text-transform: uppercase;
    line-height:11px;
}
.payrollDate::first-line{
    line-height:18px;
}
.batch-number {
    color: #000000;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 10px;
}
.Bunits div {
    color: #6a7b8c;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height:18px;
}
.Bunits.col-12{
    margin-bottom: 0px !important;
}
.Bunits.col-12 .batch-number {
    color: #fc6c58;
}
.PayCard:hover .trash-btn {
    display: block;
}
.PayCard .col-6{
    float:left;
}
.col-6.PrlCard-Status{
    z-index: 10;
}
.processed {
    color: #919ca7;
    font-size: 14px;
    font-weight: 500;
    text-align: right;
    margin-bottom: 10px;
}
.PayCard .amount {
    color: #d7b208;
    font-size: 18px;
    text-align: right;
    font-weight: 600;
}
.PayCard .status {
    color: #94b011;
    text-align: right;
    font-size: 13px;
    font-weight: 500;
}
.PayCard .name {
    position: relative;
    z-index: 3;
    color: #919ca7;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
}
.PayCard .pdate {
    color: #000000;
    font-size: 14px;
    font-weight: 600;
}
.PayCard .Bunits {
    margin-bottom: 20px;
}
.PayCard .emp-count {
    color: #919ca7;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 30px;
}
.PayCard .emp-count i {
    font-size: 13px;
    margin-right: 8px;
    color:#000;
}
.payroll-cards{
    padding:0px 10px !important;
    margin-bottom:15px;
    overflow:hidden;
}
.PayCard::after {
    content: '';
    width: 91px;
    height: 75px;
    position: absolute;
    border-radius: 50%;
    background: none;
    border: 17px solid #e6e6e6;
    left: 40%;
    bottom: -15%;
    margin-top: -10px;
}
#lnkManageCard{
    display:none;
}
.step-container:before {
    /* position: absolute; */
    content: '';
    background: #e3e5f2;
    width: 50%;
    /* height: 2px; */
    padding: 1px 0;
    top: 10px;
    position: relative;
    float: left;
    z-index: -1;
    display:none;
}
.step-container:after {
    content: '';
    background: #e3e5f2;
    width: 96%;
    padding: .8px 0;
    margin-top: -32px;
    float: right;
    z-index: -1;
    position: relative;
    left: -48%;
}
#sidebar-payroll-processSteps .active-step:after {
    background: #0cc9b6 !important;
}
#sidebar-payroll-processSteps .current-step:after {
    background: #0cc9b6 !important;
}
.current-step .i-number:after,
.selected-step .i-number:after {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid var(--primary-color);
    left: -4px;
    top: -3.7px;
    background: #fff;
    z-index: -1;
    margin-left: 0;
    margin-top: 0;
}
.current-step.active-step .i-number:after {
    border: 1px solid rgb(167, 206, 224);
}
.current-step.Invalidated-step .i-number:after {
    border: 1px solid var(--red);
}
.step-Approval.step-container:after, .current-step.step-container:after {
    content: '';
    background: #e3e5f2;
    width: 100%;
    padding: .8px 0;
    margin-top: -32px;
    float: right;
    z-index: -1;
    position: relative;
    left: -56%;
}
.step-Definition.step-container:after {
    display: none;
}
.vy-DotWizard .dx-list-item-content {
    background: transparent;
}
.vy-DotWizard .dx-list .dx-empty-message, .vy-DotWizard .dx-list-item-content {
    padding: 0px;
}
.vy-DotWizard .dx-scrollable-content{
    margin:0 auto;
    text-align:center;
}
.step-container {
    width:8.54vw;
}
.vy-Dotwizard .dx-scrollview-content {
    width: 66%;
    margin: 0 auto;
}
.Vy-maintoolbar {
    padding: 0 0px;
}
.payrollTabToolbar .dx-toolbar.dx-widget {
    background: #e3e5f2;
    padding: 13px 10px 4px;
    border-radius: 6px;
}
.payrollTabToolbar .dx-toolbar.dx-widget .Voyon-GridTitLe {
        font-size: 14px;
        font-weight: 600;
        color: #686e7e;
        font-family: 'Segoe UI',Arial;
}
.circled-count {
    padding: 7px 0;
    height: 25px;
    width: 25px;
    background: #cdd0e9;
    border-radius: 50%;
    display: inline-block;
    font-weight: 700;
    margin-left: 5px;
    margin-right: 6px;
}
.circled-count.pending {
        background: #eac840;
        color: #222;
        cursor:pointer
}
.pending-count {
    color: #5c5a5a;
    font-weight:500;
}
.pending-count.pending .circled-count {
    background: #eac840;
}
.refresh-btn {
    border-color: transparent !important;
    background-color: #05a6f000 !important;
    margin-left: 6px;
}
.refresh-btn .dx-icon {
    color: #5c5a5a !important;
}
.payrollTabToolbar.Vy-maintoolbar .dx-button-mode-contained {
    border-color: transparent;
    background:transparent;
}
.payrollTabToolbar.Vy-maintoolbar .dx-texteditor.dx-editor-filled:before {
    content: '';
    width: 1px;
    height: 26px;
    background: #a4a1a1;
    position: absolute;
    left: -20px;
    top: 1px;
}
.payrollTabToolbar.Vy-maintoolbar .dx-datagrid-filter-row .dx-texteditor.dx-editor-filled:before {
    visibility: hidden;
}
.payrollTabToolbar.Vy-maintoolbar .dx-button-content {
    padding: 0 0px;
}
.payrollTabToolbar.Vy-maintoolbar .dx-texteditor.dx-editor-filled {
    margin-right: 12px;
}
.PayrollListCard {
    height: calc(100vh - 141pt);
    margin: 0 0px;
    background: #fff;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.05);
    border-radius: 7px;
    padding-bottom: 73px;
    overflow-y: auto;
}
.PayrollListCard .Voyon-Grids{
    height:100%;
}
.PayrollListCard .dx-datagrid .dx-column-lines > td {
        border-left: 0px solid #ddd0;
        border-right: 0px solid #ddd0;
        border-bottom: 0px solid #ddd0;
        padding: 7px 7px;
        vertical-align: middle !important;
}
.PayrollListCard .dx-datagrid-rowsview .dx-row, .dx-treelist-rowsview .dx-row{
    border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;
}
.PayrollListCard .dx-datagrid.dx-datagrid-borders > .dx-datagrid-total-footer {
    border: none;
    border-top: none;
    border-bottom: none;
    padding: 0 20px !important;
    background: #fff;
}
.PayrollListCard .dx-datagrid-total-footer > .dx-datagrid-content {
    background: #fff0;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}
.PayrollListCard .Voyon-Grids .dx-datagrid-borders .dx-datagrid-rowsview {
    padding: 0 20px !important;
}
.PayrollListCard .employee-filter-grid.Voyon-Grids .dx-datagrid-borders .dx-datagrid-rowsview {
    padding: 0 20px !important;
}
.payrol-btn-group {
    width: 60%;
    bottom: 0px;
    position: absolute;
    right: 30px;
    padding: 20px 66px 20px;
    background: #fff;
}
/*.PayrollListCard.definition .payrol-btn-group {
    width: 100%;
    bottom: -60px;
    position: absolute;
    right: 65px;
    padding: 0px 0 20px;
}*/
/*.definition #devextreme14.dx-button-mode-contained i.dx-icon, #devextreme4 i.dx-icon, #btnApprovePayroll i.dx-icon, #btnContinue i.dx-icon, #btnPayrollProcessEmployeeNext i.dx-icon {
    float: right;
    margin-right: 0;
    margin-left: 9px;
    color: var(--primary-color);
}
.definition #devextreme14.dx-button-mode-contained, #devextreme4.dx-button-mode-contained, #btnPayrollProcessEmployeeNext.dx-button-mode-contained, #btnApprovePayroll.dx-button-mode-contained, #btnContinue.dx-button-mode-contained {
    background-color: #ddd0;
    border-color: #b9d1f2;
    color: var(--primary-color);
    font-weight: 700;
}
#btnSaveDeductions.dx-button-mode-contained, .definition #devextreme13.dx-button-mode-contained, #btnSavePayrollEmployeeData.dx-button-mode-contained, #btnSavePayrollEmployeesOnHold.dx-button-mode-contained, #btnSaveAllowance.dx-button-mode-contained, #devextreme3.dx-button-mode-contained, #btnSaveAttendance.dx-button-mode-contained {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
    font-weight: 700;
    margin-right: 7px;
}
#devextreme2.dx-button-mode-contained, #btnRevertPayroll.dx-button-mode-contained, #devextreme13.dx-button-mode-contained, .definition #devextreme12.dx-button-mode-contained {
    background-color: #ddd;
    border-color: #ddd;
    color: #222;
    font-weight: 700;
    margin-right: 7px;
}
#devextreme1.dx-button-mode-contained, #devextreme12.dx-button-mode-contained {
    background-color: #ddd0;
    border-color: #222;
    color: #222;
    font-weight: 700;
    margin-right: 7px;
}*/
.PayrollListCard .dx-button-has-text .dx-icon {
    line-height: 21px !important;
}
.data-records {
    width: 100%;
    bottom: 0px;
    position: absolute;
    left: 30px;
    padding: 20px 0 30px;
    background: #fff;
}
#employee-process-payroll-steps-container .col-4.data-records .dx-checkbox-icon {
    background-color: #ffa3a3 !important;
}
#employee-process-payroll-steps-container .col-4.data-records {
    display: flex;
    justify-content: space-between;
    left: 30px !important;
}
.PayrollListCard .dx-datagrid-nowrap .dx-header-row > td > .dx-datagrid-text-content {
    line-height: 30px;
}
.dx-datagrid-summary-item {
    color: rgb(51 51 51 / 99%);
}
.PayrollListCard .dx-datagrid-headers,
.PayrollListCard .dx-datagrid-rowsview {
    padding: 0 20px;
    padding-right: 20px !important;
    border-radius: 6px 6px 0px 0px;
    border-bottom: none;
}
.PayrollListCard .dx-datagrid-header-panel {
    border-bottom: none;
}
.attendance .pending-count{
    margin-left: 30px;
    margin-right: 6px;
}
.attendance .circled-count {
    margin-left: auto;
    margin-right: auto;
}
.approval #devextreme4 i.dx-icon {
    float: left;
    margin-right: 9px;
    margin-left: 0px;
    color: #48b443;
}
.approval #devextreme4.dx-button-mode-contained{
    background-color: #ddd0;
    border-color: #49b744;
    color: #48b443;
    font-weight: 700;
}
/*.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover {
    background-color: #ddd0 !important;
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
    background-color: #ddd0 !important;
}*/
.vy-DotWizard .dx-list-item-content {
    overflow: visible;
}
.i-text {
    padding-top: 8px;
    color: #7e8595;
    padding-bottom:5px;
}
.current-step i-text {
    padding-top: 6px;
    color: var(--primary-color);
}
#lstYearMonths .dx-item.dx-list-item .year-box.Active:before {
    width: 0px;
    height: 0px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #f9c116;
    content: '';
    display: block;
    position: absolute;
    margin-left: 33px;
}
#lstYearMonths .dx-item.dx-list-item.dx-list-item-selected .year-box .month,
#lstYearMonths .dx-item.dx-list-item.dx-state-hover .year-box .month,
#lstYearMonths .dx-item.dx-list-item .year-box.Completed * {
    color: #279615;
}
#lstYearMonths .dx-item.dx-list-item.dx-list-item-selected .year-box .year,
lstYearMonths .dx-item.dx-list-item.dx-state-hover .year-box .year {
    color: #1c860b;
}
#lstYearMonths .dx-item.dx-list-item.dx-list-item-selected .year-box,
#lstYearMonths .dx-item.dx-list-item.dx-state-hover .year-box {
    background: #b0f5c5;
}
.vy-tabs .dx-multiview-item {
    border: none;
    background: transparent;
}
.payroll-cards .trash-btn {
    display: none;
    border: none;
    background: transparent;
    font-size: 17px;
    float: right;
    color: #b7b7b7;
    padding: 0;
    top: -3px;
    position: relative;
}
.vy-circle {
    width: auto;
    float: right;
    display: inline-flex;
    cursor: pointer;
    border: none;
    background: transparent;
    position:relative;
    top:-6px;
}
.vy-circle .dx-button-content{
    padding:0;
}
.vy-circle .dx-icon {
    width: 28px;
    height: 28px;
    background: var(--primary-color);
    border-radius: 50%;
    color: #fff;
    text-align: center;
    padding-top: 6px;
    box-shadow: 0px 2px 11.83px 2px rgb(0 0 0 / 0.11);
    font-size: 12px;
    font-weight: 600;
    float: right;
    margin-bottom: 15px;
    margin-right: 4px;
}
.vy-circle:hover .dx-icon{
    box-shadow:0px 4px 11.83px 1.17px rgb(0 0 0 / 36%);
    -webkit-box-shadow:0px 4px 11.83px 1.17px rgb(0 0 0 / 36%);
    -moz-box-shadow:0px 4px 11.83px 1.17px rgb(0 0 0 / 36%);
}
.vy-circle .dx-button-text{
    font-size: 13px;
    font-weight: 500;
    margin-right: 8px;
    line-height: 29px;
    color: #353535;
}
.vy-circle .dx-button-mode-contained {
    background-color: #ddd0;
    border-color: #ddd0;
    color: #333;
}
.Payout.payrollTabToolbar.Vy-maintoolbar .dx-button-mode-contained {
    border-color: inherit;
    background: inherit;
}
.vy-circle-btn-payroll .dx-icon {
    border-radius: 60px;
    background: #e02d2d;
    color: #fff;
    box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.14);
    border: none;
    transition: 0.3s;
    color: #fff;
    font-size: 13px;
    line-height: 26px !important;
    width: 26px;
    height: 26px;
    margin-left: 10px;
}
.vy-circle-btn-payroll .dx-button-text {
    color: #222;
    border: none;
    font-size: 12px;
    font-weight: 500;
    line-height: 34px;
    width: auto;
    margin-right: 10px;
    cursor: pointer;
}
.Payout{
    margin-top:20px
}
.Payout.PayrollListCard .dx-toolbar-items-container .dx-button-has-text .dx-icon {
    line-height: 26px !important;
}
.Payout.PayrollListCard .dx-toolbar-items-container .FilterEmp .dx-button-has-text .dx-icon {
    line-height: 17px !important;
    color: #fff;
}
.FilterEmp {
    padding-right: 10px !important;
}
#payrollProcess-definition .Voyon-GridTitLe {
    font-size: 16px;
    font-weight: 600;
    color: #686e7e;
    font-family: 'Segoe UI',Arial;
    /* margin-bottom: 35px; */
    width: 100%;
    padding-top: 20px;
}
.apv-btn {
    background: #0cc97b;
    padding: 5px 8px;
    border-radius: 4px;
    color: white;
    margin-left: 32px;
}
.apv-btn i{
    margin-right:6px;
    font-size:13px;
}
.vy-circle-btn-payroll.genarate-payslip .dx-icon {
    background: #ccb706;
}
.vy-circle-btn-payroll.payroll-register .dx-icon {
    background: #839cc4;
}
.PayrollListCard.definition {
    height: 74vh;
}
.payrollListtabs .dx-multiview-item-container {
    border: none;
}
.vy-tabs .dx-tabpanel.dx-state-focused .dx-multiview-wrapper {
    border: 1px solid #ddd0;
}
.currency-symbol{
    margin-right:5px;
}
.vy-circle .dx-button-content{
    overflow:visible;
}
.dx-selectbox-popup-wrapper.dx-tagbox-popup-wrapper .dx-scrollview-content .dx-item.dx-list-item {
    line-height: 30px;
}
.dx-selectbox-popup-wrapper.dx-tagbox-popup-wrapper .dx-scrollview-content .dx-item.dx-list-item .dx-item-content.dx-list-item-content {
    padding:0px;
    padding-left: 5px;
}
.bRight:nth-child(5) {
    border-right: 1px solid #ddd0;
}
#frmPayrollProcessDefenition label .dx-field-item-label-content {
    min-width: 140px;
}
#frmPayrollProcessDefenition span.dx-field-item-required-mark:before {
    content: ':';
    color: #000;
    padding-left: 5px;
}
#frmPayrollProcessDefenition .dx-field-item-required-mark {
    float:right;
}
.payroll-list-container {
    overflow: hidden;
    overflow-y: auto;
    width: calc(100% - 95px);
    height: calc(100% - 60px);
    position: absolute;
    padding: 15px 0;
    padding-right: 15px;
    margin-top: -15px;
}
.pending-approval-img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
}
.pAFly.component-row{
    height:42px;
}
.pAFly .text-block {
    display: inline-block;
    margin-left: 20px;
    width: 100%;
    margin-top: 7px;
}
.pAFly .img-block {
    display: inline-block;
}
.pAFly .img-block img {
    margin-top:-20px;
}
.pAFly .text-block .det{
    font-size:14px;
    margin-bottom:6px;
}
.pAFly .text-block .E-code{
    display: block;
    font-weight: 500;
}
.pAFly .text-block .E-name {
    display: block;
    font-weight: 500;
    margin-left: 7px;
}
.pAFly .text-block .E-Trans{
    display: block;
    font-weight: 500;
    margin-left: 7px;
    color: var(--primary-color);
}
.pAFly .Amount {
    font-size: 15px;
    color: var(--weekend);
    font-weight: 500;
    display: block;
    position: absolute;
    right: 20px;
    top: 42px;
}
.pending-popups .dx-item.dx-list-item {
    border: 1px solid #cbcbcb;
    border-radius: 4px;
    padding: 8px;
    margin-bottom: 10px;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.05);
}
.component-row .secondrow {
    font-weight: 500;
    color: #878787;
}
.component-row .secondrow span:first-of-type {
    margin-right:7px;
}
.genarate-btn {
    background: var(--teal);
    padding: 5px 8px;
    border-radius: 4px;
    color: white;
    margin-left: 0px;
}
.genarate-btn i {
    margin-right: 6px;
    font-size: 13px;
}
.PayrollApproval.badgepopover .PayrollListCard {
    height: calc(100vh - 177pt);
    margin: 0 -15px;
}
.PayrollApproval.badgepopover #gridPayrollComponents {
    height: calc(100vh - 199pt) !important;
}
.PayrollApproval.badgepopover .PayrollListCard .data-records {
    display:none;
}
#Payslip-Report-dxReport-Custom #reportViewer {
    height: calc(98vh - 120pt) !important;
}
.circled-count.Negative-salary {
    background: #fdcfdb;
    color: #FF4F7F;
    box-shadow: 0px 4px 11.83px 1.17px rgb(156 156 156 / 41%);
    border: 1px solid #ffb2c7;
    cursor: pointer;
    display: inline-flex;
    padding: 0;
    align-items: center;
    justify-content: center;
    width: 27px;
    height: 27px;
    line-height: 20px;
    font-weight: 600;
}
.circled-count.Negative-salary:hover{
    box-shadow:0px 4px 11.83px 1.17px rgb(156 156 156 / 6%);
}
.PayrollApproval.badgepopover #gridPayrollComponents > .dx-datagrid{
    background:#fff;
}
.PayrollApproval.badgepopover .badgePopupContent-remarks {
    margin-top: 35px;
}
.employee-filter-grid .dx-header-row .dx-editor-cell .dx-select-checkbox {
    display: inline-flex;
}
#sidebar-payroll-processSteps .unverified-step.step-container .i-number {
    background: #ff9f71 !important;
}
.unverified-step.step-container .i-number::after {
    border-color: #ff9f71 !important;
}
.LoanAndAdvancePaymentsGrid .dx-header-row .dx-editor-cell .dx-select-checkbox {
    display: inline-block !important;
}
.payrol-btn-group .dx-state-disabled.dx-widget {
    opacity:0.7;
}
.PayrollListCard .dx-header-row .dx-editor-cell .dx-select-checkbox {
    display: initial;
}

.payroll-cards.disabled {
    pointer-events: none;
    cursor: default;
    opacity: .8;
    filter: grayscale(100%);
}
@media (min-width: 1366px) and (max-width: 1535px) {
    #gridPayrollComponentsApproval .dx-searchbox {
        width: 210px !important;
    }
}
/*.Payout .employee-tlbr-payroll .dx-item-content{
    margin-left: 20px;
}*/
.un-list {
    margin: 0px;
    background: none;
    padding: 0;
}

    .un-list > li {
        list-style: none;
        display: inline-block;
    }

    .un-list > li {
    }

    .un-list .doc-field .list-item {
        margin-top: 0;
        background: transparent;
        border: 1px solid #b2c1d2;
        color: #b2c1d2;
    }

    .un-list .doc-field .un-sublist {
        padding: 0;
        background: transparent;
        color: #222;
        line-height: 18px;
        font-size: 13px;
    }

.un-sublist {
    position: absolute;
    background: #ffffff;
    padding: 12px 20px;
    width: 254px;
    min-height: 52px;
    max-height: 250px;
    z-index: 999;
    list-style: none;
    border-radius: 6px;
    -moz-box-shadow: 0px 5px 12px 0px rgb(0 0 0 / 8%);
    -webkit-box-shadow: 0px 5px 12px 0px rgb(0 0 0 / 8%);
    box-shadow: 0px 5px 12px 0px rgb(0 0 0 / 8%);
    overflow-y: auto;
}

.more-li {
    padding: 4px 6px;
    border: 1px solid #b2c1d2;
    background: #b2c1d2;
    color: #fff;
    border-radius: 6px;
    cursor: pointer;
    margin-left: 5px;
}

.un-sublist .list-item {
    font-size: 13px;
    background: transparent;
    color: #222;
    border: transparent;
    padding: 0;
}

.doc-field.first-3-li {
    display: inline-block;
}

.un-list > .doc-field > .docs > .list-item {
    margin-top: 0;
    background: transparent;
    border: none;
    color: #060606;
    font-size: 13px;
    padding: 0;
    padding-right: 0px;
    margin-right: 2px;
}

.first-3-li .list-item:after {
    content: ',';
    margin-right: 2px;
}

.first-3-li:last-of-type .list-item:after {
    display: none;
}

.un-list .un-sublist .doc-field .list-item {
    margin-top: 0;
    background: transparent;
    border: 1px solid #ffffff;
    color: #262626;
    padding-left: 0;
    font-size: 13px;
}

body {
}


.hidden {
    display: none;
}

.tdsexemptions .dx-header-row .dx-command-expand.dx-datagrid-group-space {
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
}

.tdsexemptions .dx-datagrid-group-space.dx-datagrid-expand,
.tdsexemptions .dx-datagrid-group-space:first-of-type,
.tdsexemptions .dx-header-row .dx-command-expand.dx-datagrid-group-space:first-of-type {
    padding: inherit !important;
    width: 33px !important;
    min-width: 33px !important;
    max-width: 33px !important;
}

#manageOffer_height {
    height: calc(82vh - 40px);
}

.serviceRequestTask-Grid{
    min-height:173px;   
}

ul.cardfit-table {
    list-style: none;
    padding-left: 0px;
    font-size: 13px;
    width: 100%;
    background: #fff;
    border: none;
    border-bottom: 1px solid #b7c2d64a;
    margin-bottom: 0px;
    margin-top:0px;
}
.card-fit-ul-table > .row:last-child > ul.cardfit-table {
    border-bottom: none;
}
ul.cardfit-table li {
    display: inline-flex;
    text-align: left;
    width: 19%;
    padding: 9px 15px;
    font-weight: 500;
    color: #292929;
    white-space:nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    align-items:center
}
.card-fit-ul-table .cardfit-table:not(.header-row):hover {
    box-shadow: -3px 0px 0px 0px var(--primary-color), 5px 0px 0px 0px #ddd0;
}
.cardfit-table li .dx-textarea {
    height: 30px;
}
.card-fit-ul-table ul.cardfit-table.header-row {
    margin-bottom: 0px;
    padding: 5px 0;
}
.card-fit-ul-table {
    padding: 0px 0;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 6px;
}
.card-fit-ul-table .dx-texteditor-input-container input {
    height: inherit;
    padding: 0 0px;
}
.card-fit-ul-table .dx-texteditor.dx-state-readonly.dx-editor-filled.dx-state-hover {
    background-color:transparent;
    border: none;
}
.flex-form {
    display: flex;
    align-items: center;
}
.flex-form .Vf-custom-label{
    margin-bottom:0px !important;
    margin-right:5px;
}
.flex-form  div:nth-child(2){
    margin-right:10px;
}
.cardfit-table:not(.sub-row) li:nth-child(1) .dx-texteditor-input {
    font-weight: 500;
}
.cardfit-table.sub-row li:nth-child(1) {
    padding-left:35px;
}
.card-fit-ul-table .cardfit-table.header-row li{
    font-weight:700;
}
.ques-ico {
    background-image: url(../../../../img/question-mark.svg);
    background-color: #ffa713;
    background-size: 11px 11px;
    background-position: center center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    border-radius: 24px;
    margin-right: 8px;
}
.head-ques {
    font-size: 13px;
    margin-bottom: 0 !important;
    color: var(--primary-color);
    font-weight: 500;
}
.dsec-ques {
    font-size: 13px;
    font-weight: 400 !important;
    color: #222;
    margin-bottom: 8px;
    margin-left: 28px;
}
.ques-card {
    height: 490px;
    overflow:auto;
    box-shadow: 0 4px 8px 0 #e4e4e4;
    -moz-box-shadow: 0 4px 8px 0 #e4e4e4;
    -webkit-box-shadow: 0 4px 8px 0 #e4e4e4;
    background: #fff;
    padding: 15px;
    margin-bottom: 2rem;
    border-radius: 6px;
    border: 1px solid #e6e6e6;
}
.ques-card .ans-box{
    padding-left:30px !important;
    margin-bottom:20px;
}
.ans-box .ip-number
{
    width:250px;
}
.ans-box .ip-select,
.ans-box .ip-tag
{
    width:250px;
}
.ans-box .ip-radio,
.ans-box .ip-text
{
    width:100%;
}
.remove-ques-padd{
    padding:2px 15px;
}
table.Vf-grid-custom.cl-table td,
table.Vf-grid-custom.cl-table th {
    padding: 2px 15px !important;
}
ul.fixed.cardfit-table {
    display: table;
    white-space: nowrap;
}
.fixed-col {
    position: sticky;
    background: #fff;
}
.fixed-col.right {
    right: -15px;
    border-left:1px solid #ddd;
}
.fixed-col.left {
    left: -15px;
    border-right:1px solid #ddd;
}
.cardfit-table.fixed li.teams-group:nth-child(2n+1) {
    background: #ebf9ff;
}
.cardfit-table.fixed li.teams-group:nth-child(2n+2) {
    background: #deeef4;
}
.ques-card .ans-box .dx-textarea.dx-textbox .dx-texteditor-container {
    height: 140px;
}
.common-review .co-1.fixed-col-1 {
    position: sticky;
    left: -15px;
    background: #fff;
    height: 63px;
    z-index: 1;
}
.common-review .header-row .co-1.fixed-col-1 {
    height: 76px;
}
.card-fit-ul-table.PMF-table.common-review .dx-textarea .dx-texteditor-input{
    resize: vertical !important;
    height: 30px;
}
.card-fit-ul-table.PMF-table.common-review .dx-textarea  {
    height: auto !important;
}

.kra-table .co-1 {
    text-align: left;
    width: 19%;
}

.kra-table .co-2 {
    text-align: left;
    width: 10%;
}

.kra-table .co-3 {
    text-align: left;
    width: 24%;
}

.kra-table .co-4 {
    text-align: left;
    width: 10%;
}

.kra-table .co-5 {
    text-align: left;
    width: 35%;
}
.kra-goal-delbtn {
    left: -47px;
}

.PMF-table .co-1 {
    text-align: left;
    width: 40%;
}

.PMF-table .co-2 {
    text-align: left;
    width: 20%;
}

.PMF-table .co-3 {
    text-align: left;
    width: 38%;
}

.common-review .co-1 {
    width: 42% !important;
}

.common-review .co-2 {
    width: 13% !important;
}

.common-review .co-3 {
    width: 13% !important;
}

.common-review .co-4 {
    width: 12% !important;
}

.common-review .co-5 {
    width: 20% !important;
}
.left-avatar img {
    border-radius: 50%;
    overflow: hidden;
    width: 69px;
    height: 69px;
}
#div80C80DOthersTab .Vf-grid-child .dx-datagrid .dx-column-lines > td:first-child {
    border-left: none;
    padding: 0px !important;
}
.tds-item-temp-grid .td-labels {
    width: 19rem;
    float: left;
}

.LeaveAgainstAbsence-root .dx-datagrid-save-button,
.LeaveAgainstAbsence-root .dx-datagrid-cancel-button {
    display: none !important;
}
.LeaveAgainstAbsence-root .period-nav .dx-button{
    cursor:pointer;
}
.LeaveAgainstAbsence-root .calendar-nav-triger-mult{
    width:420px;
    margin-left:0px;
}
#dxPopupAmendmentDetailView_content .img-thumbnail {
    max-height: 120px !important;
}
#dxPopupAmendmentDetailView_content strong{
    font-weight: 500;
}
#dxPopupAmendmentDetailView_content .icon-c {
    display: flex;
    align-items:center;
    justify-content:center;
    float: right;
    color: grey;
    font-weight: 100;
}
#dxPopupAmendmentDetailView_content .icon-c i{
    background: var(--primary);
    color: #fff;
    height: 18px;
    width: 18px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 0px 4px 4px 0px;
}
#dxPopupAmendmentDetailView_content .icon-c .ic-l{
    background: var(--primary);
    color: #fff;
    border-radius: 4px 0px 0px 4px;
    height: 18px;
    padding: 0 4px;
}
.amd-card {
    border:1px solid #ddd;
}
.amd-card table{
    font-size:13px;
    font-family:var(--main-font);
    border:none;
}
.amd-card .table-bordered td, .amd-card .table-bordered th {
    border: 1px solid #e8e8e8;
    border-left:none;
    border-right:none;
    border-top:0;
}
.amd-card .table-bordered th {
    border-bottom: 1px solid #b1b1b1;
}
.sub-h {
    font-size: 13px;
    font-weight: 600;
    color: var(--primary-color);
}
.s-title {
    font-size: 14px;
    font-weight: 600;
    color: var(--primary-color);
}
.l-custm-label {
    font-size: 13px;
    font-weight: 500;
    font-family: var(--main-font);
}
.f-custm {
    font-size: 13px;
    font-family: var(--main-font);
}
.pro-app {
    position: relative;
    top: 10px;
}
#tds-calculator-form-col .header-section .row > div > div {
    display: inline-block;
}
#tds-calculator-form-col .header-section .row > div > label {
    width: 200px;
}
#tds-calculator-form-col .accordion{
    width: 100%;
}
#tds-calculator-form-col .accordion .f-row label {
    display: inline-block;
    margin-right: 20px;
    margin-bottom:0px;
}
    #tds-calculator-form-col .accordion .form-control {
        display: inline-block;
        width: auto;
        max-width: 100%;
    }
#tds-calculator-form-col .accordion .card-header span[aria-expanded="true"] i {
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
}
.tds-calculator-main-container {
    height: calc(100vh - 146px) !important;
    margin: 0 auto;
    margin-top: 20px;
    margin-right: 0 !important;
    margin-left:-15px !important;
    padding-bottom: 70px !important;
}
.tds-calculator-main-container input[inputmode="decimal"]{
    font-size: 13px;
    font-weight: 600;
    color: #42575a;
}

.tds-calculator-main-container .tb-expence,
.tds-calculator-main-container .tb-tax{
    display:none;
}
.tds-calculator-card {
    /*width: calc(100% - 300px);*/
    border: 1px solid #ddd;
    /*float:right;*/
}
.Vf-toolbar-header.tds-calc-toolbar .dx-button-mode-contained {
    border-color: var(--primary-color);
    color: var(--primary-color);
    background-color: #fff;
}
.Vf-toolbar-header.tds-calc-toolbar .dx-button-content {
    padding: 4px 9px;
}
.Vf-toolbar-header.tds-calc-toolbar .Vf-ac-collapse-all.dx-button-mode-contained {
    border-color: #ddd0;
}

.Vf-toolbar-header.tds-calc-toolbar .Vf-ac-collapse-all .dx-button-content {
    padding-right: 0;
    margin-left:15px;
}
.Calc-view-card {
    border: 1px solid var(--toolbar-color);
    padding: 15px 20px !important;
    border-radius: 5px;
    background: #fff;
    font-size: 13px;
    font-family: var(--main-font);
    margin-left: 15px;
    margin-top: 20px;
}
.tds-calc-tabs.Vf-dx-wizard-number {
    margin: 0;
    width: 136px;
    display: block;
    height: 303px;
}
.dx-icon-one {
    background-image: url('../../../../img/income.svg') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 20px !important;
}
.dx-icon-two {
    background-image: url('../../../../img/tax-c.png') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 20px !important;
}
.dx-icon-three {
    background-image: url('../../../../img/deduction.png') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 20px !important;
}
.tds-form-c1 label.dx-field-item-label {
    width:422px;
}
.tds-calculator-card .Vf-grid-child .dx-datagrid-addrow-button.dx-button-mode-contained {
    background-color: #ddd0;
    border-color: #ddd0;
    color: #333;
    margin-top: -8px;
}

.tds-calculator-main-container.details-section {
    visibility: hidden;
    padding-left: 120px;
    max-width:1200px;
}

.ResultsRow{
    margin:0 !important;
}
.ResultsCol > span {
    font-size: 13px;
    font-weight: 600;
    color: #42575a;
    padding-right:26px;
}
.ResultsRow > .ResultsCol {
    padding: 5px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #d9dce4e0;
    margin-bottom: 0px;
}
.declaration-calc-result.pt-2 .col.ResultsCol{
    padding: 11px 15px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #d9dce4e0;
    margin-bottom: 0px;
}
.declaration-calc-result.pt-2 .accordCol .deduction-Acc{
    padding: 11px 0px !important;
}

.right-font-st {
    font-family: var(--main-font);
    font-size: 13px;
    font-weight: 600;
    color: #42575a;
}
.ResultsRow label {
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 500;
    color: #8391b3;
}
.results_List_1.List_final ResultsRow > .ResultsCol{
    border: 1px solid var(--hover);
}
.results_List_1 .ResultsRow:nth-child(odd) .ResultsCol {
    background: var(--primary-light);
}
.results_List_1.List_final .ResultsRow:nth-child(even) .ResultsCol {
    background: #fff;
}
.results_List_1.List_final .ResultsRow:nth-child(odd) .ResultsCol {
    background: var(--primary-light);
}
.Calc-view-card > .row label {
    margin-bottom: 6px;
    font-weight: 600;
}
.Calc-view-card > .row {
    display: flex;
    align-items: center;
}
.tds-calculator-card .Vf-accordion .Vf-ac-collapse i {
    transform: rotate(0deg);
    transition: 0.2s;
    font-size: 13px;
}
.tds-calculator-card .Vf-accordion.opened .Vf-ac-collapse i {
    transform: rotate(180deg);
    transition: 0.2s;
}
.header-section.calc-left {
   margin-right:0px;
}
.fixed-vertical-wizard {
    width: 92px !important;
    position: fixed !important;
    margin-left: -110px;
}
.fixed-vertical-wizard .Vf-dx-wizard-number .dx-item.dx-tab {
    padding: 7px 10px;
    width: 101px;
    display: block;
}
.fixed-vertical-wizard .Vf-dx-wizard-number .dx-item.dx-tab:first-of-type .dx-tab-text::before,
.fixed-vertical-wizard .Vf-dx-wizard-number .dx-tab-text::after,
.fixed-vertical-wizard .Vf-dx-wizard-number .dx-item.dx-tab:last-of-type .dx-tab-text::before{
    display:none !important;
}
.fixed-vertical-wizard .Vf-dx-wizard-number .dx-tabs-wrapper  {
    display: table-row !important;
}
.fixed-vertical-wizard .Vf-dx-wizard-number .dx-tab-text {
    height: 80px !important;
    font-size: 13px;
    color: #232424;
    font-weight:400;
}
.fixed-vertical-wizard .Vf-dx-wizard-number .dx-tab.dx-tab-selected .dx-tab-text {
     font-size: 14px;
     color: var(--primary-color);
     font-weight: 600;
}
.footer-calculate-btns {
    background: #fff;
    position: absolute;
    bottom: 0px;
    padding: 15px 0;
    border: 1px solid #ddd;
    width: calc(100% - 15px);
    padding-right: 20px;
    padding-left: 120px;
    border-radius: 0px 0px 6px 6px;
}
.fixed-vertical-wizard div.dx-tab-selected i:after {
    display: block;
    content: '';
    width: 52px;
    height: 52px;
    position: absolute;
    border: 1px solid #ddd;
    border-radius: 25px;
}
.fixed-vertical-wizard .Vf-dx-wizard-number .dx-tab .dx-icon {
    top: calc(50% - 55px );
    height: 38px;
    width: 38px;
    background: #6a6a6a;
}
.fixed-vertical-wizard .Vf-dx-wizard-number .dx-scrollable-simulated  .dx-scrollable-content {
    padding-top: 20px;
}
.tds-calculator-card .accordion .Vf-accordion{
    margin-bottom:0px;
    border-radius:0;
    padding:7px 15px;
}
.tds-calculator-card .accordion .Vf-accordion:first-of-type,
.first-resultCol{
    border-radius: 6px 6px 0px 0px;
}
.tds-calculator-card .accordion .Vf-accordion:last-of-type,
.last-resultCol{
    border-radius: 0px 0px 6px 6px;
}
.ifpm-row .dx-field-item-content {
    display: flex !important;
    justify-content: end;
    padding: 5px 0;
    margin-right: 30px;
}
.tds-form-c2 .ifpm-row {
    height: 60px;
    display: flex;
    align-items: center;
}
.hide-top-label.ifpm-row .dx-field-item-content .dx-field-item-label-location-top {
    display: none;
}
.dx-box-flex.dx-box > .dx-item.dx-box-item:not(:last-of-type) .ifpm-row {
    border-bottom: 1px solid #ddd;
}
.dx-box-flex.dx-box > .dx-item.dx-box-item:not(:last-of-type) .ifpm-row.no-bb {
    border-bottom: 0px solid #ddd;
}
.Vf-accordion.accordCol {
    padding: 0px 15px !important;
    border-radius: 0 !important;
    width: 100%;
    height: 30px;
}
.Vf-accordion.accordCol.opened{
    height:auto;
}
.tds-calculator-main-container .dx-scrollbar-vertical.dx-scrollbar-hoverable {
    margin-right: -10px;
}
.tds-calculator-card .Vf-accordion.accordCol .Vf-ac-collapse i {
    font-size:13px;
}
.results-accord-deduction {
    display: flex;
    align-items: center;
}
.ResultsCol > .Results-redColor {
    color: #f44336;
}
.ResultsCol > .Results-greenColor {
    color: #29cd2c;
}
.ResultsCol > .Results-blue {
    color: #1284e4;
}
.ResultsCol > .Results-orange {
    color: #ff9a59;
}
.tds-calc-toolbar-parent {
    position: sticky;
    top: 0;
    z-index: 2;
}
.tds-calc-toolbar > .dx-toolbar{
    background:#fff;
    border-bottom:1px solid #ddd;
}
.tb-expence .Vf-accordion-header label {
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 500;
    color: #8391b3;
}
.tds-calculator-card > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content{
    transform: none !important;
}
.w-100-label .dx-field-item-label {
    width: 90px;
    font-weight: 600;
}

.income-salary-tbhead .dx-datagrid-headers.dx-datagrid-nowrap{
    padding: 0px 20px !important;
}
.justify-center{
    justify-content: center !important;
}

.virtual-hide {
    opacity: 0;
    pointer-events: none;
}
#companyLogoIcon {
    z-index: 30;
    position: absolute;
    top: -17px;
    opacity: 0;
}
#HeaderImageLabel {
width : 160%;
}
#FullViewEditor.leaveResumptionRequest_fullview .full-view-card {
    height: calc(98vh - 130px);
}
#leaveResumptionRequest_fullview label + span {
    /*font-weight: 500;*/
    font-size: 80%;
    display: block;
}
#leaveResumptionRequest_fullview .rowspacer-1{
    margin-top: 15px;
}
#leaveResumptionRequest_fullview .rowspacer-2 {
    margin-top: 25px;
}
#leaveResumptionRequest_fullview .rowspacer-2 {
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    flex-wrap:wrap;
}
#leaveResumptionRequest_fullview table {
    font-size: 80%;
}
#leaveResumptionRequest_fullview table td,
#leaveResumptionRequest_fullview table th{
    padding: 10px 5px 10px 15px;
    background: #f6f7fb !important;
    border-bottom: 1px solid #dee2e6 !important;
}
#leaveResumptionRequest_fullview table.leave-details{
    max-width:820px;
}
#leaveResumptionRequest_fullview .col-6.rq-fields {
    height: calc(100vh - 250px);
    overflow-x: hidden;
    overflow-y: auto;
}
#leaveResumptionRequest_fullview .weeklyoff.excluded td,
#leaveResumptionRequest_fullview .holiday.excluded td {
    color: grey;
}

#leaveResumptionRequest_fullview .leave-resumption-date-table-container {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}
#leaveResumptionRequest_fullview .rowspacer-1 .rq-fields {
    padding: 15px 20px !important;
    padding-right: 40px;
    margin-top: 20px;
    border-left: 1px solid #e2e2e2 !important;
    border-right: 0px !important;
}
#leaveResumptionRequest_fullview .Vf-form-view-mode .dx-texteditor.dx-state-readonly.dx-editor-filled {
    border: 1px solid rgba(65,65,65,0.31);
    background: #f6f7fb !important;
    padding: 5px 5px 5px 10px;
}
#leaveResumptionRequest_fullview .expectedResumption .dx-texteditor.dx-state-readonly.dx-editor-filled {
    border: 1px solid rgba(65,65,65,0.31) !important;
    background: #f6f7fb !important;
    padding: 5px 5px 5px 10px !important;
}
#leaveResumptionRequest_fullview .transactionNumber .dx-texteditor.dx-state-readonly.dx-editor-filled {
    border: 1px solid rgba(65,65,65,0.31) !important;
    background: #f6f7fb !important;
    padding: 5px 5px 5px 10px !important;
}
#leaveResumptionRequest_fullview .col-6 label {
    margin-bottom: 5px !important;
}
#leaveResumptionRequest_fullview .table-bordered td, .table-bordered th {
    border: 0px solid #dee2e6 !important;
}
#leaveDetails_Table .dx-textbox.dx-texteditor {
    border: 0px !important;
}

#leaveDetails_TableFirst .dateReadResumption {
    height: 30px !important;
}

#leaveDetails_TableFirst .dateReadResumption {
    padding: 0px !important;
}

#leaveResumptionApprovalButtons {
    background-color: transparent !important;
    border-color: #ddd0 !important;
}