body {
    margin: 0;
}

/*bootstrap 5 overwrite for table */

.table td, .table th {
    border-top: 1px solid #dee2e6 !important;
}

.table, .table th {
    background-color: initial !important;
    color: inherit !important;
}

.table-bordered td, .table-bordered th {
    border-color: #dee2e6 !important;
    border-width: 1px !important;
    border-style: solid;
}

.table-bordered {
    border-color: #dee2e6 !important;
    border-width: 1px !important;
    border-style: solid;
}

/*bootstrap 5 overwrite for table */

a:visited,
a:hover,
a:active {
    color: inherit !important;
    outline: none !important;
}

    .btn:focus,
    btn:active:focus,
    a:focus,
    a:active:focus {
        outline: none !important;
    }

input[type="text"],
input[type="password"] {
    background: none;
    border: none;
    font-size: 12px;
    font-weight: 500;
    outline: none;
}

select {
    min-width: 100px;
    width: 100%;
}

    textarea:focus,
    input:focus,
    select:focus {
        outline: 0;
    }

select,
input,
textarea {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

header {
    -moz-backface-visibility: hidden;
    -moz-transition: transform .3s ease, left .3s ease, right .3s ease;
    -o-transition: transform .3s ease, left .3s ease, right .3s ease;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform .3s ease, left .3s ease, right .3s ease;
    backface-visibility: hidden;
    height: 40px;
    left: 0;
    margin: 0 !important;
    min-height: 40px;
    padding: 0 !important;
    position: relative;
    transition: transform .3s ease, left .3s ease, right .3s ease;
    width: 100%;
    z-index: 12;
}

.login-custom-controls {
    padding-left: 5px;
    width: 100%;
}

#app-header {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    height: 40px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}

#app-nav-r {
    position: absolute;
    right: 0;
    top: 0px;
}

#app-nav {
    float: left;
    padding-left: 10px;
}

    #app-nav ul.nav,
    #app-nav-r ul.nav {
        float: left;
    }

        #app-nav ul.nav > li,
        #app-nav-r ul.nav > li {
            direction: ltr;
            display: block;
            float: left;
            list-style-type: none;
            margin: 0;
            padding: 9px;
            position: relative;
            text-align: center;
        }

            #app-nav ul.nav > li:first-of-type {
                cursor: pointer;
            }

        #app-nav-r ul.nav li:not(.clientlogo):hover {
            cursor: pointer;
        }

#app-tb-nav {
    display: block;
    height: 30px;
    line-height: 30px;
    min-height: 30px;
    padding-left: 5px;
    position: relative;
    top: 0;
}

#app-page {
    height: calc(100vh - 72px);
    overflow: auto;
    width: 100%;
}

.main-page-ctr {
    height: 100vh;
    max-height: 100vh;
}

#if_AppWindow {
    border: none;
    display: block;
    height: 100%;
    outline: none;
    position: relative;
    width: 100%;
}

#dv_ScreenMaskLayer,
#dv_MenuProtection {
    bottom: 0;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 11;
}

.dash-mask {
    background: url('../images/loader.gif') no-repeat center center;
    bottom: 0;
    display: block;
    filter: alpha(opacity=100);
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.kiosk-tab-class {
    min-height: 40px;
    position: relative;
}

#dv_ScreenMaskLayer {
    -moz-transition: opacity 300ms ease-out;
    -o-transition: opacity 300ms ease-out;
    -webkit-transition: opacity 300ms ease-out;
    background: url('../images/loading.gif') no-repeat center center;
    display: block;
    filter: alpha(opacity=100);
    opacity: 1;
    transition: opacity 300ms ease-out;
    z-index: 999999;
    background-color: rgba(248, 248, 248, 0.85);
}

.app-menu {
    display: none;
    height: calc(100% - 40px);
    left: 0;
    min-width: 370px;
    position: absolute;
    top: 40px;
    /* bottom: 0; */
    z-index: 21;
}

.app-menu-content {
    max-height: calc(100vh - 95px);
    overflow: auto;
    padding: 5px 0;
    position: relative;
}

.app-menu-head span {
    cursor: pointer;
    float: right;
    font-size: 12px;
    padding: 10px 8px 0 0;
}

.app-menu-content ul li {
    -moz-transition: height 300ms ease-in-out;
    -o-transition: height 300ms ease-in-out;
    -webkit-transition: height 300ms ease-in-out;
    display: block;
    line-height: 1.5;
    padding: 6px 10px;
    text-decoration: none;
    transition: height 300ms ease-in-out;
    white-space: nowrap;
}

    .app-menu-content ul li a {
        clear: both;
        font-size: 13px;
        font-weight: 400;
        line-height: 18px;
        padding: 4px 15px;
        text-decoration: none;
        white-space: nowrap;
    }

.app-menu-content img {
    vertical-align: middle;
}

.app-menu-content .SubMenu {
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
    display: none;
    transition: all 200ms ease-in-out;
}

.drop-down-popup {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: none;
    max-width: 250px;
    min-width: 185px;
    padding: 5px;
    position: absolute;
    z-index: 99999;
}

.top-arrow {
    height: 0;
    width: 0;
}

.drop-down-popup ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .drop-down-popup ul li a {
        display: inline-block;
        padding: 10.5px 11px;
        text-decoration: none;
        width: 100%;
        box-sizing: border-box;
    }

.user-fav .top-arrow {
    position: absolute;
    right: 51px;
    top: -9px;
}

.menu-fav {
    -moz-transition-delay: 1s;
    -moz-transition-duration: .4s;
    -moz-transition-property: width;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-delay: 1s;
    -o-transition-duration: .4s;
    -o-transition-property: width;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-delay: 1s;
    -webkit-transition-duration: .4s;
    -webkit-transition-property: width;
    -webkit-transition-timing-function: ease-in-out;
    display: table;
    position: relative;
    transition-delay: 1s;
    transition-duration: .4s;
    transition-property: width;
    transition-timing-function: ease-in-out;
}

    .menu-fav span:first-child {
        display: table-cell;
    }

    .menu-fav:hover {
        z-index: 999;
    }

        .menu-fav:hover span:last-child {
            display: table-cell;
            right: 0;
        }

#divMode {
    cursor: pointer;
    font-size: 15px;
}

.user-settings li a span {
    padding-left: 12px;
}

.user-pic {
    border-radius: 50%;
    height: 46px;
    position: absolute;
    right: 3px;
    top: -14px;
    width: 46px;
}

.app-inbox .i-count {
    border-radius: 30%;
    margin-left: 12px;
    padding: 5px;
    z-index: 999;
}

#app_fav,
#app_history,
#app_home,
#app_settings {
    padding-right: 5px !important;
}

#Page_NavHistory {
    font-size: 9.1pt;
    letter-spacing: .4pt;
    padding-left: 0;
    z-index: 999;
}

    #Page_NavHistory A {
        text-decoration: none;
    }

    #Page_NavHistory .navHistUlist {
        margin: 0;
        padding: 0 0 0 5px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

.navHistUlist .navHistListItem,
.navHistUlist .currentItem {
    list-style-type: none;
    margin: 0;
    background-image: none;
    display: inline-block;
    float: none;
    padding: 0;
}

.navHistUlist .currentItem {
    font-weight: bolder;
}

#Page_NavHistory li #navHistDropDown {
    clear: both;
    display: none;
    margin: 0;
    max-height: 600px;
    min-width: 250px;
    overflow: auto;
    position: absolute;
    z-index: 999;
    top: 20px;
}

#Page_NavHistory #navHistDropDown ul li:hover {
    transition: all ease-in 200ms;
}

#Page_NavHistory #navHistDropDown ul {
    list-style-type: none;
}

    #Page_NavHistory #navHistDropDown ul li {
        border-radius: 3px;
        line-height: 19px;
        padding: 6px;
    }

#Page_NavHistory #navHistDropDown li a:hover {
    text-decoration: underline;
}

#Page_NavHistory li:hover #navHistDropDown {
    display: block;
}

#Page_NavHistory #navHistDropDown,
#Page_NavHistory #navHistDropDown tbody,
#Page_NavHistory #navHistDropDown tbody tr,
#Page_NavHistory #navHistDropDown tbody tr td {
    display: block;
}

#Page_NavHistory #ul_NavMenuTab li {
    margin: 0;
    padding: 0;
    padding-left: 0;
}

.contex-menu {
    display: none;
    min-width: 300px;
    position: absolute;
    padding: 1px 0px;
    right: 0;
    text-align: left;
    z-index: 99999;
    top: 39px;
}

.no-recent {
    font-size: 13px;
    height: 35px;
    line-height: 35px;
    text-align: center;
}

.contex-menu div.menu-item {
    cursor: pointer;
    line-height: 20px;
    padding: 5px 10px;
    padding-right: 25px;
    white-space: nowrap;
}

    .contex-menu div.menu-item:hover {
        color: #fff !important;
    }

#dv-context-menu_navhistIn {
    max-height: calc(100vh - 50px);
    overflow: auto;
}

#dv-context-menu_navhist .top-arrow {
    position: absolute;
    right: 10px;
    top: -9px;
    z-index: -1;
}

#sp_home {
    cursor: pointer;
    float: left !important;
}

#navigationpaneWithTab {
    border-radius: 5px;
    display: none;
    position: absolute;
    z-index: 10000;
}

.style_treeManualCodeEntry {
    bottom: 5px;
    display: none;
    height: 35px;
    position: absolute;
    width: 225px;
}

.ajax__tab_oasys-theme .ajax__tab_body {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-width: 0;
    overflow: auto;
    padding: 5px;
}

.ajax__tab_oasys-theme .ajax__tab_header {
    font-weight: 400;
    padding-left: 5px;
}

    .ajax__tab_oasys-theme .ajax__tab_header .ajax__tab_outer {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        margin: 0 1px;
    }

.ajax__tab_oasys-theme .ajax__tab_tab {
    cursor: pointer;
    display: block;
    height: 18px;
    line-height: 20px;
    padding: 4px 18px;
}

.pnl-page-progress {
    display: none;
}

    .pnl-page-progress > div {
        padding: 3px;
        vertical-align: middle;
    }

.ApplicationToolBar {
    padding: 3px 3px !important;
}

    .ApplicationToolBar.edocs-master {
        min-height: 33px;
    }

.fix-lb-hgt {
    line-height: 10px !important;
}

img.button {
    border: none;
    cursor: pointer;
}

#topMenu,
#topMenuWithStatusbar,
.toolbar {
    display: block;
    left: 0;
    overflow: hidden;
    top: 0;
    width: 100%;
}

.toolbar {
    line-height: 30px;
}

#topMenu .ul_left,
#topMenu .ul_Right {
    margin: 0;
    margin-left: 5px;
    padding: 0;
}

#topMenu table td {
    padding-right: 8px;
}

#topMenu table:first-child td.style_toolbaritem:first-child {
    padding-left: 5px;
}

#topMenuWithStatusbar table:first-child td.style_toolbaritem:first-child {
    padding-left: 5px;
}

#topMenuWithStatusbar {
    line-height: normal;
}

.boxBorderNbg {
    border-radius: 3px;
}

.style_toolbaritem select {
    margin-left: 5px;
    width: 250px;
}

.style_toolbaritem {
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

    .style_toolbaritem label {
        display: none;
    }

    .style_toolbaritem input {
        vertical-align: middle;
    }

.SubmitButton {
    cursor: pointer;
    font-size: 12px;
    padding: 2px 10px;
}

#g_OASYSDropDownMenu {
    margin: 0;
    padding: 0;
    z-index: 30;
}

    #g_OASYSDropDownMenu li {
        float: left;
        list-style: none;
        margin: 0;
        margin-left: 2px;
        padding: 0;
    }

        #g_OASYSDropDownMenu li a {
            display: block;
            margin: 0;
            padding: 2px 10px;
            text-align: center;
        }

    #g_OASYSDropDownMenu div {
        display: block;
        margin: 0;
        margin-left: 5px;
        margin-top: 3px;
        padding: 0;
        position: absolute;
        visibility: hidden;
        width: 200px;
    }

        #g_OASYSDropDownMenu div a {
            display: block;
            font: 11px arial;
            padding: 5px 10px;
            position: relative;
            text-align: left;
            text-decoration: none;
            white-space: nowrap;
            width: auto;
        }

.Css_ToolBar_Button {
    border: none;
    cursor: pointer;
}

.page-padding {
    padding: 5px;
}

#contentLayout001 {
    height: calc(100vh - 150px);
}

.dv-tb-cont {
    margin: 3px;
    padding: 3px;
    white-space: nowrap;
}

.pad-td-10 > tbody > tr > td {
    padding: 5px 0;
}

.dv-tb-cont input[type="text"],
.dv-tb-cont select:not(.wid-50px) {
    width: 100%;
}

.tab-exp-cell-2 > tbody > tr > td,
.tab-exp-cell-2 > tr > td,
.tab-sub-cell-2 > tbody > tr > td,
.tab-sub-cell-2 > tr > td,
.tab-inner-cell-2 table > tbody > tr > td,
.tab-inner-cell-2 table > tr > td {
    padding: 2px 3px;
}

.tab-exp-cell-1 > tbody > tr > td,
.tab-exp-cell-1 > tr > td,
.tab-sub-cell-1 > tbody > tr > td,
.tab-sub-cell-1 > tr > td,
.tab-inner-cell-1 table > tbody > tr > td,
.tab-inner-cell-1 table > tr > td {
    padding: 1px 3px;
}

.tab-sub-cell-2 > tbody > tr > td:first-child,
.tab-sub-cell-2 > tr > td:first-child,
.tab-inner-cell-2 table > tbody > tr > td:first-child,
.tab-inner-cell-2 table > tr > td:first-child {
    padding: 2px 0;
}

.tab-sub-cell-1 > tbody > tr > td:first-child,
.tab-sub-cell-1 > tr > td:first-child,
.tab-inner-cell-1 table > tbody > tr > td:first-child,
.tab-inner-cell-1 table > tr > td:first-child {
    padding: 1px 0;
}

.dv-bk-sep {
    border-radius: 3px;
    margin: 3px;
    padding: 5px;
}

.emp-master-flex-controls table {
    width: 100%;
}

    .emp-master-flex-controls table td {
        padding: 2px 3px;
    }

.head-captn-container {
    -moz-transition: height .5s ease-in-out;
    -o-transition: height .5s ease-in-out;
    -webkit-transition: height .5s ease-in-out;
    cursor: default;
    height: 30px;
    transition: height .5s ease-in-out;
    overflow: hidden;
}

.payroll-head .head-captn-container {
    overflow: hidden !important;
    white-space: normal !important;
    text-overflow: ellipsis;
}

.head-captn-container:hover {
}

.emp-header-tab-expanded .status-icon {
    border-radius: 50%;
    display: block;
    font-size: 14px;
    height: 25px !important;
    padding-right: 3px;
    padding-top: 6px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 10px;
    vertical-align: middle;
    width: 25px;
    z-index: 999;
}

.emp-header-tab .head-down-btn {
    display: block;
    float: right;
    font-size: 18px;
    padding: 6px;
    text-align: center;
    vertical-align: middle;
}

.emp-header-tab-expanded .head-down-btn {
    bottom: 2px;
    cursor: pointer;
    display: block;
    font-size: 14px;
    margin-top: 23px;
    position: absolute;
    right: 0;
    text-align: center;
    vertical-align: middle;
}

.emp-header-tab-expanded .head-captn-container {
    margin-top: 3px;
}

.emp-header-tab .emp-head-icon {
    cursor: default;
    font-size: 18px;
    margin-left: 10px;
}

.emp-header-tab-expanded .status-txt {
    font-weight: 700;
    height: 54px;
    line-height: 24px;
    padding-right: 10px;
    padding-top: 5px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}

.emp-header-tab .img-border-Employee {
    border-radius: 2px;
    margin: 10px;
    max-width: 33px;
}

.emp-header-tab-expanded .larg-img {
    height: 112px;
    width: 112px;
}

.emp-header-tab .img-border-Employee img {
    max-height: 30px;
    max-width: 30px;
}

.emp-header-tab-expanded .img-border-Employee img {
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    cursor: pointer;
    height: 100px;
    margin: 5px;
    position: absolute;
    top: 0;
    transition: all .5s ease-in-out;
    width: 100px;
}

    .emp-header-tab-expanded .img-border-Employee img:hover {
        height: 203px;
        position: absolute;
        top: 0;
        width: 203px;
        z-index: 100000;
    }

.emp-header-tab-expanded .emp-head-icon {
    font-size: 30px;
}

.head-data-ctr {
    margin-left: 5px;
    margin-top: 6px;
}

    .head-data-ctr span {
        font-size: 15px;
    }

.emp-header-tab-expanded .style_employee_status > table td {
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    font-size: 10px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 20px;
}

.emp-header-tab-expanded .style_employee_status > table tr:nth-child(2) td span {
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    max-width: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.img-emp-icon {
    min-width: 30px;
    position: relative;
}

/* Employee Status*/

.emp-header-tab .style_employee_status {
    display: block;
    float: right;
    padding: 6px;
    vertical-align: middle;
}

.emp-header-tab-expanded .style_employee_status {
    display: flex;
    float: right;
    padding-right: 6px;
    vertical-align: middle;
}

.emp-header-tab-expanded .logo-ctr {
    border-radius: 10px 10px 0 0;
    bottom: 0;
    padding: 3px;
    position: absolute;
    right: 47px;
}

.emp-header-tab-expanded {
    display: none;
    height: 100px;
    position: absolute;
    top: 0;
    border-bottom: none !important;
}

.style_img_border {
    border-radius: 50%;
    padding: 1px;
}

/* End Employee Status*/

.style_modalPopupTitleBar {
    border-bottom: solid 2px;
    border-style: outset;
    border-width: 0;
    cursor: move;
    display: block;
    font-weight: 700;
    line-height: 20px;
    padding: 3px;
    text-align: center;
}

.style_modalPopup,
.style_lookupModalPopup,
.style_EmployeeModalPopup,
.style_ModalPopupShowError,
.style_EmployeeModalPopupMini,
.style_lookupModalPopupFlWidth {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-width: 3px;
    position: absolute;
    z-index: 9999;
}

    .style_modalPopup .popup-pref {
        margin: 2px !important;
    }

.style_lookupModalPopup {
    width: 55%;
}

.style_lookupModalPopupFlWidth {
    width: 95%;
}

.style_AttendanceModalPopup {
    height: 450px;
    overflow: hidden;
    width: 400px;
}

.style_lookupModalPopupXL {
    border-style: solid;
    border-width: 3px;
    left: 450px;
    padding: 3px;
    top: 500px;
    width: 767px;
    z-index: 9990;
}

.style_EmployeeModalPopup {
    border-radius: 3px;
    width: 550px;
}

.style_ModalPopupShowError {
    height: fit-content;
    top: 0;
    width: 550px;
    z-index: 10000;
}

.style_EmployeeModalPopupMini {
    overflow: auto;
    padding-bottom: 10px;
    width: 550px;
}

.style_ModalPopupShowError_Content {
    height: 339px;
    overflow: auto;
    /*width: 550px;*/
    padding: 10px;
    white-space: normal;
    text-align: left;
}

.style_modalPopupBackground {
    filter: alpha(opacity=40);
    opacity: .4;
    z-index: 9990;
}

.style_Header_Sectionterm {
    font-weight: 700;
    margin: 1px 0;
    padding: 6px 3px !important;
}

.flex-controls-data-tab .column-1 {
    padding: 5px;
    white-space: nowrap;
    width: 100px !important;
}

    .flex-controls-data-tab .column-1 div {
        font-weight: 700;
        min-width: 100px !important;
    }

.flex-controls-data-tab .column-2 {
    width: 95%;
}

    .flex-controls-data-tab .column-2 input:not([type=image]),
    .flex-controls-data-tab .column-2 select {
        width: 100%;
    }

.prof-emp-img {
    height: 120px;
    width: 100px;
}

.prof-emp-cas-img {
    height: 95px;
    width: 100px;
}

#topMenu .emp-act {
    right: 20px;
    top: 30px;
}

.emp-act .top-arrow {
    left: 2px;
    position: absolute;
    top: -9px;
}

.style_alert_container {
    border-width: 1px 0;
    width: 500px;
}

.style_alert_header {
    background: url(img/sprite.png) repeat-x 0 -200px;
    border-style: solid;
    border-width: 0 1px 1px;
    padding: 3px 5px;
}

    .style_alert_header .style_alert_msg {
        font-weight: 700;
    }

.style_alert_body {
    border-style: solid;
    border-width: 0 1px;
    padding: 10px 10px 30px;
}

    .style_alert_body .style_alert_msg {
        background: url(img/sprite.png) no-repeat 0 -1150px;
        float: left;
        padding-left: 22px;
    }

.style_alert_footer {
    border-style: none solid;
    border-width: 0 1px;
    padding-bottom: 8px;
    padding-right: 8px;
    text-align: right;
}

.style_alert_close {
    cursor: pointer;
    font-size: 14pt;
    font-weight: 700;
    position: absolute;
    right: 5px;
    text-decoration: none;
    top: 3px;
}

.container-w750 {
    width: 750px;
}

.OASYS_EntitlementHeader65 {
    background: no-repeat;
    display: block;
    margin: 0 0 0 30px;
    text-align: left;
}

.OASYS_BlueHeader65 {
    border-radius: 3px;
    display: block;
    margin: 0;
    padding: 6px;
}

.dv-display-table div {
    display: table-cell;
}

.OASYS_BlueHeader65 div:last-child {
    padding-right: 5px;
    text-align: right;
}

.OASYS_TransButton {
    border-radius: 3px;
    cursor: pointer;
    font-weight: 700;
    text-decoration: none;
}

    .OASYS_TransButton:hover {
        text-decoration: underline;
    }

.dv-display-table {
    display: table;
    width: 100%;
}

.style_NavigationTabContainer {
    min-width: 380px;
    overflow: hidden;
}

    .style_NavigationTabContainer .TabContent {
        margin: 0 3px;
        padding-bottom: 3px;
    }

#headerSelectedItem,
#navigationpane,
#topMenuWithStatusbar,
#frameNavigation,
.style_tabPagePosition_,
.style_NavigationTabContainer,
#eDocsContentPaneWithApprovalMatrix,
#eDocsApprovalMatrix {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    display: block;
}

.div_headerwithBg {
    padding: 5px;
}

.style_tabPageInNavigationTree {
    height: calc(100vh - 115px);
    left: 0;
    overflow: auto;
    right: 0;
}

    .style_tabPageInNavigationTree a {
        text-decoration: none;
    }

.sel-tree-content .style_searchtextbox {
    border-radius: 0;
}

.style_tabPageInNavigationTree a:hover {
    text-decoration: underline !important;
}

.style_searchtextbox {
    display: block;
    /*margin: 1px;
    padding: 3px;*/
    border: 5px solid #408387 !important;
}

    .style_searchtextbox input[type=text] {
        width: 100%;
    }

    .style_searchtextbox table {
        width: 100%;
    }

.Ccs_Search_Box {
    max-height: 400px;
    overflow: auto;
    position: absolute;
    text-align: left;
    z-index: 3000;
    bottom: 35px;
    min-width: 300px;
    min-height: 34px;
    left: 2px !important;
}

    .Ccs_Search_Box li {
        cursor: pointer;
        list-style-type: none;
        padding: 0;
        padding: 7px 5px;
        border-bottom: dotted 1px #c0c0c0;
    }

        .Ccs_Search_Box li a {
            display: block;
            text-decoration: none;
        }

    .Ccs_Search_Box span {
        text-decoration: underline;
    }

.emp-header-tab .style_headerline1 {
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    font-size: 25px;
    line-height: 28px;
    margin-top: 2px;
    overflow: hidden;
    padding-left: 10px;
    text-align: left;
    text-overflow: ellipsis;
}

    .emp-header-tab .style_headerline1 i {
        font-size: 16px;
        padding-left: 5px;
    }

.emp-header-tab {
    height: 55px;
}

    .emp-header-tab .style_headerline2 {
        display: inline-block;
        font-size: 16px;
        padding-left: 5px;
        text-align: left;
    }

.emp-header-tab-expanded .style_headerline1 {
    font-size: 24px;
    margin-top: 2px;
    padding-left: 5px;
    text-align: left;
}

.emp-header-tab-expanded .style_headerline2 {
    font-size: 18px;
    padding-left: 5px;
    text-align: left;
    text-transform: uppercase;
}

.emp-header-tab-expanded .emp-table-str {
    display: table;
}

    .emp-header-tab-expanded .emp-table-str > div {
        display: table-row;
    }

        .emp-header-tab-expanded .emp-table-str > div span:not(.status-icon) {
            display: table-cell;
            padding-left: 2px;
        }

        .emp-header-tab-expanded .emp-table-str > div span:nth-child(2) {
            text-align: left;
        }

        .emp-header-tab-expanded .emp-table-str > div span:nth-child(1) {
            text-align: right;
        }

.style_headerinfoline1 {
    font-size: large;
}

.style_headerinfoline2 {
    font-size: small;
}

.master-toolbar {
    display: block;
    height: 30px;
    left: 0;
    line-height: 18px;
    overflow: hidden;
    top: 0;
    width: 100%;
}

    .master-toolbar table {
        border-collapse: collapse;
    }

        .master-toolbar table tr td {
            padding: 0 3px;
        }

            .master-toolbar table tr td select {
                width: 250px;
            }

            .master-toolbar table tr td a {
                text-decoration: none;
            }

            .master-toolbar table tr td input[type="text"] {
                width: 100px;
            }

            .master-toolbar table tr td input[type="submit"] {
                border: none;
                cursor: pointer;
            }

            .master-toolbar table tr td input[type="image"] {
                padding-top: 2px;
            }

            .master-toolbar table tr td label {
                display: none;
            }

    .master-toolbar .error-msg {
        display: none;
        white-space: nowrap;
    }

.tab-content table tr td {
    text-align: left;
    white-space: nowrap;
}

    .tab-content table tr td select {
        outline: none;
        outline-style: none;
    }

    .tab-content table tr td.initial-size {
        min-width: 150px;
    }

.td-cst-aln {
    vertical-align: top;
    width: 450px;
}

    .td-cst-aln > div {
        border-radius: 4px;
        padding: 5px;
    }

        .td-cst-aln > div table {
            width: 100%;
        }

table.grid-layout-001 {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

    table.grid-layout-001 th {
        padding: 10px;
    }

    table.grid-layout-001 tr:first-child th:first-child {
        -moz-border-radius-topleft: 3px;
        -webkit-border-top-left-radius: 3px;
        border-top-left-radius: 3px;
    }

    table.grid-layout-001 tr:first-child th:last-child {
        -moz-border-radius-topright: 3px;
        -webkit-border-top-right-radius: 3px;
        border-top-right-radius: 3px;
    }

    table.grid-layout-001 tr {
        padding-left: 20px;
        text-align: center;
    }

        table.grid-layout-001 tr td:first-child {
            border-left: 0;
            padding-left: 20px;
            text-align: left;
        }

        table.grid-layout-001 tr td {
            padding: 18px;
        }

        table.grid-layout-001 tr:last-child td {
            border-bottom: 0;
        }

            table.grid-layout-001 tr:last-child td:first-child {
                -moz-border-radius-bottomleft: 3px;
                -webkit-border-bottom-left-radius: 3px;
                border-bottom-left-radius: 3px;
            }

            table.grid-layout-001 tr:last-child td:last-child {
                -moz-border-radius-bottomright: 3px;
                -webkit-border-bottom-right-radius: 3px;
                border-bottom-right-radius: 3px;
            }

.anchorSpan {
    font-weight: 700;
    margin: 2px;
    text-decoration: underline;
}

.grid-view-tab a {
    font-weight: 700;
}

.grid-view-tab th {
    padding: 3px 10px;
    text-align: left;
    white-space: nowrap;
}

.grid-view-tab td {
    padding: 3px 10px;
    white-space: nowrap;
    text-align: left;
}

.grid-view-footer a {
    font-weight: 700;
    padding: 4px;
}

.grid-view-tab tr:first-child th:nth-child(2) label {
    line-height: 8px;
}

.grid-view-footer span {
    padding: 5px;
}

.elementBorder_Div,
.defa-box-border {
    margin: 5px;
}

.style_TableHeader {
    font-weight: bold;
    line-height: 25px;
}

    .style_TableHeader table {
        width: 100%;
    }

        .style_TableHeader table td {
            padding: 3px;
            white-space: nowrap;
        }

    .style_TableHeader a:hover {
        text-decoration: none;
    }

    .style_TableHeader a:active {
        text-decoration: none;
    }

table.grid-layout {
    border-collapse: collapse;
}

    table.grid-layout td,
    table.grid-layout th {
        padding: 2px 5px;
    }

    table.grid-layout th {
        padding-bottom: 5px;
        text-align: left;
        text-decoration: underline;
    }

    table.grid-layout .CaptionText,
    .data-grid .CaptionText {
        border-radius: 3px 0 0 3px;
        padding: 5px;
        white-space: nowrap;
    }

.style_empTable {
    border-collapse: collapse;
    display: block;
    margin: 0;
    padding: 1px;
    white-space: nowrap;
    width: 99%;
}

.style_deTable {
    border-collapse: collapse;
    display: block;
    margin: 0;
    padding: 1px;
    white-space: nowrap;
    width: 100%;
}

    .style_deTable tbody {
        display: table;
    }

.LookupControl_EditDialog_Buttons {
    padding: 10px;
    text-align: center;
}

.deisgn-info {
    display: none;
    position: absolute;
    transform: translate(0%, -3%);
    top: 50%;
    left: 50%;
}

    .deisgn-info table {
        border-collapse: collapse;
        width: 100%;
    }

    .deisgn-info > table td:last-child {
        text-align: center;
        width: 20px;
    }

.deisgn-info-content {
    height: calc(100vh - 240px);
    margin: 2px;
    overflow: auto;
}

#sidemenu {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    float: left;
    margin: 8px 0 0;
    padding: 0;
    width: 150px;
}

    #sidemenu li {
        border-bottom-left-radius: 5px;
        border-top-left-radius: 5px;
        display: block;
        font-size: 1.1em;
        text-align: left;
    }

        #sidemenu li a {
            display: block;
            padding: 16px 15px;
            text-decoration: none;
        }

            #sidemenu li a strong {
                display: block;
                margin-top: 5px;
            }

            #sidemenu li a.open {
                border-bottom-left-radius: 5px;
                border-top-left-radius: 5px;
                width: 101%;
            }

#content {
    border-radius: 5px;
    display: block;
    margin-left: 150px;
    min-height: 400px;
    padding: 0 15px;
}

.contentblock {
    display: block;
    padding: 15px 20px;
}

    .contentblock.hidden {
        display: none;
    }

#tab_container {
    background: none;
    display: block;
}

.contentblock > div:first-child {
    border-radius: 3px;
    /*min-height: 400px;*/
    overflow: auto;
    padding: 3px;
}

.contentblock > div > table {
    display: block;
}

.contentblock > div > div > table {
    width: 100%;
}

.contentblock > div:first-child > table td:first-child {
    width: 100%;
}

.contentblock > div:last-child {
    margin: 1px;
    padding: 3px;
}

.contentblock .grid-view-tab th {
    padding-bottom: 3px;
    padding-top: 3px;
}

#content #dv_0 > div:first-child {
    border-radius: 3px;
    min-height: 3px;
    padding: 3px;
}

.style_PrintReportTitle {
    font-size: xx-large;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
}

.style_PrintReport_ReportDate {
    font-size: small;
    text-align: left;
    vertical-align: bottom;
    white-space: nowrap;
}

.style_ErrorMessage {
    font-size: small;
    text-align: left;
    vertical-align: top;
    width: 100%;
    z-index: 1000;
}

    .style_ErrorMessage ul li {
        list-style: none;
        padding: 2px 10px;
    }

.style_rightalign {
    text-align: right;
}

.style_toolbar {
    display: block;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
}

/*------------------*/

.style_PopupPanel_Content,
.style_PopupPanel_Content_med {
    display: block;
    height: 150px;
    margin: 3px;
    overflow: auto;
    padding: 7px;
}

.style_PopupPanel_Content_med {
    overflow: unset;
}

.style_EntityPopupPanel_Header .div_headerwithBg td:last-child {
    text-align: right;
}

.style_EntityPopupPanel_Header td:last-child {
    text-align: right;
}

.style_EntityPopupPanel,
.style_FilterPopupPanel,
.style_HideColumnsPopupPanel {
    display: none;
    position: absolute;
}

.style_SelectParmPopupPanel {
    height: 300px;
    position: static;
    visibility: hidden;
    width: 400px;
}

.style_FilterPopupPanel .table-full-width td {
    padding-right: 0 !important;
}

.style_ChartPopupPanel .chartContainer {
    height: 100%;
    position: relative;
    width: 100%;
}

.style_ChartPopupPanel .chartContainerImage {
    width: 100%;
}

.style_AdvReportOptionPanel {
    display: none;
    height: 400px;
    left: 10px;
    position: absolute;
    top: 30px;
    width: 450px;
    z-index: 999;
}

    .style_AdvReportOptionPanel .GroupReportContent {
        margin: 5px;
    }

.style_TrAttendancePopupPanel {
    height: 250px;
    width: 400px;
}

.style_TrAttendanceHeaderImage {
    text-align: right;
}

.style_TrGovernmentFundedCaptions {
    font-weight: 700;
    white-space: nowrap;
}

.style_nowrap {
    white-space: nowrap;
}

.style_EntityPopupPanel {
    width: 300px;
    z-index: 9996;
}

.style_FilterPopupPanel {
    width: 440px;
    z-index: 999;
}

.style_HideColumnsPopupPanel {
    height: 251px;
    width: 251px;
    z-index: 9998;
}

.style_labelPointer {
    border-radius: 3px;
    cursor: pointer;
    padding: 2px 4px;
    text-decoration: none;
}

.style_deFormCaptionMandatory {
    font-weight: 700;
}

.style_deFormCaptionMandatoryTransparent,
.style_deFormCaptionMandatoryTransparentR_AL {
    font-weight: 700;
    padding: 0 5px;
    text-align: left;
    white-space: nowrap;
}

.style_deFormCaptionMandatoryTransparentR_AL {
    text-align: left;
}

.style_deTable,
.style_deTable_Lookup {
    border-style: none;
}

.style_deValBg_1Col {
    width: 100%;
}

.style_deValBg_4Col {
    width: 50%;
}

.style_deValBg_6Col {
    width: 33.33%;
}

.style_deValBg_8Col {
    width: 25%;
}

.style_deValBg_10Col {
    width: 20%;
}

textarea {
    font: 10pt Arial, Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
    white-space: pre-wrap;
}

.style_deLookupTextBox {
    width: 280px;
}

.style_deLookupDropDown {
    width: 285px;
}

.style_hide {
    display: none;
}

.style_SuccessMessage {
    font-weight: 700;
}

.style_FailiureMessage {
    font-weight: 700;
}

.style_killScroll {
    height: 25%;
    overflow: hidden auto;
}

.style_AccordianHeaderButton {
    text-align: right;
    vertical-align: middle;
}

.style_DDLabel {
    background-position: 100% 100%;
    cursor: pointer;
    text-align: left;
    width: 100%;
}

.style_DDHeader {
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    height: 15px;
    text-align: left;
    text-decoration: none;
    text-indent: 5px;
}

#style_TrainingScheduleHeader {
    left: 0;
    overflow: auto;
}

.style_TrainingScheduleContentPane {
    overflow: auto;
    width: 100%;
}

.style_TrainingScheduleTabpage {
    display: block;
    left: 0;
    overflow: auto;
    padding: 0;
}

.style_UsersContent {
    left: 0;
    overflow: hidden;
}

.style_usermasterleftHeader {
    display: block;
    font-size: 13px;
}

.style_usermasterRightHeader {
    display: block;
    padding: 5px 10px;
}

.style_NumericMinTB {
    width: 50px;
}

.style_NumericTextbox {
    width: 72px !important;
}

.style_NumericTextbox_100px {
    width: 100px !important;
}

.style_ReadOnlyTextBox {
    font-weight: 700;
    width: 72px;
    cursor: default;
}

.style_DateTextbox {
    width: 72px;
}

.style_readonlyRemarksTextBox {
    font-weight: 700;
}

.style_RemarksTextbox {
    width: 99%;
}

.style_edocsTable {
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}

    .style_edocsTable .table-full-width > tbody > tr > tdd {
        padding-left: 5px;
    }

.style_eDocsTableHeader {
    padding: 5px;
}

.style_eDocsIndex {
    height: 100%;
    margin: 0;
    padding: 0;
    vertical-align: top;
    width: 100%;
}

#DropPanel {
    height: 300px;
}

.elementBorder_Div .style_deTable .style_deValBg_4Col select {
    width: 100% !important;
}

.loginSubmitButton {
    cursor: pointer;
    font-size: 12px;
    padding: 2px 10px;
}

#idbdgPositionsPnl {
    display: block;
    height: 100%;
    overflow: auto;
    overflow-y: hidden;
    width: 100%;
}

#os__PopupControl {
    bottom: 10px;
    display: none;
    height: 200px;
    overflow: auto;
    position: absolute;
    right: 10px;
    width: 350px;
    z-index: 1000001;
}

    #os__PopupControl .Header {
        cursor: move;
        height: 20px;
    }

        #os__PopupControl .Header span {
            font-weight: 700;
            padding: 2px;
        }

#os__PopupControl_Content {
    padding: 5px;
}

    #os__PopupControl_Content td {
        padding-left: 3px;
        width: 50%;
    }

#os__PopupControl #busyImg {
    background-position: center center;
    background-repeat: no-repeat;
    display: none;
    height: 30px;
    width: 30px;
}

.Style_BudgetPosition_TRImages TR .Duplicate .ImgBtn {
    visibility: hidden;
}

.Style_BudgetPosition_TRImages TR:hover .Duplicate .ImgBtn {
    visibility: visible;
}

.PnlBdgDistributionEntry {
    height: 211px;
    margin: 2px;
    overflow: auto;
    overflow-y: hidden;
    width: 100%;
    white-space: nowrap;
}

.BdgDistributionPnl {
    border-radius: 5px;
    display: block;
    /*margin: 2px 4px 2px 2px;
    padding: 3px;*/
}

#idPnlBdgDistributionCommandButtons input {
    margin: 2px;
}

#idPnlBdgDistributionChanges {
    display: block;
    height: 200px;
    overflow: auto;
}

.inputButton {
    cursor: pointer;
    padding: 5px 8px;
    text-decoration: none;
}

.LookupControl_EditDialog_Buttons A,
.LookupControl_EditDialog_Buttons input[type="submit"] {
    border-radius: 3px;
    cursor: pointer;
    padding: 3px 5px;
    text-decoration: none !important;
}

.BoxBorder,
.BoxBorder_header {
    margin: 2px;
}

    .BoxBorder_header .header {
        font-weight: 700;
        height: 25px;
        line-height: 25px;
        margin: 0;
        margin-bottom: 1px;
        padding-left: 10px;
    }

.dv_height200 {
    height: 200px;
    overflow: auto;
}

.UserList {
    border: solid 1px transparent;
    border-radius: 6px;
    height: 125px;
    text-align: center;
    white-space: nowrap;
    width: 120px;
    margin: 5px;
}

    .UserList > span > label {
        display: inline-block;
        overflow: hidden;
        text-align: left;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        width: 80px;
        padding-left: 5px;
    }

    .UserList .closebtn {
        visibility: hidden;
    }

    .UserList:hover {
        text-align: center;
    }

        .UserList:hover .closebtn {
            visibility: visible;
        }

.boxBorder {
    display: block;
    margin: 1px;
    padding: 2px;
}

    .boxBorder .BoxHeader {
        font-weight: 700;
        padding: 2px;
    }

.oasys__tab_xp .ajax__tab_body {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-width: 0;
    overflow: auto;
    padding: 5px;
}

/* Tab Header Panel */

.oasys__tab_xp .ajax__tab_header {
    font-weight: normal;
    padding-left: 0;
    margin: 5px 5px 0;
}

    /* Tab Header Tabs */

    .oasys__tab_xp .ajax__tab_header .ajax__tab_outer {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        margin: 0 1px 0 1px;
        margin-left: 0;
    }

.oasys__tab_xp .ajax__tab_tab {
    cursor: pointer;
    display: block;
    line-height: 17px;
    padding: 4px 18px;
}

.ajax__tab_xp .ajax__tab_tab {
    height: auto !important;
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_hover .ajax__tab_tab,
.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_tab,
.ajax__tab_xp .ajax__tab_header .ajax__tab_tab,
.ajax__tab_xp .ajax__tab_active .ajax__tab_outer,
.ajax__tab_xp .ajax__tab_header .ajax__tab_inner,
.ajax__tab_xp .ajax__tab_header .ajax__tab_hover .ajax__tab_outer,
.ajax__tab_xp .ajax__tab_header .ajax__tab_outer,
.ajax__tab_xp .ajax__tab_header {
    background-image: none !important;
}

    .ajax__tab_xp .ajax__tab_header .ajax__tab_outer {
        height: 25px !important;
    }

.ajax__tab_xp .ajax__tab_header {
    padding-bottom: 4px;
}

.ajax__tab_xp .ajax__tab_body {
    border: none !important;
}

/* Tab Header Tabs texts */

.Css_ReportGrid {
    width: 100%;
}

    .Css_ReportGrid a {
        text-decoration: none;
    }

        .Css_ReportGrid a:hover {
            text-decoration: underline;
        }

table.silver-border {
    border-collapse: collapse;
}

    table.silver-border > tbody > tr > th {
        padding: 3px 5px;
        text-align: center;
        vertical-align: top;
        white-space: nowrap;
    }

    table.silver-border > tbody > tr > td {
        padding: 2px;
        vertical-align: top;
    }

table.bottom-border-only td {
    border: none;
    padding: 3px 5px;
}

tr.hover-silver-anc {
    cursor: pointer;
}

#divMsgScroll {
    clear: both;
    display: none;
    margin: 100px 50px 0 10px;
    overflow: hidden;
}

.OASYS-check-box-list-control .action-panel {
    width: 200px;
}

.OASYS-check-box-list-control .action-header-panel {
    height: 30px;
    border-radius: 0px;
    /*margin-right: 10px;*/
    overflow: auto;
    padding: 5px;
    white-space: pre-wrap;
    width: auto !important;
    border: solid 1px #d9e2eb !important;
}

.OASYS-check-box-list-control .action-item-panel {
    overflow: auto;
    position: absolute;
    /*width: calc(100% - 30px);*/
    /* min-width: 250px;
    max-width: 360px;
    max-height: calc(100vh - 200px);*/
    width: calc(100% - 0px);
    /*height: calc(100vh - 200px);*/
    max-height: calc(100vh - 200px);
}

    .OASYS-check-box-list-control .action-item-panel table tbody {
        width: 100%;
        display: inline-table;
    }

    .OASYS-check-box-list-control .action-item-panel td {
        width: 100%;
    }

.OASYS-check-box-list-control .action-header-panel .selected {
    border-radius: 0px;
    font-size: small;
    margin-bottom: 2px;
    margin-right: 2px;
    padding: 0 6px;
    border: solid 1px #d9e2eb !important;
    display: inline-block;
    line-height: normal;
    margin-top: 0px;
}

.OASYS-check-box-list-control .action-header-panel div:last-child {
    font-size: 9px;
}

.OASYS-check-box-list-control .action-item-panel table {
    display: block !important;
    padding-right: 2px;
    width: auto !important;
}

.style_deTable tbody,
.data-grid tbody,
.defa-box-border table tbody {
    width: 100%;
}

table.data-grid {
    width: 100%;
}

    table.data-grid .initial-size {
        min-width: 150px;
    }

.defa-box-border table {
    width: 100%;
}

/* Organization Chart*/

.OASYS_ORG_Chart TD {
    margin-top: -1px;
}

.Org_Details_Icon_Plus,
.IconVH {
    display: none;
}

.Org_Details_Icon_TinyArrow {
    cursor: pointer;
    display: none;
    height: 10px;
    margin: 0 8px 0 0;
    width: 7px;
}

.Org_Details_Icon_Container {
    height: 30px;
    padding: 0;
    position: absolute;
}

.Org_Details_Panel_EmpInfo {
    height: 80px;
}

.Org_Details_Icon_Plus {
    background-position: 0 -30px;
}

.Org_Vertical_NodeContainer {
    margin: 0 5px 0 10px;
    text-align: left;
}

.Org_Details_Icon_NodeDetails {
    height: 23px;
    width: 25px;
}

.Org_Details_EmpImageContainer {
    display: none;
    position: absolute;
    z-index: 100;
}

.OASYS_ORG_Chart .Org_Horizontal_Node,
.OASYS_ORG_Chart .Org_Vertical_Node {
    height: 100px;
    margin: 0 5px 0 0;
    width: 200px;
}

.OASYS_ORG_Chart .Org_Vertical_Node {
    margin: 5px 0 0 0;
}

/* Node : For Manager and Normal---*/

.Org_Details_Panel,
.Org_Manager_Details_Panel {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 11px;
    margin: 10px auto;
    text-align: center;
}

    .Org_Manager_Details_Panel Td,
    .Org_Details_Panel TD {
        padding-left: 5px;
        text-align: left;
    }

    .Org_Manager_Details_Panel IMG {
        margin: 5px 5px 0 0;
    }

.ORG_ImgThump {
    height: 40px;
    width: 40px;
}

DIV.Org_Vertical_Node_LineHorizontal {
    height: 1px;
    margin-top: 50px;
    width: 30px;
}

DIV.Org_Vertical_Node_LineVertical {
    height: 1px;
    width: 30px;
}

DIV.Org_Vertical_Node_HorizontalLine {
    height: 50px;
    width: 1px;
}

.OASYS_ORG_Chart div.VerticalLine {
    height: 20px;
    width: 1px;
}

.OASYS_ORG_Chart div.HorizontalLine {
    height: 1px;
}

/************/

#OASYSOrgChartInfoPanel {
    border-radius: 5px;
    left: -325px;
    padding: 5px;
    position: absolute;
    top: 150px;
    width: 300px;
}

    #OASYSOrgChartInfoPanel .header #OASYSOrgChartNodePanel .header {
        height: 20px;
    }

#OASYSOrgChartInfo {
    border-radius: 5px;
    height: 300px;
    overflow: auto;
    padding: 3px;
}

    #OASYSOrgChartInfo img {
        height: 150px;
        margin: 10px 0 10px 10px;
        width: 150px;
    }

    #OASYSOrgChartInfo .Details li {
        font-size: 10px;
        list-style-type: none;
    }

    #OASYSOrgChartInfo li.Name {
        font-size: 13px;
        margin-left: 10px;
    }

#OASYSOrgChartNodePanel {
    border-radius: 5px;
    display: none;
    padding: 5px;
    position: absolute;
    right: 20px;
    top: 100px;
    width: 350px;
}

#OASYSOrgChartNodeInfo {
    border-radius: 5px;
    height: 400px;
    overflow: auto;
    padding: 3px;
}

    #OASYSOrgChartNodeInfo div {
        cursor: pointer;
        font-size: 14px;
        margin: 3px;
        padding: 3px;
    }

    #OASYSOrgChartNodeInfo span.cap1 {
        font-size: 12px;
    }

.header {
    height: 25px;
    left: 11px;
    top: 5px;
}

.org-tools {
    border-radius: 3px;
    margin: 2px 2px 2px 20px;
    padding: 3px;
}

    .org-tools span {
        font-size: 18px;
    }

/* End Organization Chart*/

.emp-task > table tr:first-child td:first-child {
    border-radius: 3px;
    width: 200px;
}

.popup-sel-cont {
    height: 390px;
    width: 100%;
}

.popup-sel-dv-cont {
    height: 330px;
    overflow: auto;
    padding: 3px;
    position: static;
    z-index: 101;
    width: 530px;
}

    .popup-sel-dv-cont table th {
        padding: 3px;
        text-align: left;
    }

.popup-sel-dv-val {
    border-radius: 0px;
    overflow: auto;
    padding: 3px 3px;
}

    .popup-sel-dv-val span:first-child {
        border-radius: 0px;
        padding: 3px 6px;
    }

.popup-sel-toolbar {
    padding: 3px 6px;
}

.Css_treeview a {
    font-family: 'Roboto', MetaPro, "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
    font-size: 9pt !important;
}

.Css_treeview table {
    width: 100%;
}

.Css_treeview div > table tr td:not(:last-child) {
    width: 5px;
}

.Css_treeview div > table tr:not(:nth-child(2)) {
    display: none;
}

.Css_treeview tr[style*=height] {
    display: none;
}

.Css_treeview table tr td:first-child {
    text-align: left;
    width: 10px;
}

.css-paging td span {
    border-radius: 10%;
    padding: 2px 5px;
}

.css-paging td {
    padding: 3px;
}

    .css-paging td a {
        border-radius: 10%;
        padding: 2px 5px;
        text-decoration: none;
    }

.dv_SearchEmployees {
    border-radius: 3px;
    left: 0;
    max-height: 200px;
    overflow: auto;
    position: absolute;
    top: 0;
    width: 330px;
    z-index: 99999;
}

    .dv_SearchEmployees .Content {
        padding: 0 5px;
    }

    .dv_SearchEmployees ul,
    .dv_SearchEmployees li {
        list-style-type: none;
        margin: 0;
        padding: 5px;
    }

    .dv_SearchEmployees li {
        border: none;
        border-radius: 3px;
        clear: both;
        cursor: pointer;
        height: 50px;
    }

.dv_SearchMembers .clear {
    clear: both;
}

.dv_SearchEmployees div.picbox {
    border-radius: 12px;
    float: left;
    height: 40px;
    width: 40px;
}

    .dv_SearchEmployees div.picbox img {
        margin: 3px;
    }

.dv_SearchEmployees .SearchDetails {
    float: left;
    margin-left: 5px;
}

div.HCaption1,
div.HCaption2,
div.HCaption3 {
    font-size: 12px;
    font-weight: 700;
}

div.HCaption2 {
    font-size: 11px;
    font-weight: 400;
}

.tab-cont .elementBorder_Div {
    margin: 0 !important;
}

.sel-tree-content .caption {
    margin-bottom: 2px;
    padding: 5px;
}

.sel-tree-content .Css_treeview td {
    padding: 8px 2px;
}

.pnl-progress {
    display: none;
    padding: 3px;
}

.datasheet {
    font: 10px lucida grande, arial, helvetica, sans-serif;
    padding: 5px 1px;
}

    .datasheet .footer {
        height: 30px;
        line-height: 30px;
        padding-top: 5px;
        text-align: right;
    }

    .datasheet .header {
        padding-bottom: 6px;
    }

.datatable {
    max-width: 100%;
}

    .datatable TH {
        font-weight: 700;
        padding: 2px 5px;
        text-align: center;
    }

    .datatable TD {
        padding: 2px;
    }

        .datatable TD INPUT {
            border: 0 none;
            font-size: 10px;
            font-weight: 700;
            text-align: center;
            text-transform: uppercase;
            width: 95%;
        }

    .datatable TH.first {
        text-align: center;
        width: 25px;
    }

    .datatable .command {
        text-align: center;
        width: 100px;
    }

.firstcolumn {
    font-weight: 700;
    text-align: left;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.style_rosterPopUpPanel,
.style_rosterPopUpPanelMini {
    border-radius: 3px;
    display: none;
    left: 25%;
    position: absolute;
    top: 25%;
    width: 750px;
    z-index: 9999;
}

.style_rosterPopUpPanelMini {
    width: 500px;
    z-index: 9999;
}

.style_rosterPopUpPanelContent table th {
    padding: 5px;
    text-align: left;
}

.style_rosterPopUpPanelButton {
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-weight: 700;
    margin: 0;
    min-width: 50px;
    padding: 3px;
}

#div_RosterDetailsHeader {
    font-weight: 700;
    padding: 5px;
}

    #div_RosterDetailsHeader .div_CloseBtn-w {
        margin-top: -1px;
    }

.popupheader {
    font-weight: 700;
    height: 20px;
    text-indent: 5px;
}

#RosterPanel {
    overflow: auto;
    z-index: 0;
}

.EncMessageBox {
    display: none;
    position: absolute;
    right: 20px;
    top: 45px;
    width: 350px;
}

    .EncMessageBox .title {
        font-weight: 700;
        height: 20px;
        text-indent: 5px;
    }

    .EncMessageBox .Content {
        font-weight: 700;
        padding: 10px;
    }

.panel-poup {
    position: absolute;
    right: 5px;
    top: 30px;
    min-width: 500px;
}

.panel-poup-header {
    padding: 10px;
}

.panel-max-height-300 {
    height: calc(100vh - 85px);
    margin: 5px;
    overflow: auto;
    padding-right: 20px;
}

.rounded-25 {
    border-radius: 24px;
    height: 24px;
    padding-top: 5px;
    width: 24px;
}

.position-popup {
    border-radius: 4px;
    left: 10px;
    min-width: 250px;
    padding: 5px 0;
    position: absolute;
    z-index: 9999;
}

.bottom-border-only td {
    position: relative;
}

.position-popup .pos-pop-btn {
    cursor: pointer;
    font-weight: lighter;
    height: 25px;
    line-height: 25px;
    padding-left: 5px;
}

.panel-poup-header .back-btn {
    cursor: pointer;
    display: none;
    float: left;
    line-height: 16px;
    width: 20px;
}

.ui-radius-5 {
    border-radius: 5px;
}

.button-default-padding {
    cursor: pointer;
    padding: 5px 20px;
}

.unq-001 {
    padding: 3px;
    text-align: center;
}

.unq-002 {
    margin: 0;
    overflow: auto;
    padding: 0;
    width: 100%;
}

.unq-003 {
    display: block;
    height: 100%;
    overflow: visible;
}

.unq-004 {
    display: none;
}

.unq-005 {
    display: none;
    width: 400px;
}

.unq-006 {
    text-align: center;
    width: 150px;
}

.unq-007 {
    padding: 5px 5px 3px 0;
}

.unq-008 {
    font-weight: bold;
    margin: 5px 10px 0;
}

.unq-009 {
    position: absolute;
    right: 5px;
    top: 8px;
}

.unq-010,
.unq-010-a {
    bottom: 20px;
    left: 0;
    overflow: auto;
    top: 0;
    width: 100%;
}

.unq-010-a {
    top: 30px;
}

.unq-011 {
    height: 420px;
    overflow: auto;
    width: 525px;
}

.unq-012 {
    float: left;
    padding: 3px 3px 0;
    text-align: left;
}

.unq-013 {
    cursor: pointer;
    white-space: nowrap;
}

.unq-014 {
    height: 100px;
    overflow: auto;
}

.unq-015 {
    font-weight: 700;
    margin: 5px;
}

.unq-016 {
    height: 20px;
    width: 400px;
}

.unq-017 {
    font-weight: 700;
    margin: 5px;
}

.unq-018 {
    clear: both;
}

.unq-019 {
    clear: both;
    margin-top: 10px;
    text-align: right;
}

.unq-020 {
    display: block;
    margin: 15px auto;
    width: 65%;
}

.unq-021 {
    font-size: 11pt;
    height: 25px;
    line-height: 25px;
}

.unq-022 {
    font-size: 11pt;
    height: 25px;
    line-height: 25px;
}

.unq-023 {
    float: right;
    margin-right: 10px;
}

.unq-024 {
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 260px;
}

.unq-025 {
    width: 265px;
}

.unq-026 {
    text-align: right;
    width: 40%;
}

.unq-027 {
    margin: 5px auto;
    text-align: left;
    width: 90%;
}

.unq-028 {
    vertical-align: top;
    width: 20%;
}

.unq-029 {
    margin: 0 auto;
    width: 98%;
}

.unq-030 {
    text-align: left;
    width: 200px;
}

.unq-031 {
    text-align: right;
    width: 300px;
}

.unq-032 {
    display: none;
    margin-top: 10px;
}

.unq-033 {
    height: 150px;
    width: 250px;
}

.unq-034 {
    vertical-align: top;
    width: 250px;
}

.unq-035 {
    padding: 1px 0;
    text-align: right;
}

.unq-036 {
    height: 14px;
    width: 14px;
}

.unq-37 {
    height: 90px;
    width: 100%;
}

.unq-38 {
    padding: 3px;
    text-align: right;
}

.unq-39 {
    text-align: left;
}

.unq-040 {
    -moz-border-image: none;
    -o-border-image: none;
    -webkit-border-image: none;
    border-image: none;
    border-radius: 10px;
}

.unq-041 {
    margin: 2px auto;
    width: 99%;
}

.unq-042 {
    border-radius: 5px;
    padding: 5px;
}

.unq-043 {
    float: right;
    margin-right: 20px;
    margin-top: 20px;
    width: 400px;
}

.unq-044 {
    max-height: 325px;
    min-height: 325px;
    overflow: auto;
}

.unq-045 {
    margin: 1px 0 3px;
}

.unq-046 {
    overflow: auto;
    width: 500px;
}

.unq-047 {
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.unq-049 {
    height: 100%;
    text-align: center;
    vertical-align: top;
}

.unq-051 {
    margin: 4px;
    width: 98%;
}

.unq-052 {
    height: 420px;
    overflow: auto;
    width: 525px;
}

.unq-053 {
    max-height: 200px;
    overflow: auto;
    width: 390px;
}

.unq-054 {
    overflow: auto;
}

.unq-55 {
    border-style: none;
    width: 100%;
}

.unq-56 {
    left: 100px;
    margin: 30px auto;
    position: absolute;
    top: 50px;
    width: 50px;
}

.unq-057 {
    margin: 20px auto;
    width: 350px;
}

.unq-058 {
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 260px;
}

.unq-059 {
    margin: 0 auto;
    padding-top: 5px;
    width: 35%;
}

.unq-060 {
    margin: 50px auto;
    width: 350px;
}

.unq-061 {
    margin: 0 auto;
    text-align: left;
    width: 80%;
}

.unq-062 {
    margin: auto;
    margin-top: 10px;
    padding: 5px;
    width: 90%;
}

.unq-063 {
    margin: 50px auto;
    padding: 10px;
    width: 400px;
}

.unq-064 {
    float: right;
    padding: 2px 5px;
}

.unq-065 {
    font-weight: 700;
    overflow: auto;
    vertical-align: top;
    width: 20%;
}

.unq-066 {
    width: 70%;
}

.unq-067 {
    text-align: right;
}

.unq-068 {
    float: right;
    height: 18px;
    padding-right: 5px;
}

.unq-069 {
    margin: 5px;
}

.unq-070 {
    margin: auto;
    width: 650px;
}

.unq-071 {
    height: 50px;
}

.unq-072 {
    margin: 0 auto;
    width: 100%;
}

.unq-073 {
    padding-right: 10px;
    text-align: center;
}

.unq-074 {
    height: 25px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-top: 2px;
}

.unq-075 {
    bottom: 0;
    left: 0;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 95px;
}

.unq-076 {
    height: 300px;
    margin: 5px;
    width: 400px;
}

.unq-077 {
    border: solid 1px;
    vertical-align: top;
    width: 400px;
}

.unq-078 {
    height: 150px;
    width: 300px;
}

.unq-079 {
    border: solid 1px;
    max-height: 400px;
    overflow: auto;
    width: 100%;
}

.unq-080 {
    border: solid 1px;
    margin-top: 50px;
    max-height: 400px;
    overflow: auto;
    width: 100%;
}

.unq-081 {
    display: block;
    margin-top: 10px;
    overflow: auto;
    width: 100%;
}

.unq-082 {
    margin: auto;
    padding: 5px;
    width: 95%;
}

.unq-083 {
    display: none;
    left: 50%;
    padding: 10px;
    position: fixed;
    top: 50%;
    width: 600px;
}

.unq-084 {
    border-collapse: collapse;
    width: 100%;
}

.unq-085 /*OASYS LOGO */ {
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif !important;
    font-size: 40px;
    font-weight: bold;
}

.unq-086 {
    margin: 0 auto;
    width: 310px;
}

.unq-087 {
    font-family: 'Roboto', "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 25px;
    font-weight: 700;
    margin-left: 10px;
}

    .unq-087 span {
        font-size: 18px;
        font-weight: 700;
    }

.unq-088 {
    display: block;
    margin-top: 20px;
    text-align: center;
}

.unq-089 {
    margin: 5px auto;
    text-align: left;
    width: 90%;
}

.unq-090 {
    text-align: center;
    width: 100%;
}

.unq-091 {
    text-align: left;
    width: 100%;
}

.unq-092 {
    margin: 0 auto;
    padding-bottom: 10px;
    width: 80%;
}

.unq-093 {
    margin: 2px auto;
    text-align: left;
    width: 90%;
}

.unq-094 {
    margin: 10px auto;
    width: 90%;
}

.unq-095 > div:first-child {
    padding: 10px;
}

.unq-096 {
    border-radius: 3px;
    margin: 3px;
}

.unq-097 {
    overflow: auto;
}

.unq-098 td {
    width: 13%;
}

.unq-100 {
    margin-left: 5px;
    width: 63% !important;
}

.unq-101 {
    padding-left: 13%;
    text-align: right;
}

.unq-102 {
    height: 280px;
    vertical-align: top;
    width: 160px;
}

.unq-103 {
    height: 279px;
    overflow: auto;
}

.unq-104 {
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.unq-105 {
    margin-top: -12px;
}

.unq-106 {
    padding-bottom: 0;
    padding-left: 2px;
    padding-right: 2px;
    width: 100%;
}

.unq-107 {
    height: 350px;
    overflow: auto;
    width: 400px;
}

.unq-108 {
    height: 445px;
    overflow: auto;
    width: 525px;
}

.unq-109 {
    height: 24px;
    text-align: left;
    width: 113px;
}

.unq-110 {
    font-size: 8pt;
    height: 100%;
    overflow: auto;
    width: 100%;
}

.unq-111 {
    height: 480px;
    vertical-align: top;
    width: 30%;
}

.unq-112 {
    float: right;
    margin-right: 20px;
    margin-top: 20px;
    width: 400px;
}

.unq-113 {
    display: table;
    table-layout: fixed;
}

.unq-114 {
    clear: both;
    text-align: center;
}

.unq-115 {
    height: 300px;
    overflow: auto;
    width: 100%;
}

.unq-116 {
    margin: 0 auto;
    padding: 3px;
}

.unq-117 {
    height: 82vh;
    margin-top: 8px;
}

.unq-118 {
    vertical-align: top;
    width: 210px;
}

.unq-119 {
    display: none;
    text-align: left;
    white-space: nowrap;
}

.unq-121 {
    height: 200px;
    padding-top: 1px;
    vertical-align: top;
}

.unq-122 {
    height: 100%;
    vertical-align: top;
    width: 100%;
}

.unq-123 {
    vertical-align: middle;
    width: 70%;
}

.unq-124 {
    height: 100%;
    vertical-align: top;
    width: 70%;
}

.unq-125 td {
    padding: 3px;
}

.unq-126 {
    margin: 10px auto;
    width: 90%;
}

.unq-127 {
    border: none !important;
    margin: 10px auto !important;
    width: 75%;
}

.unq-128 {
    height: 20px;
    line-height: 20px;
    padding-left: 3px;
}

.unq-129 tbody {
    display: table;
}

.unq-130 {
    display: block;
    margin: 0;
    width: 100%;
}

.unq-131 {
    padding: 5px 5px 5px 5px;
    text-align: center;
}

.unq-132 {
    height: 95vh;
    overflow: auto;
    padding: 5px;
}

.unq-133 {
    height: calc(100vh - 248px);
    overflow: auto;
}

.unq-134 {
    height: 94vh;
    overflow: auto;
}

.unq-135 {
    height: calc(100vh - 218px);
    overflow: auto;
    overflow-x: hidden;
}

.unq-136 {
    width: 33%;
}

.unq-138 {
    height: calc(100vh - 278px);
    overflow: auto;
}

.unq-139 {
    height: 175px;
    overflow: auto;
}

.unq-140 {
    height: 490px;
    overflow: auto;
}

.unq-141 {
    font-weight: bold;
    padding: 5px;
    width: 87%;
}

.unq-096 input[type=text] {
    width: auto;
}

.tr_modelPopUp800,
.tr_modelPopUp400,
.tr_modelPopUp500,
.tr_modelPopUp950 {
    margin: 0;
    width: 900px;
}

.tr_modelPopUp950 {
    width: 950px;
}

.tr_modelPopUp400 {
    width: 500px;
}

.tr_modelPopUp500 {
    width: 500px;
}

.tr_modelPopUp1100 {
    width: 1100px;
}

.tr_modelPopUpCalc100 {
    width: calc(100% - 100px);
}

.app_toolbar td,
.blockborder td {
    padding-left: 5px;
}

.blockborder {
    display: block;
    margin: 3px;
}

    .blockborder .content {
        margin: 5px;
    }

    .blockborder .header {
        height: 20px;
        line-height: 20px;
        padding-left: 5px;
    }

.trPopupPanel {
    display: none;
    position: absolute;
    visibility: hidden;
    width: 300px;
    z-index: 1;
}

    .trPopupPanel .header {
        font-weight: bold;
        height: 21px;
        line-height: 18px;
        margin-bottom: 3px;
        padding: 5px;
    }

.style_table_vth_bottom_Border {
    border-bottom-style: double;
    margin-top: 5px;
}

.style_HistoryLayout {
    margin: 3px;
}

.style_HistoryLayoutTab {
    height: 30px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

.style_History_BlockHead {
    -moz-border-radius-bottomright: 60px;
    -moz-border-radius-topright: 60px;
    -webkit-border-bottom-right-radius: 60px;
    -webkit-border-top-right-radius: 60px;
    border-bottom-right-radius: 60px;
    border-top-right-radius: 60px;
    margin: 0 5px 0 0;
    padding: 3px 30px 3px 3px;
}

    .style_History_BlockHead span {
        font-weight: lighter;
        white-space: nowrap;
        width: 100px;
    }

.style_History_BlockLastHead {
    background-position: right top;
    background-repeat: no-repeat;
    height: 25px;
    line-height: 25px;
    margin: 0;
    padding: 0;
}

.style_History_BlockHeadSelected {
    font-weight: 700;
}

.style_History_Prev {
    font-weight: 700;
}

.style_History_Curr {
    font-weight: 700;
}

.style_History_Norm {
    font-weight: 700;
}

.style_PeapHeaderSubBlock {
    display: block;
    margin: 0;
    padding: 0;
}

.style_PeapHeaderHeadingText {
    font-weight: 700;
    padding-left: 5px;
}

.style_Peap_Table_Row {
    border-collapse: collapse;
    margin-left: 5px;
}

.style_Peap_Table_Footer {
    font-weight: 700;
    height: 30px;
}

.style_Peap_TabBody {
    display: block;
    margin: 0;
    overflow: auto;
}

.style_Peap_TabBody_AssesmentSummary {
    display: block;
    height: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientHeight - 205 +"px": body.clientHeight - 205 +"px");
    margin: 0;
    overflow-y: scroll;
    width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth - 3 +"px": body.clientWidth - 3 +"px");
}

.style_Peap_TabBody_ManagerRecommendation {
    display: block;
    height: calc(100vh - 195px);
    margin: 0;
    overflow-y: scroll;
}

/*.style_Peap_TabBody_IndividualDevelopment {
    display: block;
    height: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientHeight - 120 +"px": body.clientHeight - 120 +"px");
    margin: 0;
    overflow-y: scroll;
}*/

.style_MaskArea {
    display: none;
    filter: alpha(opacity=50);
    position: absolute;
}

.style_dePeapFormCaption {
    font-weight: 700;
    text-align: center;
}

.style_singleLine {
    background-color: Transparent;
    height: 1px;
    line-height: 1px;
}

.style_PeapHeaderBlock {
    display: block;
    margin: 0;
    padding-left: 0;
}

.style_Header_Section {
    height: 22px;
    line-height: 22px;
    margin: 1px 0;
    padding-left: 7px;
}

    .style_Header_Section a {
        font-weight: 700;
    }

        .style_Header_Section a:hover {
            font-weight: 700;
        }

        .style_Header_Section a:visited {
            font-weight: 700;
        }

.style_RecFinalResultInnerBody {
    display: block;
    overflow: auto;
}

.style_RecResultMidInnerBody {
    display: block;
}

.style_PeapTemplateTableHeader {
    height: 20px;
    padding-right: 3px;
    white-space: nowrap;
}

.style_PeapGroupTableHeader {
    height: 20px;
}

.style_PeapGroupcontent {
    font-style: italic;
    font-weight: 700;
    height: 20px;
    padding-left: 5px;
}

.eRecBody {
    margin: 0;
    padding: 0;
}

.PEAP_Bonus_ParamGrid {
    height: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientHeight - 480 +"px": body.clientHeight - 480 +"px");
    overflow: auto;
}

.PEAP_Bonus_IncDetails {
    margin: 2px;
}

.Grid_View_Tab {
    margin: 5px;
}

    .Grid_View_Tab a {
        font-weight: bold;
    }

    .Grid_View_Tab th,
    .Grid_View_Tab td {
        padding: 5px 10px;
    }

    .Grid_View_Tab th {
        text-align: left;
    }

.Grid_View_Footer a {
    font-weight: bold;
    padding: 4px;
}

.Grid_View_Footer span {
    padding: 5px;
}

table .listGroup {
    border-collapse: collapse;
    width: 100%;
}

    table .listGroup td {
        cursor: pointer;
        height: 20px;
        margin-bottom: 1px;
        overflow: hidden;
        padding: 0px 10px;
    }

    table .listGroup tr td:first-child {
        text-align: center;
        width: 20px;
    }

    table .listGroup tr td:nth-child(even) div:hover {
        text-decoration: underline;
    }

    table .listGroup tr td:nth-child(odd) div {
        -moz-border-radius: 12px;
        -webkit-border-radius: 12px;
        border-radius: 12px;
        width: 15px;
    }

.fancyDropDown_sml {
    height: auto;
    width: auto;
    color: #000;
}

.style_catalog {
    font-size: 11px;
    padding: 10px;
}

#DivimgbtnExpand,
#divRecHeaderAdditionalSec {
    display: none;
}

#DivimgbtnCollapse,
#divRecHeaderSec {
    display: block;
}

.style_Gray_rounded_Buttons {
    cursor: pointer;
    display: block;
    float: left;
    margin-right: 6px;
    padding-right: 18px;
    text-decoration: none;
}

    .style_Gray_rounded_Buttons span {
        display: block;
        font-weight: 700;
        line-height: 14px;
        padding: 5px 0 5px 18px;
        text-align: center;
    }

.style_divPanel_Analysis {
    display: none;
    position: absolute;
    right: 1px;
    top: 50px;
    width: 300px;
    z-index: 9999;
}

.style_divPanel_Analysis_Header {
    font-size: medium;
    font-weight: 700;
    height: 25px;
    padding-top: 5px;
    text-align: center;
}

.style_RecruitmentTabpage {
    display: block;
    height: 100%;
    table-layout: fixed;
    width: 100%;
}

.style_NewDataGridViewHeader {
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding-left: 5px;
}

.style_rounded_Panel_innerheight {
    display: block;
    height: calc(100vh - 225px);
    margin: 0;
    overflow: auto;
    padding-top: 2px;
    width: 100%;
}

.style_RecruitmentTabpage select {
    height: auto;
    width: 89%;
}

.style_NewDataGridViewHeader select {
    width: 20%;
}

.style_successbin {
    background-position: center;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
}

.style_dropbin {
    background-position: center;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
}

.styleRecCandidateResultInnerHeight {
    display: block;
    height: 185px;
    overflow: auto;
    width: 100%;
}

.styleRecCandidateResult_Border {
    margin: 2px;
}

.style_DropdownMenu_RecResult {
    display: none;
    margin: 0;
    position: absolute;
    right: 30px;
    table-layout: fixed;
    text-align: left;
    top: 50px;
    width: 200px;
}

    .style_DropdownMenu_RecResult div {
        background-position-y: 2px;
        border-radius: 5px;
        padding: 2px 25px 2px 2px;
    }

        .style_DropdownMenu_RecResult div:hover {
            font-weight: 700;
            width: 100%;
        }

    .style_DropdownMenu_RecResult a:link {
        font-weight: 700;
        padding: 0;
        text-align: left;
        text-decoration: none;
        width: 100%;
    }

    .style_DropdownMenu_RecResult a:hover {
        font-weight: 700;
        width: 100%;
    }

    .style_DropdownMenu_RecResult a:visited {
        font-weight: 700;
        text-decoration: none;
        width: 100%;
    }

.style_RecFinalizePopupdata {
    display: none;
    padding: 2px;
    position: absolute;
    width: 300px;
}

    .style_RecFinalizePopupdata span {
        font-size: 12px;
        font-weight: 700;
        line-height: 22px;
        padding-left: 5px;
    }

.style_RecFinalizePopupdataHeader {
    height: 22px;
    margin: 0;
    padding: 0;
    width: 100%;
}

.style_RecFinalizePopupdata select {
    border: none !important;
    height: auto !important;
}

.style_deTable_transparent {
    background-color: transparent;
    border-style: none;
    width: 100%;
}

.style_edocs_realc_req {
    border-radius: 3px;
    overflow: auto;
    padding: 3px;
    width: 100%;
}

.style_BasicInfo_Header {
    font-weight: 700;
    padding: 5px;
    text-indent: 5px;
    height: 25px;
}

.style_Body_Background {
    height: 100%;
    width: 99%;
}

.style_Image_Header {
    font-weight: 700;
    height: 35px;
    padding-top: 2px;
    vertical-align: text-top;
}

.style_updateavailcontent {
    height: calc(100vh - 120px);
    overflow: auto;
}

.style_eDocs_Contents {
    bottom: 0;
    left: 0;
    overflow: auto;
    padding: 2px;
    position: absolute;
    right: 0;
    top: 30px;
}

.box_body {
    padding: 10px;
}

.box_bottom {
    background: url(images/bottom.gif) no-repeat left top;
    display: block;
    font-size: 0;
    height: 5px;
    line-height: 0;
}

.box {
    margin-bottom: 5px;
}

.box_title {
    font-weight: 700;
    padding: 5px 6px;
}

.box ul {
    margin-left: 0;
}

.box li:first-child {
    border-top: none;
}

.style_radiobuttons {
    border: none;
    font: 700 12px tahoma;
    font-size: 11px;
    padding: 5px;
}

.style_subcontenttable {
    border-collapse: collapse;
    margin: 10px;
}

    .style_subcontenttable .caption {
        font-size: 10px;
        font-weight: 700;
        text-align: left;
        vertical-align: middle;
        white-space: nowrap;
    }

    .style_subcontenttable td {
        border-collapse: collapse;
        font-size: 12px;
        padding: 5px;
    }

.subMenu {
    float: left;
    font-size: 12px;
    margin: 2px 0 5px 0;
    padding: 3px 0;
    text-align: left;
    width: 100%;
}

    .subMenu li.subActive {
        font-weight: 700;
        padding: 0 6px 0 2px;
    }

    .subMenu li {
        border: 0;
        display: inline;
        padding: 3px 0;
    }

.style_labelPointer:hover {
    -moz-transition: background-color .15s ease-in-out;
    -o-transition: background-color .15s ease-in-out;
    -webkit-transition: background-color .15s ease-in-out;
    transition: background-color .15s ease-in-out;
}

.subMenu select {
    width: auto;
}

.style_deTable.table-full-width input[type=text] {
    width: auto;
}

.style_edocsTable_bt_Border_td {
    border-collapse: collapse;
    margin: 0;
    text-indent: 2px;
    white-space: nowrap;
}

    .style_edocsTable_bt_Border_td .style_deTable select {
        width: auto;
    }

#masterpageWithSelection {
    display: block;
    min-height: calc(100vh - 35px);
    width: 100%;
}

    #masterpageWithSelection > table:not(#eRecAgencyPayTable) {
        height: calc(100vh - 35px);
        width: 100%;
    }

.style_edocs_Section_Border {
    padding: 10px;
    width: 100%;
}

.main-container {
    margin: 0 auto auto;
    width: 99.5%;
}

.sub-main {
    border: solid 1px;
    margin: 0 auto auto;
    width: 100%;
}

.header-container {
    display: table;
    margin: 0 auto auto;
    margin-bottom: 3px;
    margin-top: 5px;
    width: 100%;
}

.tb-toolbar {
    float: right;
    margin-left: 2px;
    margin-top: 2px;
}

    .tb-toolbar td {
        border: none !important;
        padding: 5px;
        text-align: center;
    }

.dv-toolbar {
    height: 40px;
    margin: 0 6px auto;
    margin-top: 5px;
}

.dv-control {
    border: solid 1px;
    margin: 0 auto auto;
    margin-bottom: 5px;
    margin-top: 5px;
    overflow: auto;
    width: 99%;
}

.element-readonly {
    border: none;
    color: inherit;
    outline: none;
}

.OASYS_DataBox .caption {
    display: block;
    font-weight: 700;
    line-height: 25px;
    text-indent: 5px;
}

.OASYS_DataBox {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin: 2px 2px 10px;
}

.styleTreeHeightOpt {
    display: inline-block;
    height: calc(100vh - 105px);
    overflow-x: hidden;
    width: 100%;
}

.pnl-outer-bordered-box {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: block;
    margin-top: 5px;
    padding: 2px;
}

.pnl-bordered {
    margin: 0;
    padding: 0;
    width: 260px;
}

.pnl-btn input {
    border: 0;
    cursor: pointer;
}

.pnl-btn {
    -ms-align-content: center;
    -webkit-align-content: center;
    align-content: center;
    padding-bottom: 23px;
    padding-top: 20px;
    text-align: center;
    width: 100%;
}

.pnl-header {
    border: 1px solid;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 14px !important;
    font-weight: 700;
    height: 30px;
    padding-left: 5px;
    padding-top: 5px;
}

.style_CommonEmployeeSelectionTreeBg {
    background: repeat-x;
    display: block;
    margin: 2px;
    padding: 2px;
    background-color: #fff;
}

#App_Setup_Header {
    height: 25px;
}

#Div_Payroll_Body .Body_Content {
    display: block;
    height: 100vh;
    overflow: auto;
}

.pay-rl-tree-frm {
    height: calc(100vh - 30px);
}

.pay-rl-tree-frm {
    height: calc(100vh - 30px);
}

.pay-rl-tree {
    padding-right: 15px;
}

.spanHeader {
    line-height: 25px;
}

    .spanHeader span {
        width: 100%;
    }

    .spanHeader tr td:first-child {
        font-size: 9pt;
        font-weight: 700;
        padding: 3px 10px;
    }

    .spanHeader tr td:nth-child(2) {
        font-size: 11pt;
        padding: 3px 10px;
    }

#Div_Payroll_Body .Body_Content #contentFrame {
    height: 95%;
    margin: 5px;
}

#Div_Payroll_Body .Body_Content table.m_layout th,
#Div_Payroll_Body .Body_Content table.m_layout td {
    white-space: normal;
}

#Div_Payroll_Body .Body_Content table.m_layout {
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}

#Div_Payroll_Body .Menu {
    display: block;
}

#Div_Payroll_Body .MenuBtn {
    cursor: pointer;
    height: 55px;
    line-height: 53px;
    border-bottom: 1px solid #CECECE;
    border-left: 1px solid #CECECE;
    -webkit-box-shadow: inset 0px 0px 1.143em 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: inset 0px 0px 1.143em 0px rgba(0, 0, 0, 0.06);
    box-shadow: inset 0px 0px 1.143em 0px rgba(0, 0, 0, 0.06);
    background: #fff;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
}

    #Div_Payroll_Body .MenuBtn:hover {
        -webkit-box-shadow: inset 0px 0px 1.143em 0px rgba(0, 0, 0, 0.09);
        -moz-box-shadow: inset 0px 0px 1.143em 0px rgba(0, 0, 0, 0.09);
        box-shadow: inset 0px 0px 1.143em 0px rgba(0, 0, 0, 0.09);
        background: #F3F3F3;
    }

#Div_Payroll_Body .MenuBtn_Selected {
    cursor: pointer;
    height: 55px;
    line-height: 53px;
}

    #Div_Payroll_Body .MenuBtn_Selected .textno,
    #Div_Payroll_Body .MenuBtn_Selected .Caption {
        color: #fff;
    }

#Div_Payroll_Body .textno,
#Div_Payroll_Body .Caption {
    color: #333;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
}

#Div_Payroll_Body .textno {
    font-size: 12px;
    font-weight: 700;
    margin: 0 0 0 15px;
    padding: 5px 10px;
    background: #fff;
    border: 2px solid #666;
    color: #666;
    border-radius: 25px;
}

#Div_Payroll_Body .MenuBtn_Selected .textno {
    background: #f1f1f1;
    color: #333;
    border: 2px solid #666;
}

#Div_Payroll_Body .Caption {
    font-size: 13px;
    font-weight: 700;
    margin: 0 0 0 5px;
    text-align: center;
}

#Div_Payroll_Body .MenuBtn_Selected,
#Div_Payroll_Body .MenuBtn_AR_Selected {
    background-position: 0 -120px;
}

.PayrollNextBtn {
    -moz-transition: background-color .25s ease-in-out;
    -o-transition: background-color .25s ease-in-out;
    -webkit-transition: background-color .25s ease-in-out;
    border-radius: 5px;
    cursor: pointer;
    margin-right: 10px;
    padding: 10px;
    transition: background-color .25s ease-in-out;
    width: 100px;
}

#InfoSection_Notification h3 {
    font-size: 13px;
    margin: 10px 0;
    padding: 10px 15px;
    font-weight: bold;
}

#Div_Payroll_Body .MenuPointer {
    width: 17px;
    height: 0px;
}

    #Div_Payroll_Body .MenuPointer div {
        pointer-events: none;
        height: 20px;
        position: relative;
        right: 9px;
        z-index: 10;
        border: solid transparent;
        border-color: transparent transparent #fff #fff;
        transform: rotate(45deg);
        border-width: 11px;
        box-shadow: -1px 1px 0px 0 #CECECE;
    }

#Div_Payroll_Body .infoCurveMid {
    height: calc(100vh - 43px);
    margin: 0 10px 10px 0;
}

#Div_Payroll_Body .Body_Content td.topLeftc {
    padding: 1px;
    width: 14px;
    border: 1px solid #CECECE;
}

#Div_Payroll_Body .Body_Content td.topFilltc {
    height: 2px;
}

#Div_Payroll_Body .Body_Content td.topRightc {
    background-position: -14px 0;
    width: 14px;
}

#Div_Payroll_Body .Body_Content td.hleft {
    width: 2px;
}

#Div_Payroll_Body .Body_Content td.hright {
    background-position: -2px 0;
    width: 2px;
}

#InfoSection {
    height: 100%;
    margin: 0px 10px;
}

#InfoSection_Exception .each-exc {
    font-size: 12px;
    line-height: 26px;
    padding: 5px;
}

    #InfoSection_Exception .each-exc a:nth-child(2) {
        float: right;
    }

#id_PayrollExceptions {
    height: calc(100vh - 185px);
    overflow: auto;
}

#InfoSection_Exception {
    border-radius: 3px;
    margin-top: 10px;
    border: 1px solid #CECECE;
}

#Div_Payroll_Body #InfoSection_Notification {
    padding: 0px 15px;
}

#InfoSection_Notification {
    max-height: calc(100vh - 43px);
    min-height: 370px;
    overflow: auto;
}

.gvHeader {
    font-weight: 700;
    height: 30px;
}

.gvLstCtrl th {
    padding: 0 5px;
}

.gvLstCtrl td {
    padding: 0 5px;
}

#headerSelectedItem {
    display: block;
}

.app-menu-head,
.app-menu-footer {
    height: 25px;
}

.user-settings,
.user-fav {
    right: 0;
    text-align: left;
    top: 28px;
}

.app-home > a:first-child {
    display: none;
}

.app-user {
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 175px;
    overflow: hidden;
    white-space: nowrap;
    padding: 5px;
    font-size: 10px;
    cursor: default !important;
}

.user-settings .top-arrow {
    position: absolute;
    right: 4px;
    top: -9px;
}

.menu-fav-white:hover {
    z-index: 999;
}

    .menu-fav-white:hover span {
        display: inline;
        right: 0;
    }

.style_deTextBox {
    width: 98%;
}

.style_deTextBoximp {
    width: 98% !important;
}

.Img_border_Employee {
    border-radius: 5px;
}

.header .close {
    cursor: pointer;
    height: 25px;
    position: absolute;
    right: 7px;
    top: 4px;
    width: 35px;
}

.style_AccordionHeader {
    border-radius: 3px;
    cursor: pointer;
    font-weight: 700;
    margin-top: 3px;
    padding: 3px;
    text-decoration: none;
}

.style_deTable_Lookup {
    width: 440px;
}

.style_deTable > table {
    width: 100%;
}

.style_PopupPanel_Content_med td {
    padding: 5px 0;
}

.style_ChartPopupPanel {
    bottom: 30px;
    display: none;
    font-weight: 700;
    left: 30px;
    position: absolute;
    right: 30px;
    top: 40px;
}

.style_DropDownValueSelector {
    left: 40%;
    top: 40%;
    width: 550px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.style_deFormCaption,
.style_deValBg,
.style_deValBg_1Col,
.style_deFormCaptionMandatory,
.style_deValBg_6Col,
.style_deFormCaptionMandatoryTransparent {
    text-align: left;
    white-space: nowrap;
}

.style_deFormCaption {
    font-weight: 700;
    padding: 2px;
    text-align: left;
}

.style_deFormCaptionR_Al {
    padding: 5px;
    text-align: left;
    white-space: nowrap;
}

.style_deDropDown {
    width: 98% !important;
}

#style_TrainingMenu {
    height: 30px;
    left: 0;
    overflow: hidden;
    top: 0;
    width: 100%;
}

.elementBorder_Div .style_deTable select {
    width: auto;
}

#idPnlBdgDistributionCommandButtons {
    display: block;
    height: 25px;
    line-height: 25px;
    margin: 2px 4px 2px 2px;
}

.Css_ReportGrid:not(.ofix-head) th {
    padding: 3px 10px;
    text-align: left;
}

.Css_ReportGrid:not(.ofix-head) td {
    padding: 5px 10px;
}

#reqDetails {
    padding: 10px;
    width: calc(100% - 20px);
}

.inputButton:hover {
    text-decoration: none !important;
}

.Header_Box_bg_fill {
    font-weight: 700;
    padding: 5px;
    text-indent: 5px;
}

.css_Bottom_Section {
    display: block;
    line-height: 20px;
    padding-left: 5px;
    vertical-align: middle;
}

.style_edocsTable_vt_Border {
    border-collapse: collapse;
    margin: 0;
    padding: 1px;
    width: 100%;
}

.style_rosterPopUpPanelContent {
    display: block;
    height: 300px;
    overflow: auto;
}

.app-Toolbar-style-1 .tb-item-content {
    max-height: 350px;
    min-height: 0;
    overflow: auto;
    overflow-x: hidden;
    padding-left: 5px;
    margin: 10px 0;
}

.app-Toolbar-style-1 .tb-item-header {
    font-size: 14px;
    font-weight: 700;
    padding: 3px 3px 3px 5px;
}

.app-Toolbar-style-1 .tb-item-action-bar {
    padding: 5px;
    text-align: center;
}

.app-Toolbar-style-1 .dv-item {
    padding: 0 0 0 5px;
}

.app-Toolbar-style-1 {
    height: 35px;
    line-height: 22px;
}

    .app-Toolbar-style-1 td {
        vertical-align: middle;
        white-space: nowrap;
    }

    /*.app-Toolbar-style-1 td input
		{
			vertical-align: text-bottom;
		}*/

    .app-Toolbar-style-1 .tab-dv-items td {
        padding-left: 5px;
        padding-top: 5px;
    }

    .app-Toolbar-style-1 .tb-item,
    .app-Toolbar-style-1 .tb-item_active {
        border: solid 1px transparent;
        height: 30px;
        margin: 1px 2px;
        padding: 0 3px;
        width: 40px;
        z-index: 999;
    }

    .app-Toolbar-style-1 .tb-item_active {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        height: 30px;
        padding-top: 3px;
    }

    .app-Toolbar-style-1 .page-select {
        width: 60px;
    }

    .app-Toolbar-style-1 .tb-item-panel {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        border-top: none;
        display: none;
        min-width: 300px;
        position: absolute;
        z-index: 99;
    }

    .app-Toolbar-style-1 .SearchTextBox {
        background-position-y: 2px;
        border-radius: 5px;
        padding: 2px 25px 2px 2px;
    }

    .app-Toolbar-style-1 .tb-item-content > div > table {
        white-space: nowrap;
        width: 100%;
    }

    .app-Toolbar-style-1 .tb-item-header input[type="image"],
    .app-Toolbar-style-1 .tb-item-header a {
        float: right;
        padding: 2px;
    }

    .app-Toolbar-style-1 .tb-item-header .refresh {
        position: absolute;
        right: 30px;
    }

    .app-Toolbar-style-1 hr {
        border: none;
        height: 1px;
        margin: 0;
        padding: 0;
    }

    .app-Toolbar-style-1 .tb-item-action-bar A {
        border-radius: 5px;
        display: inline-block;
        padding: 5px 10px;
        text-decoration: none;
    }

.pm-process-flow-header {
    height: auto;
}

    .pm-process-flow-header .data-head-items .data-sub-items,
    .pm-process-flow-header .data-head-items_active .data-sub-items {
        border-radius: 5px;
        margin: 2px 10px 0 0;
        padding: 10px;
    }

.pm-data-task-panel {
    bottom: 10px;
    left: 10px;
    margin: 0px;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 160px;
}

.onb_ToolTip {
    border-radius: 5px;
    line-height: normal;
    max-width: 400px;
    min-width: 200px;
    padding: 10px;
}

.lnlProcessSteps {
    font-weight: 700;
    text-decoration: none;
}

.pm-process-flow-header .data-head-items .dw-pointer,
.pm-process-flow-header .data-head-items_active .dw-pointer {
    height: 20px;
    margin: 0 auto;
    visibility: hidden;
    width: 3px;
}

#fullsvr .style_nowrap select {
    width: auto;
}

#app-tb-nav a {
    text-decoration: none;
}

.div-closebtn {
    text-align: right;
}

.div-headerwithBg {
    padding: 5px;
    color: #fff;
}

/*Fav Menu*/

.Fav_Menu_Panel {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: none;
    height: auto;
    position: absolute;
    right: 1px;
    text-align: left;
    top: 39px;
    width: 316px;
    z-index: 99999;
}

    .Fav_Menu_Panel .top-arrow {
        position: absolute;
        right: 9px;
        top: -10px;
    }

    .Fav_Menu_Panel .Content {
        clear: both;
        max-height: 500px;
        overflow: auto;
        padding: 3px;
    }

    .Fav_Menu_Panel .close {
        cursor: pointer;
        float: right;
        height: 15px;
        margin: 2px 2px 0 0;
        width: 15px;
    }

    .Fav_Menu_Panel .Title {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        display: none;
        font-size: 10pt;
        font-weight: bold;
        line-height: 20px;
        text-indent: 10px;
    }

    .Fav_Menu_Panel .ListContent {
        border-radius: 3px;
        font-weight: normal;
        height: 20px;
        margin: 0 4px 0 4px;
        padding: 3px;
    }

    .Fav_Menu_Panel .items {
        cursor: pointer;
        float: left;
        font-size: 10pt;
        line-height: 20px;
        text-indent: 5px;
        width: 264px;
    }

    .Fav_Menu_Panel .command {
        cursor: pointer;
        float: left;
        height: 20px;
        width: 20px;
    }

        .Fav_Menu_Panel .command:hover {
            background-position: 0 -20px;
        }

    .Fav_Menu_Panel .close:hover {
        background-position: 0 -15px;
    }

/* End Fav*/

/*App Version Logo*/

.app-logo-std,
.app-logo-etr,
.app-logo-ult,
.app-logo-lte,
.app-logo-lte-oryx {
    border-radius: 3px;
    bottom: 3px;
    padding: 5px;
    position: absolute;
    right: 5px;
}

    .app-logo-std #appLogo,
    .app-logo-etr #appLogo,
    .app-logo-ult #appLogo {
        background-repeat: no-repeat;
        height: 30px;
        width: 265px;
    }

    .app-logo-lte #appLogo {
        background-repeat: no-repeat;
        height: 30px;
        width: 200px;
    }

    .app-logo-lte #appLogo {
        right: 5px;
    }

    .app-logo-lte-oryx #appLogo {
        background-repeat: no-repeat;
        height: 30px;
        width: 227px;
    }

    .app-logo-lte-oryx #appLogo {
        right: 5px;
    }

    .app-logo-std #appLogo {
        right: 5px;
    }

    .app-logo-etr #appLogo {
        right: 10px;
    }

    .app-logo-ult #appLogo {
        right: 0;
    }

/*End Version Logo*/

.style_edocsTable_vt_Border td {
    border-collapse: collapse;
    padding: 5px;
    text-indent: 2px;
}

/*Inbox*/

.AppInboxPage {
    bottom: 0;
    display: block;
    left: 0;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 80px;
}

#AppWindowInbox {
    background: url('Default/Images/trans-bl-bg.png') repeat;
    bottom: 0;
    display: none;
    left: 2px;
    line-height: 30px;
    position: fixed;
    right: 2px;
    top: 0;
    z-index: 999;
}

    #AppWindowInbox .ibx-header {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        display: block;
        height: 30px;
        padding: 0;
        position: absolute;
        top: 50px;
        width: 99.9%;
    }

        #AppWindowInbox .ibx-header .ibx-grid-1 {
            display: table-cell;
            width: 100%;
        }

            #AppWindowInbox .ibx-header .ibx-grid-1 h3 {
                font-size: 16px;
                margin: 0;
                padding: 0 10px 0 10px;
            }

        #AppWindowInbox .ibx-header .ibx-grid-2 {
            display: table-cell;
            padding-right: 5px;
            text-align: right;
            width: 30px;
        }

.inbox-item-contents {
    bottom: 2px;
    left: 8px;
    /*overflow: auto;*/
    position: absolute;
    right: 10px;
    top: 95px;
}

/*End Inbox*/

/*Widget Settings*/

#App_Setup_Header,
.div_headerwithBg {
    height: 25px;
}

    #App_Setup_Header span {
        font-weight: bold;
    }

    #App_Setup_Header img {
        cursor: pointer;
    }

/*Widget Settings*/

/*-------------- Setup Screen---*/

body.ApplicationSetup {
    height: 500px;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

    body.ApplicationSetup * {
        direction: ltr;
    }

.ApplicationSetup .ConentWindow {
    clear: both;
    display: none;
    float: none;
    height: 300px;
    position: relative;
    top: 34px;
    z-index: 888;
}

    .ApplicationSetup .ConentWindow .tab_widgets {
        border-collapse: collapse;
        width: 100%;
    }

        .ApplicationSetup .ConentWindow .tab_widgets td {
            width: 50%;
        }

.ApplicationSetup .AppSettingPanel {
    height: 400px;
}

.ApplicationSetup #pnl_appHome {
    display: block;
    margin: 5px;
    height: 475px;
    border: 1px solid #ccc;
    box-shadow: 0px 0px 13px #ada9a9;
}

.TabHeader {
    /*padding-left: 5px;*/
    position: absolute;
    z-index: 999;
    width: 98.5%;
}

    .TabHeader ul {
        display: -webkit-flex; /* Safari */
        display: flex;
    }

.ApplicationSetup ul {
    margin: 0;
    padding: 0;
}

.ApplicationSetup li {
    list-style-type: none;
}

    .ApplicationSetup li.TabButtons,
    .ApplicationSetup li.TabButtonsSelected {
        border-bottom: none;
        cursor: pointer;
        font-weight: 700;
        height: 32px;
        line-height: 30px;
        text-align: center;
        z-index: 999;
        -webkit-flex: 1; /* Safari 6.1+ */
        -ms-flex: 1; /* IE 10 */
        flex: 1;
        display: block;
    }

.ApplicationSetup div.ThemeList,
.ApplicationSetup div.ThemeList_Selected {
    cursor: pointer;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    margin-top: 2px;
    text-indent: 10px;
    z-index: 999;
}

.ApplicationSetup div.ThemeList_Selected {
    position: relative;
}

/** User Preference **/

.user-labelselected {
    background-color: #efefef;
    width: 100px;
    padding: 5px;
    margin-bottom: 2px;
    margin-right: 10px;
}

.user-drop select {
    border: solid 1px #d9e2eb !important;
}

    .user-drop select option {
        height: 25px;
        padding: 5px;
    }

.user-prefer-hide1 {
    border: none !important;
}

.ThemePanel1 .ThemeList_Selected,
.ThemePanel1 .ThemeList {
    margin: 10px 0px 1px 10px;
}


.ApplicationSetup .ThemePanel1 {
    height: 385px;
    width: 100%;
}

.ApplicationSetup .ThemePanel2 {
    height: 385px;
}

#AppContentInit {
    border-radius: 5px;
    display: none;
    left: 45%;
    padding: 5px;
    position: absolute;
    top: 43%;
    width: 300px;
    z-index: 999999;
}

    #AppContentInit div {
        padding-left: 10px;
    }

        #AppContentInit div.head {
            display: none;
            font-weight: bold;
            line-height: 16px;
        }

        #AppContentInit div.content {
            margin: 5px;
            padding: 5px;
        }

#AppSysMessage {
    -moz-animation: glow 1s infinite linear;
    -o-animation: glow 1s infinite linear;
    -webkit-animation: glow 1s infinite linear;
    animation: glow 1s infinite linear;
    border-collapse: separate;
    bottom: 18px;
    display: none;
    margin: 0 5px 0 5px;
    min-height: 80px;
    position: fixed;
    right: 6px;
    width: 500px;
    z-index: 999999;
}

    #AppSysMessage .Header {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        height: 25px;
        margin: 0;
        padding: 0;
    }

        #AppSysMessage .Header span {
            font-weight: 700;
            line-height: 20px;
            padding-left: 10px;
        }

    #AppSysMessage .Content {
        margin: 5px;
    }

#AppSysMessage_close {
    font-size: 17px !important;
    margin: 2px 5px;
}

#dv-Widget-Config-Container {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    cursor: default;
    margin: 10px;
    user-select: none;
}

.dv-Widget-Panel {
    border-radius: 5px;
    height: 340px;
    overflow: auto;
}

.dv-Widget-Panel-header {
    font-size: 12px;
    font-weight: bold;
    padding-left: 5px;
    margin-bottom: 5px;
}

#dv-WidgetNa .items-active,
#dv-Widgetav .items-active,
#dv-WidgetNa div.items,
#dv-Widgetav div.items {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    border-radius: 5px;
    font-size: 13px;
    margin: 2px;
    padding: 5px 10px 5px 10px;
    user-select: none;
}

#dv-WidgetNa .items-active,
#dv-Widgetav .items-active {
    padding: 5px;
    position: absolute;
}

#dv-Widgetav div.items {
    padding: 5px 10px 5px 10px;
}

#widgetSettingsCont {
    height: 320px;
    margin: 5px;
}

    #widgetSettingsCont tr.cRow,
    #widgetSettingsCont tr.noaction {
        cursor: pointer;
        font-weight: bold;
        padding: 5px;
        text-indent: 5px;
    }

    #widgetSettingsCont tr.noaction {
        cursor: default;
    }

#widgetSettingsDesc {
    font-weight: bold;
    height: 50px;
    padding: 5px;
}

.txt-fancy-fc {
    border-radius: 3px;
    display: block;
    overflow: auto;
    padding: 3px 0 3px 0;
    text-indent: 10px;
    width: 99%;
}

/*--------------------------------Application---*/

.ContentLayout {
    display: block;
    height: 100%;
    margin: 0;
    position: relative;
    width: 100%;
}

.style_DateTextbox100 {
    width: 100px !important;
}

.wid90-sel * {
    width: 90%;
}

/*Home*/

#pagetitleframe {
    font-size: 16pt;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

/*End home*/

#divx_tooltip {
    display: none;
    font-size: 8pt;
    padding: 1px;
    position: absolute;
    pointer-events: none;
}

#divx_tooltip_content {
    margin: 0;
    padding: 2px;
}

#lblPageTitle {
    font-size: 22px;
    line-height: 40px;
}

#lookupContentLayout001 {
    margin-top: 5px;
}

.infoCurve .tabs {
    float: none;
    list-style: none;
    position: relative;
    text-align: left;
    width: 650px;
}

    .infoCurve .tabs li {
        display: block;
        float: left;
    }

    .infoCurve .tabs input[type="radio"] {
        left: -9999px;
        position: absolute;
        top: -9999px;
    }

    .infoCurve .tabs label {
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        border-radius: 2px 2px 0 0;
        cursor: pointer;
        display: block;
        font-size: 20px;
        font-weight: normal;
        padding: 11px 20px;
        position: relative;
        top: 4px;
        transition: all 0.2s ease-in-out;
    }

    .infoCurve .tabs .tab-content {
        display: none;
        font-size: 20px !important;
        left: 0;
        line-height: 25px;
        overflow: auto;
        padding: 5px;
        position: absolute;
        width: 100%;
        z-index: 2;
    }

    .infoCurve .tabs [id^='tab']:hover + label {
        top: 0;
    }

.tabs [id^="tab"]:hover ~ [id^="tab-content"] {
    display: block;
}

.infoCurve p.link {
    clear: both;
    margin: 380px 0 0 15px;
}

    .infoCurve p.link a {
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        display: inline-block;
        margin: 0 5px;
        padding: 5px 10px;
        text-decoration: none;
        text-transform: uppercase;
        transition: all 0.2s ease-in;
    }

/*GRID VIEW SCROLLER*/

.ExoticHeader {
    Height: 25px;
}

    .ExoticHeader th {
        padding: 1px 5px 1px 5px;
    }

    .ExoticHeader A {
        text-decoration: none;
    }

        .ExoticHeader A:hover {
            text-decoration: underline;
        }

.ExoticGrids tr:hover {
    height: 23px;
}

.GridviewScroll input[type="text"] {
    border: 0 none;
    height: 20px;
    text-align: center;
    width: 99%;
}

.GridviewScrollHeader TH,
.GridviewScrollHeader TD {
    font-weight: normal;
    height: 30px;
    padding: 0 2px 0 2px;
    text-align: center;
    vertical-align: central;
    white-space: nowrap;
}

.GridviewScrollHeader TH {
    height: 30px;
    width: 30px;
}

.GridviewScrollItem TD {
    height: 25px;
    white-space: nowrap;
}

    .GridviewScrollItem TD.FreezeHeader {
        font-weight: normal;
        padding: 2px;
    }

.GridviewScrollItem .Freeze {
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
}

.GridviewScrollItemHover TD {
    cursor: pointer;
    padding: 0;
    white-space: nowrap;
}

.GridviewScrollItemSelected TD {
    padding: 0;
    white-space: nowrap;
}

.GridviewScrollItem > td {
    position: relative;
}

.GridviewScrollPager TD {
    font-size: 14px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
}

.GridviewScroll td:not(.firstcolumn) input[type=text] {
    font-size: 8px;
    font-weight: bold;
}

.roster-txtbox,
.attn-txtbox,
.disabledbox,
.disabledbox-transparent,
.exceptiontextbox {
    width: 30px !important;
}
/*END GRID VIEW SCROLLER*/

.style_deValBg_1Col.tdAddRecord > input[type=text] {
    width: 44%;
}

.style_deValBg_1Col.tdAddRecord select[id*=ddClockType] {
    width: 95%;
}

.BulletedListStyle li {
    -moz-transition: background .2s ease-in-out;
    -o-transition: background .2s ease-in-out;
    -webkit-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
    padding: 5px 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding-right: 14px;
}

    .BulletedListStyle li a {
        cursor: pointer;
        display: block;
        text-decoration: none;
        white-space: nowrap;
        text-decoration: none;
    }

        .BulletedListStyle li a:before {
            content: "▷";
            padding: 0 8px;
            font-size: 11px;
        }

        .BulletedListStyle li a:hover {
            text-decoration: none !important;
        }

.hng-tree-menu .oasys__tab_xp .ajax__tab_body {
    padding: 0;
}

.emply-sectn-hd {
    float: right;
    height: 25px;
    padding: 5px;
    position: absolute;
    right: 0;
    top: 14px;
}

    .emply-sectn-hd .close1 {
        width: 18px;
        float: right;
    }

    .emply-sectn-hd .refresh {
        width: 18px;
        float: left;
    }

.position-relt {
    right: 0px;
    position: absolute !important;
    top: 8px;
}

.pos-abs-1 {
    position: absolute;
    top: 36px !important;
}

.style_tabPageInNavigationTree tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.style_tabPageInNavigationTree td {
    padding: 6px 2px;
}

.style_tabPageInNavigationTree a {
    font-family: 'Roboto', MetaPro, "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 9pt;
}

.style_tabPageInCommonEmployeeSelectionTree tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.style_tabPageInCommonEmployeeSelectionTree td {
    padding: 5px 2px;
}

.style_searchtextbox table td .style_deTextBox {
    border-radius: 0px !important;
    border: none !important;
}

.acdmtn-tree td {
    padding: 5px 2px;
}

/*Accommodation module*/

.pnl-inner-bordered-box {
    margin: 2px 5px 5px 5px;
}

.pnl-grid-view {
    font-size: 13px !important;
    width: 100%;
}

    .pnl-grid-view > div {
        width: 100%;
    }

.table-bound-box,
.table-bound-box select {
    width: 100%;
}

    .table-bound-box select {
        border: 0;
        line-height: 30px;
    }

    .table-bound-box td {
        padding-top: 5px;
    }

.btn {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}

    .btn:hover,
    .btn:focus {
        text-decoration: none;
    }

.table-grid-view {
    text-align: center;
    width: 100%;
}

    .table-grid-view th {
        font-weight: bold;
        height: 20px;
        padding: 1px;
        text-align: center;
    }

    .table-grid-view tr td {
        padding: 2px;
    }

.table-grid-view-o-gr {
    text-align: center;
    width: 100%;
}

    .table-grid-view-o-gr th {
        font-weight: bold;
        height: 20px;
        padding: 1px;
        text-align: center;
    }

    .table-grid-view-o-gr tr td {
        padding: 2px;
    }

.Style_payroll_Panel_GridView {
    display: block;
    overflow: auto;
}

.Style_payroll_Panel_GridView {
    height: calc(100vh - 125px);
}

/*Attendance Calendar*/

#calCtr table {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    font-family: sans-serif;
    text-align: center;
    user-select: none;
    width: 100%;
}

#calCtr {
    text-align: center;
    width: 100%;
}

    #calCtr td {
        font-size: 22px;
        font-weight: bold;
        height: 65px;
        visibility: hidden;
        width: 14.2%;
    }

    #calCtr tr {
        height: 25px;
    }

    #calCtr table td {
        cursor: pointer;
    }

.custom-calendar {
    height: calc(100vh - 50px);
}

    .custom-calendar tr:first-child th {
        font-weight: bold;
    }

        .custom-calendar tr:first-child th:nth-child(2) {
            text-align: center;
        }

        .custom-calendar tr:first-child th:nth-child(3) {
            text-align: right;
        }

#calCtr table td:active {
}

#customCal {
    margin-bottom: 1px;
}

    #customCal tr:first-child th {
        font-size: 14px;
        font-weight: bold;
        text-align: center;
    }

.day-cont {
    border-style: solid;
    border-width: 1px 1px 1px 10px;
    margin: 2px;
    padding: 1px;
}

.day-txt {
    font-size: 20px;
}

.month-label {
    font-size: 12px;
    margin: 0;
    width: 0;
}

#calCtr .ryt-btn {
    cursor: pointer;
    font-size: 25px;
}

#calCtr .lft-btn {
    cursor: pointer;
    font-size: 25px;
}

#calCtr .day-txt-1,
#calCtr .day-txt-2,
#calCtr .day-txt-3,
#calCtr .day-txt-4,
#calCtr .day-txt-5 {
    font-size: 9px;
    padding: 2px;
    text-align: left;
}

.cal-popup-cont {
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0.9;
    padding: 3px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
}

.hide {
    display: none;
}

/*End Attendance Calendar*/

/*New Classes for Kiosk*/

.kiosk_td_image {
    border-radius: 5px;
    display: none;
    text-align: center;
    vertical-align: top;
    width: 250px;
}

    .kiosk_td_image h3 {
        border-radius: 3px;
        margin: 5%;
        padding: 3px;
    }

    .kiosk_td_image img {
        border-radius: 50%;
        padding-top: 3px;
    }

.kiosk_dv_emp_dt {
    border-radius: 5px;
    margin-top: 15px;
    padding: 5px;
    text-align: left;
}

.kiosk_td_details table td {
    padding: 5px;
    text-align: left;
    white-space: nowrap;
}

.kiosk_td_details hr {
    border: none;
}

.kiosk_grid th {
    padding: 5px;
}

.kiosk_grid tr:last-child td:first-child {
    border-bottom-left-radius: 3px;
}

.kiosk_grid th:first-child {
    border-top-left-radius: 3px;
}

.kiosk_grid th:last-child {
    border-top-right-radius: 3px;
}

.kiosk_grid tr td:first-child,
.kiosk_grid tr th:first-child {
    width: 20%;
}

.kiosk_grid tr td:not(:first-child),
.kiosk_grid tr th:not(:first-child) {
    width: 40%;
}

.kiosk_alt_grid {
    empty-cells: hide;
    padding: 0;
    width: 100%;
}

    .kiosk_alt_grid td {
        padding: 3px;
    }

.kiosk_terms_tab {
    width: 100%;
}

.kiosk_grid input[type="text"],
.kiosk_alt_grid input[type="text"] {
    width: 95%;
}

.kiosk_dv_outer {
    padding: 3px;
}

.kiosk_alt_grid td:nth-child(odd) {
    width: 10%;
}

.kiosk_alt_grid td:nth-child(even) {
    width: 15%;
}

/*End Kiosk  */

/*Kiosh Profile*/

.kiosk_tab_container {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 70px;
}

.tabs {
    float: none;
    list-style: none;
    text-align: left;
}

    .tabs li {
        display: block;
        float: left;
    }

    .tabs input[type="radio"] {
        left: -9999px;
        position: absolute;
        top: -9999px;
    }

    .tabs li > label {
        border-radius: 2px 2px 0 0;
        cursor: pointer;
        display: block;
        font-size: 12px;
        font-weight: bold;
        min-width: 100px;
        padding: 7px 10px;
        position: relative;
        text-align: center;
        top: 0;
    }

    .tabs .tab-content {
        display: none;
        /*font-size: 16px;*/
        height: 93%;
        left: 0;
        overflow: hidden;
        overflow-y: auto;
        position: absolute;
        visibility: hidden;
        width: 100%;
        z-index: 2;
    }

        .tabs .tab-content .style_TableHeader {
            border-radius: 0;
        }

    .tabs [id^="tab"]:checked + label {
        padding-bottom: 3px;
        top: 0;
    }

    .tabs [id^="tab"]:checked ~ [id^="tab-content"] {
        display: block;
        visibility: visible;
    }

    .tabs li label span:first-child {
        font-size: 15px;
    }

/*End Kiosk Profile*/

/*KIOSK*/

.kiosk_header_cont {
    height: 70px;
}

    .kiosk_header_cont .img-ctr {
        float: left;
        min-height: 60px;
        min-width: 60px;
    }

    .kiosk_header_cont .name-pos-ctr > div {
        display: table-row;
        height: 35px;
    }

    .kiosk_header_cont .id-set-ctr > div {
        height: 35px;
    }

    .kiosk_header_cont .img-ctr img {
        border-radius: 50%;
        height: 60px;
        margin: 3px;
        width: 60px;
    }

    .kiosk_header_cont .name-pos-ctr {
        display: table;
        float: left;
    }

        .kiosk_header_cont .name-pos-ctr > div > span {
            display: table-cell;
            padding-left: 5px;
            vertical-align: middle;
        }

            .kiosk_header_cont .name-pos-ctr > div > span:nth-child(odd) {
                text-align: left;
            }

    .kiosk_header_cont .id-set-ctr {
        float: right;
        height: 70px;
    }

    .kiosk_header_cont .kiosk_sett_cont div {
        cursor: pointer;
        font-size: 25px !important;
    }

#kiosk_settings {
    cursor: pointer;
    font-size: 20px;
}

#kiosk_settings_list,
#kiosk_edit_save {
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    display: none;
    min-height: 50px;
    min-width: 200px;
    position: absolute;
    right: 0;
    transition: all .5s ease-in-out;
    z-index: 999;
}

    #kiosk_settings_list .top-arrow {
        position: absolute;
        right: 8px;
        top: -9px;
    }

#Kiosk_settings_cont {
    padding: 5px;
}

/*END KIOSK*/

#Div_Payroll_Body #div_payroll_Status input[type=submit] {
}

#Div_Payroll_Body #div_payroll_Status div:last-child {
    padding-top: 10px;
    text-align: left;
}

.style_edocsTable_noHeight {
    margin: 0;
    padding: 0;
    width: 100%;
}

/*JQUERY CALENDAR POPUP*/

.calendars {
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 90%;
    padding: 5px;
    width: 170px !important;
}

.calendars-rtl {
    direction: rtl;
}

.calendars-popup {
    width: 170px;
    z-index: 99999999999;
}

.calendars-disable {
    filter: alpha(opacity=50);
    opacity: 0.5;
    position: absolute;
    z-index: 100;
}

.calendars a {
    text-decoration: none;
}

    .calendars a.calendars-disabled {
        cursor: auto;
    }

.calendars button {
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    border: none;
    border-radius: 0.25em;
    font-weight: bold;
    margin: 0.25em;
    padding: 0.125em 0;
}

.calendars-nav,
.calendars-ctrl {
    display: none;
    float: left;
    font-size: 90%;
    font-weight: bold;
    width: 100%;
}

.calendars-ctrl {
    display: none;
}

.calendars-cmd {
    width: 30%;
}

.calendars-cmd-prevJump,
.calendars-cmd-nextJump {
    width: 8%;
}

a.calendars-cmd {
    height: 1.5em;
}

button.calendars-cmd {
    text-align: center;
}

.calendars-cmd-prev,
.calendars-cmd-prevJump,
.calendars-cmd-clear {
    float: left;
    padding-left: 2%;
}

.calendars-cmd-current,
.calendars-cmd-today {
    float: left;
    text-align: center;
    width: 35%;
}

.calendars-cmd-next,
.calendars-cmd-nextJump,
.calendars-cmd-close {
    float: right;
    padding-right: 2%;
    text-align: right;
}

.calendars-rtl .calendars-cmd-prev,
.calendars-rtl .calendars-cmd-prevJump,
.calendars-rtl .calendars-cmd-clear {
    float: right;
    padding-left: 0;
    padding-right: 2%;
    text-align: right;
}

.calendars-rtl .calendars-cmd-current,
.calendars-rtl .calendars-cmd-today {
    float: right;
}

.calendars-rtl .calendars-cmd-next,
.calendars-rtl .calendars-cmd-nextJump,
.calendars-rtl .calendars-cmd-close {
    float: left;
    padding-left: 2%;
    padding-right: 0;
    text-align: left;
}

.calendars-month-nav {
    float: left;
    text-align: center;
}

    .calendars-month-nav div {
        margin: 1%;
        padding: 1%;
    }

.calendars-month-row {
    clear: left;
}

.calendars-month {
    text-align: center;
}

.calendars-month-header,
.calendars-month-header select,
.calendars-month-header input {
    font-size: 12px;
    font-weight: bold;
}

    .calendars-month-header select,
    .calendars-month-header input {
        border: none;
        height: 1.4em;
        min-width: initial;
        width: 49%;
    }

    .calendars-month-header input {
        display: none;
        position: absolute;
    }

.calendars-month table {
    border-collapse: collapse;
    width: 100%;
}

.calendars-month th,
.calendars-month td {
    font-weight: normal;
    margin: 0;
    padding: 0;
    text-align: center;
}

.calendars-month a {
    display: block;
    padding: 3px 0;
    text-decoration: none;
    width: 100%;
}

.calendars-month span {
    display: block;
    padding: 0.125em 0;
    width: 100%;
}

.calendars-status {
    clear: both;
    text-align: center;
}

.calendars-clear-fix {
    clear: both;
}

/* END JQUERY CALENDAR POPUP*/

/* REPORT DRILL DOWN CONTROL*/

@-webkit-keyframes rotating {
    from {
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    to {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes rotating {
    from {
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    to {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating {
    from {
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    to {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.oasys-control-event-proxy {
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 800;
}

.oasys-control-popup-panel {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    border: transparent;
    border-radius: 5px;
    cursor: default;
    display: none;
    left: 100px;
    max-height: 400px;
    overflow-y: auto;
    padding: 2px;
    position: absolute;
    top: 50px;
    user-select: none;
    width: 250px;
    z-index: 1000;
}

    .oasys-control-popup-panel div.item {
        cursor: pointer;
        display: block;
        line-height: 20px;
        padding: 2px;
    }

.oasys-control-hdtoolbar {
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    margin-bottom: 1px;
    padding-left: 10px;
}

.div_CloseBtn {
    cursor: pointer;
    float: right;
    height: 15px;
    margin: 2px;
    width: 15px;
}

.dv-row-Panel .app-Toolbar-style-1 {
    height: 40px;
}

    .dv-row-Panel .app-Toolbar-style-1 .tb-item {
        height: 35px;
        width: 35px;
    }

    .dv-row-Panel .app-Toolbar-style-1 .icon-flt-30-checkBox {
        background-size: contain;
        cursor: pointer;
        height: 20px;
        margin: 2px 0 0 3px;
    }

    .dv-row-Panel .app-Toolbar-style-1 .icon-flt-30-refresh {
        background-size: contain;
        cursor: pointer;
        height: 20px;
        margin: 2px 0 0 3px;
    }

    .dv-row-Panel .app-Toolbar-style-1 .icon-flt-30-advanced {
        background-size: contain;
        cursor: pointer;
        height: 20px;
        margin: 2px 0 0 3px;
    }

    .dv-row-Panel .app-Toolbar-style-1 .icon-flt-30-hidecolumn {
        background-size: contain;
        cursor: pointer;
        height: 20px;
        margin: 2px 0 0 3px;
    }

    .dv-row-Panel .app-Toolbar-style-1 .icon-flt-30-filtericonsblk {
        background-size: contain;
        cursor: pointer;
        height: 20px;
        margin: 2px 0 0 3px;
    }

    .dv-row-Panel .app-Toolbar-style-1 .icon-flt-30-fav {
        background-size: contain;
        cursor: pointer;
        height: 20px;
        margin: 2px 0 0 3px;
    }

    .dv-row-Panel .app-Toolbar-style-1 .icon-flt-30-chart {
        background-size: contain;
        cursor: pointer;
        height: 20px;
        margin: 2px 0 0 3px;
    }

    .dv-row-Panel .app-Toolbar-style-1 [id$=_ibPrint] {
        background-size: contain;
        cursor: pointer;
        height: 20px;
        margin: 2px 0 0 3px;
    }

    .dv-row-Panel .app-Toolbar-style-1 [id$=_ibExportWord] {
        background-size: contain;
        cursor: pointer;
        height: 20px;
        margin: 2px 0 0 3px;
    }


    .dv-row-Panel .app-Toolbar-style-1 [id$=_ibExport] {
        background-size: contain;
        cursor: pointer;
        height: 20px;
        margin: 2px 0 0 3px;
    }

    .dv-row-Panel .app-Toolbar-style-1 [id$=_ibExportText] {
        background-size: contain;
        cursor: pointer;
        height: 20px;
        margin: 2px 0 0 3px;
    }

    .dv-row-Panel .app-Toolbar-style-1 .tb-item_active {
        border: solid 1px transparent;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        height: 32px !important;
        margin: 1px 5px 0 5px;
        width: 25px !important;
        z-index: 999;
    }

    .dv-row-Panel .app-Toolbar-style-1 .tb-item-panel {
        top: 140px !important;
    }

.loader-bg {
    bottom: 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 1;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1000;
}

.ldr-status {
    -moz-animation: rotating 1s linear infinite;
    -o-animation: rotating 1s linear infinite;
    -webkit-animation: rotating 1s linear infinite;
    animation: rotating 1s linear infinite;
    left: 50%;
    position: absolute;
    top: 50%;
}

.c-tab {
    display: table;
    margin: 0 auto;
    max-height: 500px;
    overflow: scroll;
    width: 100%;
}

.r-tab {
    display: table-row;
}

.e-tab {
    display: table-cell;
    padding: 2px;
}

.h-tab {
    display: table-row;
    font-weight: 600;
    text-align: center;
}

.plus-icon {
    display: none;
    float: right;
    font-size: 10px;
    padding: 2px;
}

    .plus-icon:hover {
        cursor: pointer;
    }

.inner-tab {
    max-height: 400px;
    min-height: 200px;
    overflow-y: auto;
    padding: 0 20px 20px 20px;
    position: relative;
}

.close-img {
    float: right;
    font-size: 16px;
}

    .close-img:hover {
        cursor: pointer;
    }

.pop-up {
    border-radius: 5px;
    padding: 5px;
    position: absolute;
    width: 200px;
}

.e-pop-up:hover {
    cursor: pointer;
    width: 100%;
}

.oasys-icon-plus {
    font-size: 10px;
}

.close-minus {
    display: none;
    float: right;
    font-size: 10px;
    padding: 3px;
}

    .close-minus:hover {
        cursor: pointer;
    }

.header-ctr {
    border-radius: 5px;
    display: table;
    margin: 5px 0 5px 0;
    text-align: left;
    width: 1000px;
}

.big-header {
    padding: 10px;
}

.header-row {
    display: table-row;
}

.each-item {
    border-radius: 5px;
    display: table-cell;
    font-size: 25px;
    padding: 3px;
    text-align: center;
}

.filler {
    width: 60%;
}

.each-item:hover {
    cursor: pointer;
}

.tab-header {
    margin: 0;
    margin-top: 5px;
    padding: 0;
}

.filter-close {
    font-size: 16px;
    position: absolute;
    right: 5px;
    top: 5px;
}

    .filter-close:hover {
        cursor: pointer;
    }

.header-row .search-box {
    float: right;
    width: auto;
}

.filter-main .fil-select {
    float: left;
    padding-right: 5px;
    width: 140px;
}

.filter-main .fil-mid {
    float: left;
    padding-right: 5px;
    width: 40px;
}

.filter-btn {
    bottom: 20px;
    left: 125px;
    position: absolute;
}

.reset-filter-btn {
    bottom: 20px;
    position: absolute;
    right: 125px;
}

.filter-main .fil-txt {
    width: 100px;
}

.cmn-toggle {
    margin-left: -9999px;
    position: absolute;
    visibility: hidden;
}

    .cmn-toggle + label {
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        cursor: pointer;
        display: block;
        outline: none;
        position: relative;
        user-select: none;
    }

input.cmn-toggle-round + label {
    border-radius: 60px;
    height: 17px;
    padding: 2px;
    width: 27px;
}

    input.cmn-toggle-round + label:before,
    input.cmn-toggle-round + label:after {
        bottom: 1px;
        content: "";
        display: block;
        left: 1px;
        position: absolute;
        top: 1px;
    }

    input.cmn-toggle-round + label:before {
        -moz-transition: background 0.4s;
        -o-transition: background 0.4s;
        -webkit-transition: background 0.4s;
        border-radius: 60px;
        right: 1px;
        transition: background 0.4s;
    }

    input.cmn-toggle-round + label:after {
        -moz-transition: margin 0.4s;
        -o-transition: margin 0.4s;
        -webkit-transition: margin 0.4s;
        border-radius: 100%;
        transition: margin 0.4s;
        width: 15px;
    }

input.cmn-toggle-round:checked + label:after {
    margin-left: 15px;
}

/*------------------ Switch Button END-------------------------*/

.em-btn-ctr {
    display: block;
}

.tog-btn {
    display: table-row;
    float: left;
}

.tog-span {
    display: table-cell;
    font-size: 12px;
    padding-left: 5px;
}

input[type=text]::-ms-clear {
    display: none;
}

.no-data {
    text-align: center;
}

.hideC-ctr {
    display: table;
    height: 100px;
    margin: 5px;
}

.hc-check-box {
    display: table-cell;
    vertical-align: middle;
}

.each-cb {
    display: table-row;
}

.hc-label {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}

.hc-main {
    border-radius: 2px;
    margin-bottom: 10px;
    position: absolute;
    text-align: center;
    width: 200px;
}

.hc-title {
    margin: 5px;
}

input[type=button] {
    padding: 4px 7px 4px 7px;
    text-decoration: none;
}

    input[type=button] :hover {
        text-decoration: none;
    }

.item-count {
    float: right;
    font-size: 14px;
    height: 21px;
    width: auto;
}

.query-disp-box {
    border-radius: 3px;
    display: block;
    font-size: 14px;
    margin: 5px;
    height: 50px !important;
    overflow-y: auto;
    padding: 5px;
}

/* END REPORT DRILL DOWN CONTROL*/

.hide-1-td tr td:first-child {
    display: none;
}

/*.style_tabPageEmployee .style_deTable.style_table_vth_bottom_Border
{
    width: 94%;
}*/

/*.style_tabPageEmployee input[type=text]:not(.wid-41per):not(.laug_cal):not(.txt-box-cal), .style_tabPageEmployee select:not(.wid-50px):not(.style_tabPagelaug):not(.wid-98per)
{
    min-width: 100px;
    width: 90% !important;
}*/

.style_tabPagelaug select,
.style_tabPagelaug input[type=text] {
    min-width: 100px;
    width: 99% !important;
}

.laug_dropdown {
    width: 99% !important;
}

.laug_cal select,
.laug_cal input[type=text] {
    min-width: 80px;
    width: 80px !important;
}

.style_FinalizeDivisionHeader {
    margin: 2px;
}

.table-finalize-vac td {
    border-spacing: 0;
    padding: 5px;
    position: relative;
}

    .table-finalize-vac td:not(:first-child) {
        width: 17%;
    }

.header-cap-style {
    font-weight: bold;
}

.pnl-Overtime-Att {
    border-radius: 3px;
}

.collapse-main-btn {
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
    cursor: pointer;
    float: left;
    font-size: 18px;
    padding: 8px;
    transition: all 200ms ease-in-out;
}

.collapse-sub-btn {
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
    cursor: pointer;
    font-size: 15px;
    transition: all 200ms ease-in-out;
    top: 0px;
    right: 0px;
    position: absolute;
}

/*bulk request*/

.td-bulk-chk-box-list {
    padding-right: 5px;
    vertical-align: top;
    width: 80% !important;
}

.b_tdODBStepsCCap_wid {
    width: 255px !important;
}

.b_tdODBStepsCCap {
    width: 250px !important;
}

.tdODBStepsCCap {
    width: 150px !important;
}

.b_style_DateTextbox {
    width: 100px !important;
}

.b_style_deFormCaption,
.b_style_deFormCaptionR_Al {
    text-align: left;
}

/*bulk request*/

.oas-collapsible-table {
    cursor: pointer;
    padding-bottom: 2px;
}

.screen-mask-label {
    font-family: "Courier New", Courier, monospace;
    font-size: 25px;
    font-weight: 700;
    left: 42%;
    position: absolute;
    top: 45%;
}

.style_ealertdatatable {
    border-collapse: collapse;
    display: table;
    font-family: tahoma;
    font-size: 11px;
    width: 100%;
}

    .style_ealertdatatable td {
        padding: 2px 2px 2px 2px;
        text-align: left;
        vertical-align: top;
        white-space: nowrap;
    }

    .style_ealertdatatable .caption {
        font-size: 10px;
        font-weight: bold;
        text-align: left;
        vertical-align: middle;
        white-space: nowrap;
    }

    .style_ealertdatatable .content {
        padding: 2px 2px 2px 2px;
        text-align: left;
        vertical-align: top;
        white-space: nowrap;
        width: 100%;
    }

.style_ealertcontent {
    height: calc(100vh - 83px);
    overflow: auto;
    padding: 5px;
}

.style_ealertselection {
    height: calc(100vh - 82px) !important;
    overflow: auto;
    padding: 5px;
}

.style_ealertdatatable TD INPUT {
    font-size: 8pt;
    text-align: center;
}

.style_ealertdatatable TD SELECT {
    font-size: 8pt;
}

/*salary advance*/

.style_height_loan,
.style_height_loanSchedule {
    display: block;
    margin: 5px auto;
    overflow: auto;
    width: 100%;
    padding: 0px 5px;
}

.style_height_loan {
    height: 105px;
}

.style_height_loanSchedule {
    height: calc(100vh - 360px);
}

div.CssGridStyle table {
    width: 98%;
}

.style_fakeTextBox {
    font-size: 9.5pt;
    height: 20px;
    line-height: 20px;
    margin: 1px;
    width: 99%;
}

.defa-box-header-bg {
    line-height: 30px;
}

.emp-addr {
    margin: 1px;
}

    .emp-addr td {
        padding: 5px;
    }

    .emp-addr tr td:first-child {
        width: 30%;
    }

.help-btn-ctr {
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
    height: 100px;
    padding: 10px;
    position: fixed;
    right: -40px;
    top: 50%;
    transition: all 200ms ease-in-out;
    width: 30px;
}

.help-icon {
    cursor: pointer;
    font-size: 25px;
    font-weight: 700;
}

.help-btn-ctr:hover {
    right: 0;
}

.help-status {
    bottom: 0;
    display: none;
    font-size: 20px;
    opacity: 0.7;
    padding: 10px;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 99999999;
}

.hover-help-ctr {
    border-radius: 3px;
    display: none;
    max-width: 30%;
    min-height: 200px;
    min-width: 300px;
    position: absolute;
}

    .hover-help-ctr #helpHeader {
        font-size: 14px;
        font-weight: 700;
        height: 30px;
        line-height: 30px;
        padding-left: 5px;
        text-align: left;
        vertical-align: middle;
        width: 99%;
    }

    .hover-help-ctr #helpCtr {
        font-size: 12px;
        max-height: 300px;
        overflow-y: auto;
        padding: 3px;
        text-align: left;
        width: 100%;
    }

#headerSelectedItem .emp-header-tab .img-border-Employee img {
    height: 30px;
}

.fx-dpnl .ApplicationToolBar {
    line-height: initial;
}

.pop-filter-panel {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top: none;
    display: none;
    min-width: 300px;
    position: absolute;
    z-index: 1;
}

.div_filterHead {
    padding: 3px;
}

.resx-table td {
    padding: 2px 3px;
}

.resx-pnl {
    border-radius: 3px;
    margin: 1px;
    padding: 3px;
}

.resx-pnl-ht {
    height: calc(100vh - 100px);
}

    .resx-pnl-ht .Css_ReportGrid th,
    .resx-pnl-ht .Css_ReportGrid td {
        text-align: left !important;
    }

        .resx-pnl-ht .Css_ReportGrid th:nth-child(2),
        .resx-pnl-ht .Css_ReportGrid td:nth-child(2) {
            text-indent: 10px;
        }

.style_eDocsNetSelectionTreeBg {
    height: calc(100vh - 97px);
    overflow: auto;
}

    .style_eDocsNetSelectionTreeBg td {
        font-family: 'Roboto';
        padding: 7px 0;
    }

.masterpageWithSelection_sidecontent {
    overflow: auto;
}

.style_modalPopupTitleBar input[type=image] {
    cursor: pointer;
}

.deisgn-info .tb-item-content .OASYS-check-box-list-control .action-header-panel {
    height: 35px;
}

.tb-item-content .OASYS-check-box-list-control .action-item-panel {
    width: 375px;
}

.refresh-parameter .OASYS-check-box-list-control .action-item-panel {
    width: 98% !important;
}

.defa-box-header-bg-popup {
    font-weight: bold;
    line-height: 30px;
    text-indent: 5px;
}

.term-show-detail {
    font-weight: bold;
    text-align: left;
}

.style_grid {
    border-collapse: collapse;
    font-family: tahoma;
    font-size: 11px;
    width: 99%;
}

    .style_grid td {
        padding: 2px 5px 2px 5px;
        text-align: left;
        vertical-align: top;
        white-space: nowrap;
    }

    .style_grid .caption {
        font-size: 10px;
        font-weight: bold;
        text-align: left;
        vertical-align: top;
        white-space: nowrap;
    }

    .style_grid .content {
        font-size: 10px;
        text-align: left;
        vertical-align: top;
        white-space: normal;
    }

/*KIOSK*/

#hd-toolbar {
    display: none;
    height: 35px;
}

    #hd-toolbar div.dv-pnl_ {
        float: right;
        height: 25px;
        text-align: center;
        width: 25px;
    }

.app-fx-msk-pnl {
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.3;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.app-fx-modal-pnl {
    bottom: 5%;
    display: none;
    left: 0;
    padding: 0 0 32px 0;
    position: fixed;
    right: 0;
    top: 6%;
    z-index: 99999;
}

    .app-fx-modal-pnl .style_BasicInfo_Header {
        line-height: 27px;
    }

    .app-fx-modal-pnl .fx-header {
        height: 25px;
    }

    .app-fx-modal-pnl .dv-data-content {
        margin: 5px;
        overflow: auto;
        height: 100%;
       /* display: flex;
        flex-direction: column;*/
    }

    .app-fx-modal-pnl .fx-dpnl {
        /*height: 100%;*/
        height: calc(100vh - 70px);
    }

    .app-fx-modal-pnl .dv-data-content [id^="chart_"] {
        /* Your styles here */
        height: 100%;
    }

    .app-fx-modal-pnl .fx-header span {
        font-size: 13px;
        font-weight: bold;
        letter-spacing: 1px;
        line-height: 25px;
        padding-left: 10px;
    }

    .app-fx-modal-pnl .fx-header .btn-exit {
        cursor: pointer;
        float: right;
        font-size: 15pt;
        height: 16px;
        margin: 2px 3px 2px 0;
        position: relative;
        text-align: center;
        width: 16px;
    }

#dv-user-widgets-tab {
    border-collapse: collapse;
    display: table;
    width: 100%;
}

    #dv-user-widgets-tab .columns {
        display: table-cell;
        vertical-align: top;
        width: 50%;
    }

.app-fx-modal-pnl iframe {
    border: none;
    height: 100%;
    width: 100%;
}

/* Widget Window*/

.widget-window {
    border-radius: 3px;
    float: left;
    height: 300px;
    margin: 5px;
    min-width: 340px;
}

    .widget-window .title-bar {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        height: 35px;
    }

        .widget-window .title-bar .dvtab {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            display: table;
            line-height: 35px;
            width: 100%;
        }

    .widget-window .nav-bar {
        height: 25px;
    }

    .widget-window .title-bar .dvtab .caption {
        display: table-cell;
        font-weight: bold;
        text-indent: 5px;
        vertical-align: middle;
        width: 50%;
    }

    .widget-window .title-bar .dvtab .cpanel {
        display: table-cell;
    }

    .widget-window .title-bar .dvtab .ctbox {
        display: none;
        min-width: 85px !important;
        padding: 0 2px 0 2px;
        text-align: right;
    }

    .widget-window:hover .title-bar .dvtab .ctbox {
        display: table-cell;
    }

    .widget-window .title-bar .dvtab .ctbox .ctitem {
        cursor: pointer;
        display: inline-block;
        padding: 0 5px 0 5px;
    }

    .widget-window .f-layer {
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        max-height: 400px;
        min-height: 50px;
        overflow: auto;
    }

    .widget-window .f-layer-loader {
        background-image: url('../Images/chart-loading.gif');
        background-repeat: no-repeat;
        background-position: center center;
    }

    /*.widget-window select,
.widget-window span {
    border: none;
    font-size: 10px;
    margin-left: 5px;
}
*/
    .widget-window select {
        width: 100px;
    }

    .widget-window .f-layer .dv-item-texts {
        margin: 5px;
        padding: 5px 10px 5px 10px;
    }

    .widget-window .custom-pnl {
        margin: 2px;
        padding: 5px;
        text-align: center;
    }

        .widget-window .custom-pnl .w-title {
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            display: block;
            font-weight: 700;
            padding: 3px 10px 1px 10px;
        }

        .widget-window .custom-pnl .fit-dydv {
            overflow: auto;
            width: auto;
            text-align: center;
            border: none;
            border-bottom: 1px solid rgba(51, 105, 108, 0.17);
            display: inline;
        }

            .widget-window .custom-pnl .fit-dydv div.img {
                display: inline-flex;
                padding: 5px;
            }


    .widget-window .fit-dydv div.img img {
        border-radius: 50%;
        height: 60px;
        width: 60px;
    }

    .widget-window .list-board-2 {
        display: table;
        width: 100%;
    }

        .widget-window .list-board-2 .list-row {
            display: table-row;
        }

            .widget-window .list-board-2 .list-row:last-child {
                border: none;
            }

            .widget-window .list-board-2 .list-row .list-text {
                display: table-cell;
                padding: 3px;
            }

            .widget-window .list-board-2 .list-row .list-value {
                display: table-cell;
                font-weight: bold;
                padding: 3px;
                width: 30px;
            }

table.light {
    font-size: 12px;
}

    table.light td {
        background-color: transparent;
        padding: 3px 5px 3px 10px;
        white-space: nowrap;
    }

    table.light tr td:first-child {
        width: 20px;
    }

table.fancy-light-gray td {
    background-color: transparent;
    padding: 3px 5px 3px 10px;
    white-space: nowrap;
}

table.fancy-light-gray tr td:first-child {
    width: 20px;
}

/*Kiosk Inbox*/

.inbox-contents .dv-lst-items {
    height: 35px;
    line-height: 30px;
}

.inbox-contents .dv-lst-itemshd {
    height: 40px;
}

.dv-lst-items .cap0 {
    display: inline-block;
    font-style: normal;
    /*max-width: 100px;*/
    padding: 0 5px;
    width: 6%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.dv-lst-items .cap1 {
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    padding: 0 5px;
    white-space: nowrap;
    width: 22%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: text-bottom;
}

.dv-lst-items .cap2 {
    display: inline-block;
    cursor: default;
    font-weight: normal;
    padding: 0 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 15%;
    vertical-align: text-bottom;
}

    .dv-lst-items .cap2 + .cap2 {
        display: inline-block;
        cursor: default;
        font-weight: normal;
        padding: 0 5px;
        white-space: nowrap;
        width: 53%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        vertical-align: text-bottom;
    }

.inbox-page {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.inbox-panel {
    margin: 10px;
}

    .inbox-panel .header {
        line-height: 20px;
        margin-bottom: 10px;
        padding: 3px 0 3px 0;
        width: auto;
    }

    .inbox-panel .tab-panel {
        padding-left: 5px;
    }

    .inbox-panel .tabs,
    .inbox-panel .tabs-active {
        border-bottom: none;
        cursor: pointer;
        float: left;
        font-weight: bold;
        margin-left: 1px;
        padding: 5px 30px 5px 30px;
        position: relative;
    }

    .inbox-panel .inbox-contents {
        border-top: none;
        clear: both;
        display: none;
        min-height: 100px;
    }


.inbox-contents .tab-row {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.inbox-contents .tabcell-3 {
    display: table-cell;
    padding: 5px 10px 0 10px;
}

    .inbox-contents .tabcell-3:nth-child(3) {
        text-align: right;
    }

.dv-lst-items .cap1:hover {
    text-decoration: underline;
}

.inbox-contents .tab-row span.button,
.inbox-contents .tab-row span.button_disabled,
span.button-3d-gray {
    border-radius: 3px;
    cursor: pointer;
    margin-right: 3px;
    margin-top: 4px;
    padding: 3px 10px 3px 10px;
}

.inbox-contents .tab-row .search,
.search-text {
    border-radius: 4px;
    padding: 5px 4px 3px 25px;
    width: 250px;
}

.inbox-contents .tab-row .search {
    width: 500px;
}

.inbox-contents .tabcell-3:nth-child(3) {
    float: right;
}

.inbox-contents .tabcell-3:first-child {
    float: left;
}

div.flag-approved,
div.flag-pending,
div.flag-cancelled,
div.flag-reinitiated,
div.flag-disapproved {
    height: auto;
    line-height: normal;
    padding: 2px 10px 2px 10px;
}

div.flag-pending {
    /*border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;*/
    border-radius: 3px;
}

div.flag-reinitiated, div.flag-disapproved {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}

div.flag-approved {
    border-radius: 3px;
}

div.flag-cancelled {
    border-radius: 3px;
}

.button-gradient-gray-light {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    border-radius: 6px;
    cursor: pointer;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    padding-left: 10px;
    user-select: none;
    width: auto;
}

/*Kiosk Inbox*/

.Kiosk-sub-menu {
    border-radius: 6px;
    display: none;
    min-width: 200px;
    padding: 2px;
    position: absolute;
    z-index: 90000;
}

    .Kiosk-sub-menu ul,
    .Kiosk-sub-menu li {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

.Kiosk-sub-menu_mask {
    background-color: transparent;
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 8000;
}

.Kiosk-sub-menu li {
    cursor: pointer;
    padding: 3px 10px 3px 10px;
}

    .Kiosk-sub-menu li:last-child {
        border-bottom: none;
    }

.content-panel .fx-dpnl {
    height: 100%;
}

.gly-tooltip {
    border-radius: 5px;
    display: none;
    padding: 10px;
    position: absolute;
    z-index: 9999999;
}

.dv-abs-panel {
    display: block;
    display: none;
    position: absolute;
    top: 260px;
    width: 400px;
    z-index: 53;
}

    .dv-abs-panel .ipanel {
        padding: 10px;
    }

    .dv-abs-panel .header {
        height: 20px;
    }

    .dv-abs-panel p {
        margin: 3px;
        padding: 0;
    }

.dv-button {
    border: none;
    border-radius: 3px;
    cursor: pointer;
    margin: 3px;
    padding: 3px;
    text-align: center;
    width: 20px;
}

div.circular2x {
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    background-position: top center;
    background-size: cover;
    border-radius: 100px;
    height: 200px;
    overflow: hidden;
    width: 200px;
}

/*CSS MENU*/

.css-sidemenu ul > li.has-sub > a:after {
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    -webkit-transition: all 0.1s ease-out;
    content: "";
    display: block;
    height: 10px;
    position: absolute;
    right: 26px;
    top: 19px;
    transition: all 0.1s ease-out;
    width: 2px;
    z-index: 5;
}

.css-sidemenu ul > li.has-sub > a:before {
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    -webkit-transition: all 0.1s ease-out;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    right: 22px;
    top: 23px;
    transition: all 0.1s ease-out;
    width: 10px;
}

.css-sidemenu ul > li.has-sub.open > a:after,
.css-sidemenu ul > li.has-sub.open > a:before {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.css-sidemenu ul ul li a {
    -moz-transition: color .2s ease, background-color 200ms ease-in-out;
    -o-transition: color .2s ease, background-color 200ms ease-in-out;
    -webkit-transition: color .2s ease, background-color 200ms ease-in-out;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    padding: 7px 0 7px 20px;
    text-decoration: none;
    transition: color .2s ease, background-color 200ms ease-in-out;
    width: 100%;
    z-index: 2;
}

.css-sidemenu ul ul li:first-child a {
    padding-top: 7px;
}

.css-sidemenu ul ul ul li a {
    padding-left: 32px;
}

.css-sidemenu ul ul > li.has-sub > a:after {
    right: 26px;
    top: 16px;
}

.css-sidemenu ul ul > li.has-sub > a:before {
    top: 20px;
}

.css-sidemenu,
.css-sidemenu ul,
.css-sidemenu ul li,
.css-sidemenu ul li a {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 0;
    box-sizing: border-box;
    display: block;
    line-height: 1;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: left;
}

    .css-sidemenu ul ul {
        display: none;
    }

    .css-sidemenu > ul > li.active > ul {
        display: block;
    }

    .css-sidemenu > ul > li > a {
        -moz-transition: color .2s ease;
        -o-transition: color .2s ease;
        -webkit-transition: color .2s ease;
        cursor: pointer;
        font-size: 13px;
        padding: 9px 7px;
        text-decoration: none;
        transition: color .2s ease;
        z-index: 2;
    }

    .css-sidemenu .kiosk-menu-icon {
        -moz-transition: margin-left 300ms ease-in-out;
        -o-transition: margin-left 300ms ease-in-out;
        -webkit-transition: margin-left 300ms ease-in-out;
        font-size: 18px;
        transition: margin-left 300ms ease-in-out;
    }

        .css-sidemenu .kiosk-menu-icon:hover {
            margin-left: 8px;
        }

    .css-sidemenu div {
        padding: 5px;
    }

.kiosk-menu-icon {
    padding-right: 3px;
}

.css-menu-compact .css-menu-label {
    display: none !important;
}

.css-menu-compact .kiosk-menu-icon {
    font-size: 20px;
    margin: 3px;
}

.css-menu-compact ul ul {
    left: 50px;
    position: absolute;
    top: 0;
    width: 250px;
    z-index: 25;
}

.css-menu-compact .icon {
    display: block;
    float: none !important;
    margin-top: 5px;
    padding: 0 !important;
    text-align: center;
    width: 100%;
}

.css-sidemenu .icon {
    float: right;
}

/*END CSS MENU*/

.head-toolbar-btn {
    cursor: pointer;
    font-size: 21.5px !important;
}

/*
UNCHANGED COLORS
*/

.user-nav-list ul li ul li:first-child {
    display: none;
}

.user-nav-list ul li ul {
    display: none;
}

.user-nav-list ul,
.user-nav-list li,
.user-nav-pnl ul,
.user-nav-pnl li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.user-nav-list {
    width: 250px;
}

    .user-nav-list ul li ul li {
        cursor: pointer;
        font-weight: normal;
        height: 25px;
        line-height: 25px;
        padding-left: 27px;
    }

    .user-nav-list div {
        cursor: pointer;
        height: 30px;
        line-height: 30px;
        padding-left: 20px;
    }

/*END UNCHANGED*/

.user-nav-pnl span.icon-del {
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    margin-left: -14px;
}

.user-nav-list ul li ul li:last-child {
    border-bottom: none;
}

.user-nav-pnl .item-header {
    height: 30px;
    line-height: 30px;
    text-indent: 10px;
}

    .user-nav-pnl .item-header span.icon {
        cursor: pointer;
        font-size: 20px;
        font-weight: bold;
    }

.user-nav-pnl .list-panel {
    cursor: pointer;
    margin: 5px;
    overflow: auto;
}

.user-nav-pnl .list-items {
    cursor: pointer;
    line-height: 25px;
    overflow: hidden;
    padding-left: 25px;
}

    .user-nav-pnl .list-items:first-child {
        display: none;
    }

.kiosk-window {
    bottom: 0;
    display: none;
    left: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
}

#kiosker {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
}

    #kiosker #mastertab {
        border-collapse: collapse;
        height: 100%;
    }

        #kiosker #mastertab .nav-Menul {
            -moz-user-select: none;
            -ms-user-select: none;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            height: 100%;
            user-select: none;
            vertical-align: top;
        }

        #kiosker #mastertab .nav-Menur {
            -moz-user-select: none;
            -ms-user-select: none;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            display: table-cell;
            user-select: none;
            vertical-align: top;
            width: 250px;
        }

        #kiosker #mastertab .content-panel {
            display: flex;
            margin: 0 auto;
            vertical-align: top;
        }

.defaultView {
    overflow: auto;
    width: 100%;
}

/*pop-up*/

.PopupControlModalBackground {
    display: none;
    filter: alpha(opacity=30);
    height: 100%;
    left: 0;
    opacity: .30;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999998;
}

#PopupControlModalDialog {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: none;
    height: 200px;
    position: absolute;
    width: 400px;
    z-index: 9999999;
}

    #PopupControlModalDialog .header {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        height: 25px;
        line-height: 25px;
    }

        #PopupControlModalDialog .header span {
            font-weight: bold;
            margin-left: 5px;
        }

        #PopupControlModalDialog .header table {
            border-collapse: collapse;
        }

            #PopupControlModalDialog .header table td, table th {
                padding: 0;
            }

    #PopupControlModalDialog .DlgCloseButton {
        background-image: url('default/images/close_btn.png');
        background-repeat: no-repeat;
        cursor: pointer;
        height: 15px;
        margin: 2px;
        width: 15px;
    }

    #PopupControlModalDialog .DlgContent {
        height: 100px;
        margin: 5px;
        overflow: auto;
    }

        #PopupControlModalDialog .DlgContent iframe {
            overflow: scroll;
        }

.Importbtm {
    bottom: 30px;
    margin-left: 45%;
    position: absolute;
}

/*pop-up ends*/

#UI_ResultPanel {
    width: 99% !important;
}

.style_edocsTable_vt_Border .ajax__calendar_days tr td {
    border: none;
}

/*recruitmentanalysis*/

.style_recruitmentanalysis {
    border-collapse: collapse;
    width: 100%;
}

    .style_recruitmentanalysis td {
        padding: 2px 5px 2px 5px;
    }

    .style_recruitmentanalysis .header {
        font-size: medium;
        font-weight: bold;
    }

.style_rainnertable {
    border-collapse: collapse;
    width: 100%;
}

.style_raitems {
    border: 0;
    border-collapse: collapse;
    font-size: 14px;
    font-weight: bold;
}

/*Ends Recruitmentanalysis*/

.style_jobrec_header {
    height: 25px;
    line-height: 25px;
    margin: 1px 0;
    padding-left: 7px;
}

.style_deHeader {
    line-height: 25px;
}

.sch_can_header {
    font-weight: 700;
    line-height: 25px;
    padding-left: 5px;
}

.rounded-btn20 {
    cursor: pointer;
}

.style_Div_MaskArea {
    display: none;
    filter: alpha(opacity=70);
    font-size: xx-large;
    font-weight: bolder;
    opacity: 0.7;
    position: absolute;
    text-align: center;
    vertical-align: middle;
}

.process_header .process_headerline1 {
    font-size: 29px !important;
}

.process_header .process_headerline2 {
    font-size: 16px !important;
}

.hlp-top-bar {
    font-size: 24px;
    font-weight: bold;
    padding: 4px;
}

.hlp-cnt {
    bottom: 0;
    left: 0;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 45px;
    width: 100%;
}

.hlp-tree {
    float: left;
    height: 100%;
    overflow: auto;
    width: 300px;
}

    .hlp-tree ul {
        padding: 0;
    }

.hlp-cnt-pnl {
    height: 100%;
    overflow: auto;
}

.deisgn-info .oasys-logo-hlp {
    padding: 3px 30px !important;
}

#if_AppHelp {
    border: none;
    display: block;
    height: 100%;
    outline: none;
    position: relative;
    width: 100%;
}

.add_data_header {
    height: 25px;
    padding: 5px;
}

.style_group {
    font-weight: bold;
    line-height: 15px;
}

.rep-benif table.grid-view-tab tr td {
    white-space: nowrap;
}

    .rep-benif table.grid-view-tab tr td:last-child {
        width: 100%;
    }

.rep-benif table.grid-view-tab {
    margin: 2px;
}

.div-rounded-bg-blue,
.div-rounded-bg-green {
    border-radius: 2px;
    padding: 5px;
    text-align: center;
}

.design-SearchWindow .search-box {
    padding: 5px;
}

    .design-SearchWindow .search-box table {
        width: 100%;
    }

        .design-SearchWindow .search-box table tr td:first-child {
            padding-right: 5px;
            text-align: right;
        }

.tab-text-padding .grid-view-tab input[type=text] {
    padding: 5px;
}

.round-txt-box {
    border-radius: 50% !important;
    height: 25px;
    text-align: center;
    width: 25px;
}

/*---------------*/

.search_list_box .Content {
    padding: 0 5px 0 5px;
}

.search_list_box ul,
.search_list_box li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.search_list_box li {
    border: none;
    clear: both;
    cursor: pointer;
    padding: 4px;
}

.search_list_box .clear {
    clear: both;
}

.search_list_box .SearchDetails {
    float: left;
    margin-left: 5px;
}

.search_list_box div.picbox {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    float: left;
    height: 30px;
    margin-right: 10px;
    overflow: hidden;
    width: 30px;
}

.search_list_box .SearchDetails {
    float: left;
    margin-left: 5px;
}

/*CSS MENU*/

/*#An*/

/*#PanelAuditLog {
    cursor: pointer;
    position: absolute;
    right: 13px;
    top: 2px;
}*/

.tb-td-aln-cntr td:not(.firstcolumn) {
    text-align: left;
}

.tb-td-aln-cntr th {
    white-space: nowrap;
}

.Css_GridEnhanceView_Header th {
    padding: 5px 5px;
    text-align: left;
}

.Css_GridEnhanceView_RowStyle td {
    padding: 5px 5px;
}

/*#End An*/

.Style_EmployeeClockDetails > Div {
    height: 90vh;
    overflow: auto;
}

.mng_pos_desrel {
    width: 99.75%;
}

.FormatRadioButtonList label {
    margin-right: 5px;
    vertical-align: middle;
}

.style_TableHeader_carrer {
    font-weight: bold;
    line-height: 25px;
}

    .style_TableHeader_carrer table /*,.style_TableHeader>table td:first-child*/ {
        width: 100%;
    }

/******************Report Control header/Footer fix************/

.oasys-control-table-default > tbody {
    display: block;
    height: calc(100vh - 70px);
    overflow: auto;
}

.oasys-control-table-default {
    border-collapse: collapse;
    display: block;
}

    .oasys-control-table-default > td,
    .oasys-control-table-default > th,
    .oasys-control-table-default > tbody > tr > td,
    .oasys-control-table-default > tbody > tr > th {
        padding: 5px 10px 5px 10px;
    }

.oasys-control-table-default-long-td,
.oasys-control-column-dummy .oasys-control-table-dummy
.oasys-control-table-default-long-td {
    max-width: 400px;
    word-wrap: break-word;
    white-space: normal;
    min-width: 400px;
}

.oasys-control-header-dummy {
    display: none;
    position: absolute;
    top: 0px;
}

    .oasys-control-header-dummy .oasys-control-header-style th {
        padding: 5px 10px 5px 10px;
        text-align: center;
    }

.oasys-control-column-dummy .oasys-control-table-dummy > tr > th {
    text-align: center !important;
}

.oasys-control-pager-style {
    bottom: 0;
    height: 30px;
    left: 0;
    position: fixed;
    width: 100%;
}

    .oasys-control-pager-style > td {
        display: block;
    }

.oasys-control-table-default > tbody > tr.H td:first-child {
    /*border: none;*/
    font-weight: bold;
}

.oasys-control-table-default > tbody > tr.H td:not(:first-child) {
    border: none;
}

.oasys-control-table-default > tbody > tr.H td {
    /*border: none;*/
    font-weight: bold;
}

.oasys-control-table-default > tbody > tr.F td,
.oasys-control-table-default > tbody > tr.G td {
    border-width: 0 0 1px 0;
}

/******************End Report Control header/Footer fix************/

.style_TableHeader_carrer table td {
    padding: 3px;
    white-space: nowrap;
}

.style_TableHeader_carrer a:hover {
    text-decoration: none;
}

.style_TableHeader_carrer a:active {
    text-decoration: none;
}

#eDocsApprovalMatrix {
    margin: 5px;
}

#eDocsContentPaneWithApprovalMatrix {
    height: calc(100vh - 130px);
    overflow-y: auto;
    overflow-x: hidden;
}

.request_cancelation_grid {
    height: calc(100vh - 50px);
    overflow: auto;
}

.user_mob_tabs {
    padding-top: 5px;
    vertical-align: top;
}

/*grid view*/

#dv_FilterOptionPanel table {
    border-radius: 0;
    width: 100%;
}

#dv_FilterOptionPanel span {
    display: block;
    font-size: 15px;
    font-weight: bold;
    padding: 1px 3px 5px;
}

#dv_FilterOptionPanel .ContentPanel {
    border-radius: 5px;
    min-width: 230px;
    padding: 2px;
}

#dv_FilterOptionPanel {
    border-radius: 0;
    display: none;
    left: 0;
    padding: 5px;
    position: absolute;
    top: 0;
    min-width: 300px;
    max-width: 450px;
    max-height: 500px;
    overflow: auto;
}

.OASYSGrid .OASYSHeaderRow th {
    height: 25px;
}

.OASYSGrid tr.rowSelected td {
    padding: 2px 5px !important;
}

.OASYSGrid th {
    padding: 0 5px
}

#regionalOptions {
    border-radius: 5px;
    padding: 10px;
    position: absolute;
}

.external-ctrl-tb1 {
    width: 110px;
    display: inline-block;
}

.external-ctrl-tb2 {
    width: 225px;
    margin: 0 0 0 2px;
    display: inline-block;
}

.popupselector-cont #popUpSelectorDiv {
    padding: 0 !important;
    width: auto;
}

    .popupselector-cont #popUpSelectorDiv a {
        text-decoration: none;
    }

.popupselector-cont .popup-sel-cont .mbar-entity-search input[type=text] {
    height: 34px;
}

.OASYSGrid tr.OASYSHeaderRow a:hover {
    font-weight: 700;
    text-decoration: underline;
}

.OASYSGrid tr.OASYSHeaderRow a {
    font-weight: 700;
    text-decoration: none;
}

#id_ParameterContent {
    overflow: auto;
}

.OASYSGrid .textArea {
    height: 16px;
    margin: 2px;
    overflow: hidden;
    width: 99%;
}

.OASYSGrid .saveButton {
    margin-left: 15px;
}

.OASYSGrid .save-ex-action {
    background-image: none !important;
    margin-right: 5px;
}

.RowCommandContols .rc-cells {
    display: table-cell;
    vertical-align: top;
}

.RowCommandContols {
    display: table-row;
    width: 50px;
}

.OASYSGrid .addbutton,
.OASYSGrid .saveButton,
.OASYSGrid .save-ex-action {
    border: none;
    cursor: pointer;
    height: 16px;
    width: 16px;
}

.OASYSGrid .text,
.OASYSGrid .errNotify {
    margin: 1px;
    width: 99%;
}

.GridInfoMessage .btnClose {
    border: none;
    cursor: pointer;
    display: block;
    float: right;
    height: 14px;
    width: 14px;
}

.GridInfoMessage div {
    font-size: 12px;
    text-align: left;
}

.GridInfoMessage {
    bottom: 5px;
    display: none;
    margin: 0 5px;
    min-height: 40px;
    padding: 10px;
    position: fixed;
    right: 1px;
    width: 500px;
    z-index: 999999;
}

.OASYSGrid .ValidationSummary .ipButton {
    border-radius: 5px;
    cursor: pointer;
}

.OASYSGrid .ValidationSummary .btnClose:hover {
    background: 0 -16px;
}

.OASYSGrid .ValidationSummary .btnClose {
    border: none;
    cursor: pointer;
    display: block;
    float: right;
    height: 14px;
    width: 14px;
}

.OASYSGrid .ValidationSummary li {
    /*height: 16px;*/
    list-style-type: none;
    margin: 3px;
    padding-left: 20px;
}

.OASYSGrid .ValidationSummary ul {
    margin: 0;
    padding: 0;
}

.OASYSGrid .ValidationSummary {
    border-radius: 5px;
    display: none;
    left: 5px;
    margin-top: 3px;
    min-width: 100px;
    padding: 10px;
    position: absolute;
    top: 0;
}

.OASYSGrid textarea.editor {
    display: none;
    font-style: normal;
    font-variant: normal;
    height: 100px;
    left: 0;
    overflow: auto;
    padding: 2px;
    position: absolute;
    top: 0;
    width: 300px;
}

.OASYSGrid .pager-table-row .Second {
    white-space: nowrap;
    width: 100%;
}

.OASYSGrid .pager-table-row .First {
    padding-left: 10px;
    width: 20px;
}

.OASYSGrid .pager-table-row select {
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    min-width: 50px;
}

/* Filter Box  >>*/

.OASYSGrid .OASYSFilter .Filter_Close {
    border: none;
    cursor: pointer;
    display: block;
    float: right;
    height: 14px;
    width: 14px;
}

.OASYSGrid .OASYSFilter .Filter_Head {
    height: 18px;
    padding: 2px;
}

.OASYSGrid .OASYSFilter table {
    margin: 5px;
    width: 100%;
}

    .OASYSGrid .OASYSFilter table td {
        padding: 5px;
    }

.OASYSGrid .OASYSFilter a {
    font-weight: 700;
    margin-right: 3px;
    padding: 3px 10px;
    text-decoration: none;
}

.OASYSGrid .OASYSFilter {
    display: none;
    left: auto !important;
    position: absolute;
    top: 0;
    width: 450px;
    height: 150px;
}

/* Filter Box  <<*/

.OASYSGrid .row-pager-table tr,
.OASYSGrid .row-pager-table td {
    border: none;
}

.OASYSGrid .row-pager-table {
    border: none;
    border-collapse: collapse;
    font-size: 11px;
    margin: 0;
    width: 100%;
}

.OASYSGrid .row-pager span {
    padding: 0 3px;
}

.OASYSGrid .row-pager {
}

.OASYSGrid .row-pager-Fixed {
    bottom: 0;
    display: block;
    left: 0;
    position: fixed;
    right: 0; /*bottom: 0;*/
}

.OASYSGrid tr.OASYSDataEditRow {
    height: 23px;
}

.OASYSGrid tr.OASYSDataRow button.attachment {
    font-size: 10px;
    height: 16px;
    line-height: 15px;
    margin: 0 0 0 5px;
    width: 16px;
}

.OASYSGrid tr.altrow:hover .navButtons {
    visibility: visible;
}

.OASYSGrid tr.OASYSDataRow:hover .navButtons {
    visibility: visible;
}

.OASYSGrid tr.OASYSDataRow .navButtons img {
    cursor: pointer;
    margin-left: 10px;
}

.OASYSGrid tr .navButtons {
    text-align: center;
    visibility: hidden;
}

.OASYSGrid tr.altrow:hover,
.OASYSGrid tr.OASYSDataRow:hover {
    height: 23px;
}

.OASYSGrid tr.OASYSDataRow td table td {
    min-width: 5px;
    padding: 0;
}

.OASYSGrid > table > tbody > tr.OASYSDataRow > td:first-child {
    margin: 0;
    min-width: 50px;
    overflow: hidden;
    padding: 0;
    width: 50px !important;
}

.OASYSGrid tr.OASYSDataRow td {
    cursor: pointer;
    min-width: 75px;
    padding: 0 5px;
    padding-right: 5px;
}

.OASYSGrid tr.OASYSDataRow {
    height: 23px;
}

.OASYSGrid tr.OASYSHeaderRow {
    height: 20px;
}

.OASYSGrid tr.Selected .navButtons {
    visibility: visible;
}

.OASYSGrid tr.Selected {
    height: 25px;
}

.OASYSGrid-tbody {
    display: block;
    overflow: auto;
}

.OASYSGrid > table {
    display: block;
}

.dv-hd-fz {
    position: absolute;
    top: 0px;
    display: none;
    margin: 1px;
}

    .dv-hd-fz > table.tbl-hd-fz > tr > th {
        padding: 0 0.5px;
    }

/*grid view*/

.os_searchDiv {
    cursor: pointer;
    height: 50px;
    list-style: none;
    overflow: auto;
}

/*START TREEVIEW*/

.treeview-style {
    width: 100%;
}

    .treeview-style > tbody > tr > td:first-child {
        width: 20%;
    }

    .treeview-style > tbody > tr > td {
        vertical-align: top;
    }

    .treeview-style .FixedInputText {
        height: calc(100vh - 90px);
    }

    .treeview-style .oasys__tab_xp .ajax__tab_body {
        min-height: 300px;
    }

    .treeview-style input[type=text],
    .treeview-style select {
        height: 30px;
        width: 100%;
    }

.sel-tree-content .top-ctrl-panel > table > tbody > tr > td {
    padding: 5px;
    padding-left: 10px;
    text-align: left;
    vertical-align: middle;
}

.sel-tree-content .top-ctrl-panel input[type=text] {
    height: 30px;
    padding: 5px;
    width: 70%;
}

.sel-tree-content .datasheet {
    height: calc(100vh - 83px);
}

    .sel-tree-content .datasheet.without-header {
        height: calc(100vh - 44px);
    }

/*END TREEVIEW*/

.style_tabPageInCommonDeptSelectionTree {
    height: calc(100vh - 105px);
    overflow-x: hidden;
    margin-right: 3px;
}

.Style_Payroll_Settlements {
    height: calc(100vh - 132px);
    overflow: auto;
}

.z-inx-99997 {
    z-index: 99997 !important;
}

.TrainingDetails_content {
    height: calc(100vh - 10px);
    margin: 2px 5px 0 5px;
    overflow: auto;
}

.style_Kiosk_HeaderText_area {
    font-weight: bold;
    padding: 5px;
}

.tab-border td {
    text-align: center;
}

.style_tabPageInCommonEmployeeSelectionTree {
    height: calc(100vh - 112px);
}

.half-scroll {
    overflow: auto;
    width: calc(50vw - 150px);
}

.unq-200 {
    height: calc(100vh - 80px);
}

.style_PeapTemplateTableHeader input {
    margin-top: 2px;
}

.fav-menu-msg {
    margin: 10px;
    padding: 10px;
    text-align: center;
}

.bonuscalculation_grid {
    height: calc(100vh - 400px);
    overflow: auto;
}

.pro_nat_msg {
    font-weight: bold;
}

.pro_nat_footer {
    padding-bottom: 8px;
    text-align: center;
}

.style_pro_nat_body {
    padding: 10px 10px 30px;
}

.support_msg {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.intface_mgr_grid {
    height: calc(100vh - 82px);
    overflow: auto;
    padding: 2px 5px;
}

.chk-list-rpt .OASYS-check-box-list-control .action-item-panel table {
    display: inline-table !important;
    width: 100% !important;
}

.chk-list-rpt .OASYS-check-box-list-control .action-header-panel .selected {
    float: left;
}

.chk-list-rpt .OASYS-check-box-list-control .action-item-panel label {
    padding-left: 5px;
}

#eDocsContentPaneWithApprovalMatrix .Trn_cos_grid {
    height: calc(100vh - 205px);
}

#eDocsContentPaneWithApprovalMatrix .hig-calc-206px {
    height: calc(100vh - 206px);
    overflow: auto;
}

#eDocsContentPaneWithApprovalMatrix .o-report-viewer {
    max-height: calc(100vh - 250px);
    overflow: auto;
}

#eDocsContentPaneWithApprovalMatrix .att-crctn-rqst > div > table > tbody > tr > th:nth-child(1), #eDocsContentPaneWithApprovalMatrix .att-crctn-rqst > div > table > tbody > tr > th:nth-child(2), #eDocsContentPaneWithApprovalMatrix .att-crctn-rqst > div > table > tbody > tr > th:nth-child(3),
#eDocsContentPaneWithApprovalMatrix .att-crctn-rqst > div > table > tbody > tr > td:nth-child(1), #eDocsContentPaneWithApprovalMatrix .att-crctn-rqst > div > table > tbody > tr > td:nth-child(2), #eDocsContentPaneWithApprovalMatrix .att-crctn-rqst > div > table > tbody > tr > td:nth-child(3) {
    display: none !important;
}

/****************  EDOCS Print ********************/
@media print {
    #ctl00_cphContent_uc_CertificateRequest_pnlRequest .select-list-1 {
        border: 1px solid #d9e2eb !important;
        box-shadow: none !important;
    }

    .variable-deduction-print > div > table {
        width: auto;
        overflow: visible;
    }

    .loan-reqst-calndr > div > table {
        width: auto;
        overflow: visible;
    }

    @page {
        size: auto !important;
    }

    .certificate-request-print.select-list-1 {
        border: 1px solid #d9e2eb !important;
        box-shadow: none !important;
    }

    .certificate-request-print .text-area-2 {
        border: 1px solid #d9e2eb !important;
        box-shadow: none !important;
    }

    .certificate-request-print .text-input-3 {
        border: 1px solid #d9e2eb !important;
        box-shadow: none !important;
    }

    .topoff-scroll td, .topoff-scroll th, .topoff-scroll span, .topoff-scroll label, .topoff-scroll div {
        font-size: large;
    }

    .topoff-scroll .Grid_View_Tab td, .topoff-scroll .Grid_View_Tab th, .Grid_View_Tab td span, .Grid_View_Tab td div {
        font-size: unset !important;
    }

    .ApplicationToolBar .style_toolbar .style_toolbaritem input[type="text"] {
        width: 100px !important;
    }

    .style_toolbar {
        display: none;
    }

    #topMenu,
    #topMenuWithStatusbar {
        border-bottom: none;
        padding-bottom: 10px;
        padding-top: 10px;
    }

        #topMenu table td {
            padding-right: 10px;
        }

    .style_toolbaritem.table-full-width > span {
        padding-right: 10px;
    }

    .style_toolbaritem.table-full-width > input {
        padding-right: 10px;
    }

    .dv-tb-cont {
        display: none;
    }

    .elementBorder_Div, .defa-box-border {
        margin: 0;
    }

    #dv_eDocs_LeaveDetails > div {
        margin-bottom: 20px;
        margin-right: 15px;
    }

    .v-mid {
        display: block;
    }

    .wid-40per {
        margin-top: 30px;
        width: 10%;
    }

    /*************/

    .style_edocs_Section_Border {
        /*margin-left: 20px;
        width: 400px !important;*/
    }

    .wid-48per {
        width: 100% !important;
    }

    .Grid_View_Tab {
        width: 100% !important;
    }

    .table-full-width td {
        border: none;
    }

    .emp-header-tab .head-down-btn {
        display: none;
    }

    .dis-block-imp {
        display: none !important;
    }

    .style_toolbaritem > a {
        display: none;
    }

    #table9 input {
        display: none;
    }

    .style_deFormCaption {
        white-space: nowrap;
    }

    .f-left {
        margin-top: 20px;
    }

    .text-cen {
        text-align: left !important;
    }

    /***************2-7-2016***********************************/
    /*For inbox training request*/
    #eDocsContentPaneWithApprovalMatrix {
        height: auto !important;
    }

    .hig-scrl-160px {
        height: auto !important;
    }

    .hig-calc-132px {
        height: auto !important;
    }
    /*For inbox training request*/

    /*Accomodation Change Request*/
    .page-scroll {
        height: auto !important;
    }
    /*Accomodation Change Request*/
    /***************2-7-2016***********************************/

    /***************4-12-2016***********************************/
    /*Overtime Request*/
    .Trn_cos_grid {
        height: auto !important;
    }
    /*Overtime Request*/
    /***************4-12-2016***********************************/

    #eDocsContentPaneWithApprovalMatrix .lve-body {
        max-height: calc(100vh - 100%) !important;
    }

    #eDocsContentPaneWithApprovalMatrix .cash-advnc {
        max-height: calc(100vh - 100%) !important;
    }

    .exp-req-grid {
        height: auto;
    }

    .emp-his-table {
        height: auto;
        max-height: none !important;
        width: auto;
        overflow: hidden !important;
    }

    .emp-his-print {
        page-break-before: avoid;
        width: 100%;
        height: 100%;
        /*-webkit-transform: rotate(0deg) scale(.9.5,.8);
        -moz-transform: rotate(0deg) scale(.9.5,.8);
        -ms-transform: rotate(0deg) scale(.9.5,.8);
        transform: rotate(0deg) scale(.9.5,.8);*/
        zoom: 80%;
    }

    .task-attachment {
        display: none;
    }

    .doc-widrwl-border .CaptionText {
        border: none !important;
    }

    .print-textarea {
        height: 100% !important;
        resize: none;
        border: none !important;
        overflow: visible !important;
        display: block !important;
        page-break-inside: avoid !important;
    }

    .srvy-valing-top {
        vertical-align: top
    }

    .srvy-padd-tb-5 {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .lve-print-lft {
        float: left;
        width: 50% !important;
    }

    .lve-print-rght {
        float: right;
        width: 50% !important;
    }

    .exps-clm-print input[type="text"],
    .exps-clm-print textarea {
        border: none !important;
    }

    .exps-dtl-print {
        height: auto !important;
    }

    .exps-print-top-5px {
        margin-top: 5px !important;
    }

    .levdetail-l-print {
        width: 100% !important;
        float: left;
    }

    .grid-tbl-child .grid-scrl-ctr tr > td {
        white-space: normal;
        vertical-align: top;
    }

    .grid-tbl-child .grid-scrl-ctr {
        max-height: none !important;
    }

    .height-auto-imp-print {
        height: auto !important;
    }

    /*Employee History*/

    .two-col-flex-outer {
        height: auto !important;
    }

    .timeline-container {
        height: auto !important;
        max-height: unset !important;
    }

    .first-col,
    .frame-header {
        display: none;
    }

    .second-col {
        border: none !important;
    }

    .divBlock .style_TableHeader {
        padding: 15px !important;
        background-color: #d3d3d3 !important;
        border: 1px solid #d3d3d3 !important;
    }

        .divBlock .style_TableHeader .emp-his-arrow,
        .divBlock .style_TableHeader .emp-his-expand {
            display: none;
        }

    .divBlock .emp-his-label {
        font-size: 30px !important;
    }

    .divBlock .emp-his-table table th {
        background-color: #eee !important;
    }

    .divBlock {
        margin-bottom: 30px !important;
        page-break-after: always;
    }

    .emp-his-print .divBlock:last-child {
        page-break-after: avoid;
    }

    .print-disp-none {
        display: none;
    }

    .manning-postion .Grid_View_Tab .fa {
        display: none;
    }

    .fc-left,
    .fc-right {
        display: none;
    }
    /*Process Request Details popup*/
    .process-request-details {
        width: 70% !important;
    }

    .process-request-header-panel {
        background: #eee !important;
    }

    .process-request-scroll,
    .recruitment-popup {
        overflow: visible !important;
        height: auto !important;
    }

    .process-request > table > tbody > tr > td > span {
        background: #eee !important;
    }

    #topMenu, .ApplicationToolBar {
        display: none !important;
    }

    #eDocsContentPaneWithApprovalMatrix .manning-postion {
        overflow: visible !important;
        height: auto !important;
    }

    .page-scroll-lesshour {
        height: auto !important;
    }

    .page-scroll-lesshour {
        height: auto !important;
    }

    #ctl00_cphContent_uc_VariablesEntry1_upMain .table-responsive {
        overflow: hidden;
    }

    #ctl00_cphContent_uc_AccrualRequest1_upMain .table-responsive {
        overflow: hidden;
    }

    #ctl00_cphContent_uc_Overtime1_upMain .table-responsive {
        overflow: hidden;
    }

    #ctl00_cphApprovalMatrix_uc_Approvals1_upApprovals .oasys-page-contents {
        margin: 5px 0px !important;
    }

        #ctl00_cphApprovalMatrix_uc_Approvals1_upApprovals .oasys-page-contents .os-table-style {
            padding: 0px !important;
        }

    #ctl00_cphApprovalMatrix_uc_Approvals1_upApprovals .approval_matrix_cont {
        padding-left: 0px !important;
    }

    .subMenu {
        margin: 5px 0 5px 0 !important;
    }

    .oasys-page-contents {
        border: solid 1px #ddd;
    }

        .oasys-page-contents #TableOptions .print-textarea {
            overflow: visible !important;
            height: auto !important;
        }

    /*Extra Hour Request print*/
    .page-scroll-lesshour .gird-custom {
        padding: 0px;
        margin-top: 15px;
    }

    .gird-custom > div > table > tbody > tr > th:nth-child(1),
    .gird-custom > div > table > tbody > tr > th:nth-child(2),
    .gird-custom > div > table > tbody > tr > td:nth-child(1),
    .gird-custom > div > table > tbody > tr > td:nth-child(2) {
        display: none !important;
    }

    .aprval-matrix-table > tbody > tr > td > div > table > tbody > tr > th:last-of-type,
    .aprval-matrix-table > tbody > tr > td > div > table > tbody > tr > td:last-of-type {
        display: none !important;
    }

    .cash-advnc .hig-scrl-160px {
        height: auto !important;
    }

    /*Recruitment Request*/
    .recruit-request .hig-calc-37px {
        height: auto !important;
    }

    .bulk-increment-form > div > table > tbody > tr > th:nth-child(1),
    .bulk-increment-form > div > table > tbody > tr > th:nth-child(2),
    .bulk-increment-form > div > table > tbody > tr > td:nth-child(1),
    .bulk-increment-form > div > table > tbody > tr > td:nth-child(2) {
        display: none !important;
    }

    .variable-deduction-print > div > table > tbody > tr > th:nth-child(1),
    .variable-deduction-print > div > table > tbody > tr > td:nth-child(1) {
        display: none !important;
    }

    .MDTRTravel-Request-print > div > table > tbody > tr > th:nth-child(1),
    .MDTRTravel-Request-print > div > table > tbody > tr > th:nth-child(2),
    .MDTRTravel-Request-print > div > table > tbody > tr > td:nth-child(1),
    .MDTRTravel-Request-print > div > table > tbody > tr > td:nth-child(2) {
        display: none !important;
    }

    /* Manning/Position Addition Request */
    .man-pos-add-req-print table tbody tr th:nth-last-child(4),
    .man-pos-add-req-print table tbody tr td:nth-last-child(4) {
        display: none;
    }

    /* Document Withdrawal */

    .print-padavoid-0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .duty-resumeprint .hor-fld-row {
        border-bottom: 1px solid #ddd;
        margin-left: 10px;
        margin-right: 10px;
    }

    .o-report-viewer > table > tbody > tr:nth-of-type(3) {
        display: none;
    }

    .business-card-request label {
        font-weight: bold !important;
        color: #000 !important;
        display: block !important;
    }

    .business-card-request span {
        font-weight: normal !important;
        color: #000 !important;
        display: block !important;
    }

    .business-card-request .col-sm-2 {
        float: none !important;
    }

    .busi-flt-lft {
        white-space: nowrap;
        float: left;
        width: 32%;
    }

    /* For common class for print */

    .printstyle-marg-0 {
        margin: 0px !important;
    }

    .printstyle-pad-0 {
        padding: 0px !important;
    }

    .printstyle-pad-bot-15 {
        padding-bottom: 15px !important;
    }

    .printstyle-height-auto {
        height: auto !important;
    }

    .printstyle-minheight-auto {
        min-height: auto !important;
    }

    .head-captn-container span {
        font-size: 20px !important;
    }

        .head-captn-container span i {
            font-size: 14px !important;
        }

    .print-wht-spc-norml {
        white-space: normal !important;
    }

    /* For common class for print */

    .emp-his-table table thead tr th {
        position: unset !important;
    }

    .empl-pro-wid > div > img {
        width: 30px;
    }

    .for-l-print {
        width: 100% !important;
    }

    .for-r-print {
        width: 100% !important;
    }

        .for-r-print .mrg-adjust-1 {
            margin-left: unset;
        }

    .printstyle-pad-0 select {
        -webkit-appearance: none;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
    }

    .blk-incrmt-botm .all-td-nowrap > div > div > table > tbody > tr > th:nth-child(1),
    .blk-incrmt-botm .all-td-nowrap > div > div > table > tbody > tr > th:nth-child(2),
    .blk-incrmt-botm .all-td-nowrap > div > div > table > tbody > tr > td:nth-child(1),
    .blk-incrmt-botm .all-td-nowrap > div > div > table > tbody > tr > td:nth-child(2) {
        display: none !important;
    }

    .accomodation-change-request-safari .col-sm-6 {
        float: none !important;
        width: 100% !important;
    }

    .accomodation-change-request-safari .select-list-1 {
        -webkit-appearance: none !important;
        -moz-border-radius: 0px !important;
        -webkit-border-radius: 0px !important;
        border-radius: 0px !important;
    }

    .empl-pro-wid {
        width: auto !important;
        height: 30px;
    }

    /*Position Additoion request print*/

    #eDocsContentPaneWithApprovalMatrix .ovr-flw-hid-1,
    #eDocsContentPaneWithApprovalMatrix .ovr-flw-hid-1 table > tbody,
    #eDocsContentPaneWithApprovalMatrix .page-scroll {
        height: auto !important;
    }

    .mann-posi-grid > div > div > div {
        padding-right: 10px;
    }

        .mann-posi-grid > div > div > div > table > tbody > tr > th:nth-child(1),
        .mann-posi-grid > div > div > div > table > tbody > tr > td:nth-child(1),
        .mann-posi-grid > div > div > div > table > tbody > tr > th:nth-last-child(2),
        .mann-posi-grid > div > div > div > table > tbody > tr > td:nth-last-child(2),
        .mann-posi-grid > div > div > div > table > tbody > tr > th:nth-last-child(3),
        .mann-posi-grid > div > div > div > table > tbody > tr > td:nth-last-child(3) {
            display: none !important;
        }

        .mann-posi-grid > div > div > div > table > tbody > tr > th,
        .mann-posi-grid > div > div > div > table > tbody > tr > td {
            border-right: 1px solid #ddd;
        }

    .topoff-scroll #eDocsContentPaneWithApprovalMatrix .hig-scrl-300px {
        height: auto !important;
    }

    .for-safari-print .col-sm-6 {
        float: none !important;
        width: 100% !important;
    }

    .Trn_cos_grid > div > div > table > tbody > tr > th:nth-child(1), .Trn_cos_grid > div > div > table > tbody > tr > td:nth-child(1) {
        display: none !important;
    }

    /*Overtime/Attendance Request*/
    /*.for-print-ovrtm-rqst .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }*/

    .for-print-ovrtm-rqst input[type="text"], input, textarea {
        border: none !important;
    }

    .for-print-ovrtm-rqst textarea {
        border: none !important;
    }

    .for-print-ovrtm-rqst input[type="image"] {
        display: none !important;
    }
    /*Overtime/Attendance Request*/

    /* calendar button hide*/
    .calendar-btn {
        display: none
    }
    /* calendar button hide*/

    .style_headerline1 {
        padding-left: 0px !important;
    }

    .emp-header-tab .img-border-Employee {
        margin-right: 0px;
    }

    .recrt-print-top15 {
        margin-top: 15px;
    }

    #eDocsContentPaneWithApprovalMatrix .o-report-viewer {
        overflow: visible !important;
        max-height: unset !important
    }

    .change-ofstatus-print {
        margin-top: 20px;
    }

    .bulk-increment-print-top-20 {
        margin-top: 20px;
    }

    .safari-select {
        -webkit-appearance: none !important;
        -moz-border-radius: 0px !important;
        -webkit-border-radius: 0px !important;
        border-radius: 0px !important;
        border: none !important;
    }

    .print-mar-top-20-imp {
        margin-top: 20px !important;
    }

    .main-cnt-frm input[type='image'] {
        display: none;
    }

    .remove-printscroll {
        overflow: visible !important;
    }

    .topoff-scroll #eDocsContentPaneWithApprovalMatrix .hig-scrl-300px {
        overflow: visible !important;
    }

    .style_table_bgFill .grid-scrl-ctr {
        max-height: unset !important;
    }

    .change-status-print {
        width: 100% !important;
    }

    .print-page-rtl {
        direction: rtl;
    }

    .consolidation-print-div .print-table-row {
        display: table-row !important;
    }

    .consolidation-print-div .print-mar-tp-300px {
        margin-top: 300px;
    }

    .consolidation-print-div .unq-138 {
        overflow: visible !important;
        height: auto !important;
    }

    .asset-release-print > div > table > tbody > tr > th:nth-child(1),
    .asset-release-print > div > table > tbody > tr > td:nth-child(1) {
        display: none !important;
    }

    .asset-release-print > div > table td input[type="text"],
    .asset-custody-print > div > table td input[type="text"] {
        border: none !important;
    }

    .asset-custody-print > div > table > tbody > tr > th:nth-child(1),
    .asset-custody-print > div > table > tbody > tr > td:nth-child(1) {
        display: none !important;
    }

    .jobreq-print .container-fluid {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .head-captn-container .style_headerline1 {
        font-weight: bold;
    }

    .grid-scrl-ctr > div > table > tbody > tr > th {
        font-weight: bold;
    }

    .emp-his-table > table > thead > tr > th, .emp-his-table > table > tbody > tr > td {
        font-weight: bold;
    }

    /* col-6 */

    .pr-flx-frm .pr-flx-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .aprvl-mtx-tbl-print > tbody > tr > th {
        color: #000;
        font-weight: bold;
    }

    /* col-2 */

    .pr-flx-lg-frm .pr-flx-lg-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    /* col-lg-6 */

    .pr-flx-lg-frm .pr-flx-lg-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    /* print-col-12 */

    .pr-flx-lg-frm .print-col-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    input[type="text"]:disabled,
    select:disabled, textarea:disabled {
        overflow: visible !important;
        border: none !important;
        box-shadow: none !important;
    }

    .tab-tr1-header > tbody > tr > td {
        color: black !important;
    }

    .duty-resume-table > tbody > tr > td > label {
        color: black !important;
    }

    .jobreq-editor .ajax__html_editor_extender_buttoncontainer {
        display: none;
    }

    #ctl00_ContentPlaceHolder1_uc_TaskContents1_dlTaskContent_ctl00_uc_PMControl_lblCaption,
    #ctl00_ContentPlaceHolder1_uc_TaskContents1_dlTaskContent_ctl01_uc_PMControl_lblCaption,
    #ctl00_ContentPlaceHolder1_uc_TaskContents1_dlTaskContent_ctl02_uc_PMControl_lblCaption {
        color: #000 !important;
    }

    .air-ticket-details .checkbox-mandatory label {
        color: #000 !important;
    }

    #ctl00_ContentPlaceHolder1_uc_TaskContents1_dlTaskContent_ctl00_uc_PMControl_checkBox,
    #ctl00_ContentPlaceHolder1_uc_TaskContents1_dlTaskContent_ctl01_uc_PMControl_checkBox {
        vertical-align: sub;
        font-weight: bold;
    }

    .tr-cal-right-block {
        height: auto !important;
    }

    .kiosk-process-flow-print {
        overflow: visible !important;
    }

        .kiosk-process-flow-print .style_History_BlockHead span {
            width: auto !important;
        }

        .kiosk-process-flow-print .style_History_BlockHead {
            padding: 5px !important;
        }

        .kiosk-process-flow-print > div > table > tbody > tr {
            display: grid !important;
        }

    .trtableprint .wrkflwprint > tbody > tr > td {
        display: table !important;
        float: left !important;
        margin-bottom: 7px !important;
    }

    .kiosk-process-flow-print .glow_green {
        display: none !important;
    }

    .trgt-sgrmnt-grid tr th {
        padding: 0px !important;
    }

    .trgt-sgrmnt-grid tr td {
        padding: 6px !important;
    }

    /*.print-page-break-1 {
        min-height: 95vh;
        display: block;
        page-break-after: always;
        page-break-inside: avoid;
        page-break-before: avoid;
    }

    #divPrintContainer {
        height: 80vh;
        display: block;
        page-break-after: always;
        page-break-inside: avoid;
        page-break-before: avoid;
    }*/

    #ctl00_ContentPlaceHolder1_Uc_PerformanceEvaluation1_upMenu {
        page-break-after: always;
        page-break-inside: avoid;
        page-break-before: avoid;
    }

    #divPrintContainer .style_PeapHeaderBlock .process-flow-print {
        page-break-after: always;
        page-break-inside: avoid;
        page-break-before: avoid;
    }

    .print-page-break-1 {
        height: 128vh;
        page-break-before: always;
    }

    #ctl00_ContentPlaceHolder1_uc_DevelopmentPlan1_dlDevelopmentPlan input[type="image"] {
        display: none;
    }

    .td-ratingname {
        white-space: initial !important;
    }

    .peapcmnttxtarea {
        border: none !important;
        height: auto !important;
    }

    .ibdef-print {
        overflow: visible !important;
        max-height: none !important;
        font-weight: normal !important;
    }

    .style_PeapGroupTableHeader span {
        color: grey !important;
    }

    .form-box-head span {
        font-size: 15px !important
    }

    .process-flow-print > table > tbody > tr > td, .process-flow-print .border-color-ddd {
        border: none;
    }

    .process-flow-print .pad-10px {
        padding: 0px;
    }

    .process-flow-print .eRecBody {
        border: none;
        margin: 30px 0 0 0 !important;
    }

        .process-flow-print .eRecBody textarea {
            width: 99%;
        }

        .process-flow-print .eRecBody th, .process-flow-print .eRecBody td {
            border: none !important;
        }

    .process-flow-print .style_PeapHeaderSubBlock {
        border: none !important;
        margin-bottom: 30px;
    }

    .process-flow-print .table-split-print {
        border: 1px solid #ededed;
        margin-bottom: 10px;
        display: block;
        padding: 5px 6px;
        display: table-row;
    }

    .style_PeapHeaderSubBlock {
        border: none !important;
    }

    /* .process-flow-print .os-table-style th, .process-flow-print .os-table-style td {
        border: none !important;
    }*/

    .process-flow-print .tbl-lyot-fxd > tr > td, .process-flow-print .style_deTable > tbody > tr > td {
        border: none;
    }

    .process-flow-print .tbl-lyot-fxd > tbody > tr > td {
        border: none;
    }

        .process-flow-print .tbl-lyot-fxd > tbody > tr > td .kiosk-process-flow-print td {
            border: none;
        }

        .process-flow-print .tbl-lyot-fxd > tbody > tr > td .process-flow-print > table > tbody > tr > td:first-of-type {
            line-height: 30px;
            vertical-align: top;
        }

    .process-flow-print > tbody > tr > td {
        vertical-align: top;
        padding: 10px;
    }

    .trgt-sgrmnt-grid .financial-farget .td-print-pad {
        border: none;
    }

    .trgt-sgrmnt-grid .financial-farget tr th {
        border-bottom: none !important;
    }

    .trgt-sgrmnt-grid .financial-farget tr td, .trgt-sgrmnt-grid .financial-farget tr th {
        vertical-align: top;
        padding: 10px;
    }

    .trgt-sgrmnt-grid .financial-farget > tbody > tr:first-of-type, .trgt-sgrmnt-grid .financial-farget > tbody > tr:nth-child(3) {
        display: none;
    }

    .style_History_Curr {
        color: #F60 !important;
    }

    #eDocsContentPaneWithApprovalMatrix .final-clear-in-table > table > tbody > tr > td {
        border: none !important;
    }

    .print-table-border td {
        border: 1px solid #ddd;
    }

    .topoff-scroll .style_ealertselection {
        height: auto !important;
    }

    .itriskcontrol-pop .style_ealertselection {
        height: auto !important;
    }

    tr, img {
        page-break-inside: unset !important;
    }

    .topoff-scroll #eDocsContentPaneWithApprovalMatrix .style_ealertselection {
        height: auto !important;
        overflow: visible !important;
    }

    .topoff-scroll #eDocsContentPaneWithApprovalMatrix {
        height: auto !important;
        overflow: visible !important;
    }

    #eDocsContentPaneWithApprovalMatrix {
        height: auto !important;
        overflow: visible !important;
    }

    .loan-reqst-calndr .Grid_View_Tab td:first-of-type,
    .loan-reqst-calndr .Grid_View_Tab th:first-of-type {
        display: none;
    }

    .loan-reqst-calndr {
        margin-left: 10px;
        margin-right: 10px;
    }

        .loan-reqst-calndr + .container-fluid .table-box-frame.form-box-frame {
            display: none;
        }

    .table-responsive.mar-0-5.v-e-r-grid.Trn_cos_grid {
        padding-right: 15px;
    }

    .kiosk-process-flow table {
        transform: scale(0.8) !important;
        transform-origin: top left !important;
    }

    .financial-farget .target-objective {
        width: auto !important;
    }

    .financial-farget .wid-142px {
        width: auto !important;
    }

    .kiosk-process-flow table th, .kiosk-process-flow table td {
        font-size: 12px !important;
    }

    #ctl00_cphContent_uc_TimeSheetRequest_UpContent .datasheet {
        height: auto !important;
    }

    #eDocsContentPaneWithApprovalMatrix .non-head-page-scroll {
        height: auto !important;
    }

    @media (orientation: portrait) {
        .job-requistion-print label, .job-requistion-print span {
            font-size: 14px !important;
        }
    }

    @media (orientation: landscape) {
        .job-requistion-print label, .job-requistion-print span {
            font-size: 14px !important;
        }
    }

    .psonlrqsn-dt {
        position: absolute !important;
        right: 0px !important;
        left: auto !important;
        top: 50px !important;
    }

    .birth-cele-request, .vipamenity-order-grid {
        height: auto !important;
    }

    .mic-change-rqs-grid-print table {
        transform: scale(0.7) !important;
        margin: 0 0 0 -15%;
    }

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

    .edu-assis-rqst {
        height: auto !important;
    }

        .edu-assis-rqst table {
            transform: scale(0.8) !important;
            margin: 0 0 0 -15%;
        }

    .topoff-scroll .job-req-adv, .job-req-adv {
        overflow: visible !important;
        height: auto !important;
    }

    .print-pl-10px {
        padding-left: 10px;
    }
}

/*Print bootsrap normalize only col-sm not(col-md,col-xs if you want write extra)*/

@media print {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }
}

/*Print bootsrap normalize only col-sm not(col-md,col-xs if you want write extra)*/

/*************** A3 L ******************/

@media print and (min-width: 842px) and (max-width: 1190px) {
    .ApplicationToolBar .style_toolbar .style_toolbaritem input[type="text"] {
        width: 300px !important;
    }

    .style_toolbar {
        display: none;
    }

    #topMenu, #topMenuWithStatusbar {
        border-bottom: none;
        padding-bottom: 10px;
        padding-top: 10px;
    }

        #topMenu table td {
            padding-right: 10px;
        }

    .style_toolbaritem.table-full-width > span {
        padding-right: 10px;
    }

    .style_toolbaritem.table-full-width > input {
        padding-right: 10px;
    }

    .grid-view-tab {
        width: 100%;
        margin-bottom: 25px;
        margin-top: 38px;
        border: 1px solid #9cbec0;
    }

    .dv-tb-cont {
        display: none;
    }

    .elementBorder_Div, .defa-box-border {
        margin: 0;
    }

    #dv_eDocs_LeaveDetails > div {
        margin-bottom: 20px;
        margin-right: 15px;
    }

    .v-mid {
        display: block;
    }

    .wid-40per {
        margin-top: 30px;
        width: 10%;
    }

    /*************/

    .style_edocs_Section_Border {
        /*margin-left: 0 !important;
        width: 650px !important;*/
    }

    .print-textarea {
        height: 100% !important;
        resize: none;
        border: none !important;
        overflow: visible !important;
        display: block !important;
        page-break-inside: avoid !important;
        white-space: pre !important;
        white-space: pre-wrap !important;
    }

    .srvy-valing-top {
        vertical-align: top
    }

    .srvy-padd-tb-5 {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .lve-print-lft {
        float: left;
        width: 50% !important;
    }

    .lve-print-rght {
        float: right;
        width: 50% !important;
    }

    .exps-clm-print input[type="text"],
    .exps-clm-print textarea {
        border: none !important;
    }

    .exps-dtl-print {
        height: auto !important;
    }

    .exps-print-top-5px {
        margin-top: 5px !important;
    }
}

/*************** A4 L ******************/
@media print and (min-width: 595px) and (max-width: 842px) {
    .ApplicationToolBar .style_toolbar .style_toolbaritem input[type="text"] {
        width: 250px !important;
    }

    .style_toolbar {
        display: none;
    }

    #topMenu, #topMenuWithStatusbar {
        border-bottom: none;
        padding-bottom: 10px;
        padding-top: 10px;
    }

        #topMenu table td {
            padding-right: 10px;
        }

    .style_toolbaritem.table-full-width > span {
        padding-right: 10px;
    }

    .style_toolbaritem.table-full-width > input {
        padding-right: 10px;
    }

    .dv-tb-cont {
        display: none;
    }

    .elementBorder_Div, .defa-box-border {
        margin: 0;
    }

    #dv_eDocs_LeaveDetails > div {
        margin-right: 15px;
    }

    .v-mid {
        display: block;
    }

    .wid-40per {
        margin-top: 30px;
        width: 10%;
    }

    /*************/

    .style_edocs_Section_Border {
        /*margin-left: 0 !important;
        width: 450px !important;*/
    }

    /***************28-6-2016***********************************/

    .for-l-print {
        width: 100% !important;
        float: left;
    }

    .for-r-print {
        width: 100% !important;
        float: right;
    }

    /***************28-6-2016***********************************/
    .print-textarea {
        height: 100% !important;
        resize: none;
        border: none !important;
        overflow: visible !important;
        display: block !important;
        page-break-inside: avoid !important;
        white-space: pre !important;
        white-space: pre-wrap !important;
    }

    .srvy-valing-top {
        vertical-align: top
    }

    .srvy-padd-tb-5 {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .lve-print-lft {
        float: left;
        width: 50% !important;
    }

    .lve-print-rght {
        float: right;
        width: 50% !important;
    }

    .exps-clm-print input[type="text"],
    .exps-clm-print textarea {
        border: none !important;
    }

    .exps-dtl-print {
        height: auto !important;
    }

    .exps-print-top-5px {
        margin-top: 5px !important;
    }
}

/*************** Test ******************/

.overtm_Attend_editctrl {
    padding-left: 12px !important;
    width: 150px;
}

.overtm_Attend_editctrl_type {
    padding-left: 9px;
    width: 155px;
}

.submit_button_bar {
    margin: 5px 0 0 3px;
}

.roster_shift_panel {
    margin: 5px 15px 5px 5px;
}

.Trn_Sch_grid {
    height: calc(100vh - 35px);
    overflow: auto;
}

/**********************************Rdlc toolbar fix******************************/

#rdl_toolbar_dummy {
    position: absolute;
    top: 30px;
    width: 100%;
    z-index: 10;
}

/**********************************End Rdlc toolbar fix******************************/

.dv-Panel {
    height: calc(100vh - 210px);
    overflow: auto;
    margin: 2px 5px;
}

.per-bar {
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 20px;
    left: 50%;
    position: absolute;
    top: 40%;
    width: 150px;
    z-index: 9999;
}

/*Short leave responsive*/

.sl-in-panel {
    padding: 5px 0;
}

.sl-in-put {
    width: 100%;
}

.sl-in-put-90 {
    width: 90%;
}

.sl-in-tex-area {
    width: 100%;
}

.val-rqrd {
    position: relative;
    white-space: nowrap;
}

@media (min-width: 641px) and (max-width: 980px) {
    .sl-in-put-90 {
        width: 98%;
    }
}

@media (min-width: 481px) and (max-width: 640px) {
    .sl-in-put-90 {
        width: 97%;
    }
}

@media (min-width: 321px) and (max-width: 480px) {
    .sl-in-put-90 {
        width: 95%;
    }
}

/*Short leave responsive--ends*/

.update_Av_link {
    font-weight: bold;
    padding: 3px;
}

.Profile-apr-panel_mod_close {
    bottom: 0;
    margin: 0 auto;
    position: absolute;
    width: 97%;
}

.vac_pros_rptvw {
    height: calc(100vh - 40px);
    overflow: auto;
}

.kisk_bday {
    height: calc(100vh - 40px);
    overflow: auto;
}

.kisk_payslip {
    height: calc(100vh - 5px);
    overflow: auto;
}

.oppr_sel_tree {
    height: calc(100vh - 30px);
    overflow: auto;
}

/************ ARABIC **********************************************************************/

.right-To-left #app-header .pull-left {
    float: right;
}

.right-To-left * {
    direction: rtl;
}

.right-To-left #app-header .pull-right {
    float: left;
    position: static;
}

    .right-To-left #app-header .pull-right .nav > li {
        float: right;
    }

.right-To-left #app-header .pull-left .nav > li {
    float: right;
}

.right-To-left #app_MenuContainer {
    right: 0 !important;
    left: auto;
}

    .right-To-left #app_MenuContainer .menu-icon {
        left: 10px;
        position: absolute;
    }

.right-To-left .app-menu {
    right: 0;
    width: 370px;
}

.right-To-left #sp_home {
    float: right !important;
    padding-left: 5px;
}

.right-To-left .oasys-icon-left-open.collapse-sub-btn {
    float: left !important;
}

.right-To-left #app-tb-nav .collapse-sub-btn {
    -moz-transform: scale(-1);
    -ms-transform: scale(-1);
    -o-transform: scale(-1);
    -webkit-transform: scale(-1);
    transform: scale(-1);
}

.right-To-left #kiosker #mastertab .nav-Menul {
    float: right;
}

.right-To-left .css-menu-compact ul ul {
    left: -258px;
    text-align: right;
}

.right-To-left .user-settings li a i {
    display: inline-block;
}

.right-To-left .dv-abs-panel {
    right: 37px;
}

.right-To-left .user-settings, .user-fav {
    right: -160px;
    text-align: right;
}

    .right-To-left .user-settings .top-arrow {
        right: 167px;
    }

    .right-To-left .user-settings li a span {
        padding-right: 12px;
    }

.right-To-left .Fav_Menu_Panel {
    /*right: -277px;*/
    left: 0px;
    text-align: right;
}

.right-to-left .command {
    float: right;
}

.right-To-left .contex-menu {
    right: -169px;
    text-align: right;
    top: 39px;
}

.right-To-left #dv-context-menu_navhist .top-arrow {
    right: 180px;
}

.right-To-left .widget-window .ctbox {
    float: left;
    text-align: left !important;
}

.right-To-left .login-form {
    direction: rtl;
}

.right-To-left .div-contol {
    padding: 0 25px 0 0 !important;
}

.right-To-left .login_ult .control-icon {
    margin: -34px -31px 0 -20px;
}

.right-To-left .login-custom-controls {
    padding-right: 5px;
}

.right-To-left .widget-window .title-bar .dvtab .caption {
    padding-left: 0;
    padding-right: 6px;
}

.right-To-left .OASYSGrid .OASYSFilter {
    left: auto !important;
}

    .right-To-left .OASYSGrid .OASYSFilter table td {
        text-align: right;
    }

.right-To-left .OASYSGrid .pager-table-row .First {
    padding-right: 10px;
}

.right-To-left .quick-search-qpanel {
    left: 10px;
}

    .right-To-left .quick-search-qpanel .search-close {
        left: -9px;
        right: auto;
        top: -33px;
    }

    .right-To-left .quick-search-qpanel .seach-box button {
        padding-right: 11px;
    }

    .right-To-left .quick-search-qpanel .seach-box input[type=search] {
        padding-right: 10px;
    }

.right-To-left .css-sidemenu ul li a {
    text-align: right;
}

/****************7/2/2016**********************/

.right-To-left .Button {
    -moz-transform: scale(-1);
    -ms-transform: scale(-1);
    -o-transform: scale(-1);
    -webkit-transform: scale(-1);
    transform: scale(-1);
}

.right-To-left .tb-item-panel {
    left: auto !important;
}

.right-To-left #PanelAuditLog {
    left: -6px;
    right: auto;
}

.right-To-left .detailed-search .list-style {
    left: 50px;
    right: auto;
}

.right-To-left .detailed-search .grid-style {
    left: 12px;
    right: auto;
}

/****************7/2/2016**********************/

.right-To-left .col-sm-4,
.right-To-left .col-sm-3 {
    float: right;
}

.right-To-left .emploay-profile .col-md-1, .right-To-left .emploay-profile .col-md-2, .right-To-left .emploay-profile .col-md-3, .right-To-left .emploay-profile .col-md-4, .right-To-left .emploay-profile .col-md-5, .right-To-left .emploay-profile .col-md-6, .right-To-left .emploay-profile .col-md-7, .right-To-left .emploay-profile .col-md-8, .right-To-left .emploay-profile .col-md-9, .right-To-left .emploay-profile .col-md-10, .right-To-left .emploay-profile .col-md-11, .right-To-left .emploay-profile .col-md-12 {
    float: right;
}

.right-To-left .pull-right-pic {
    float: left;
    margin: 0 0 0 15px !important;
}

.right-To-left .push-lft-side {
    float: left;
}

.right-To-left #sidemenu {
    float: right;
}

.right-To-left #content {
    margin-left: 0;
    margin-right: 152px;
}

.right-To-left #sidemenu li a {
    text-align: right;
}

/*.right-To-left .OASYSGrid .OASYSHeaderRow th
{
    text-align: right;
}*/

.right-To-left .oasys__tab_xp .ajax__tab_tab .fa {
    float: right;
    padding-left: 6px;
}

.right-To-left .align-left {
    text-align: right;
}

.right-To-left .head-down-btn {
    float: left;
}

.right-To-left .style_employee_status {
    float: left;
    padding: 2px;
}

.right-To-left .navHistUlist .navHistListItem,
.right-To-left .navHistUlist .currentItem {
    display: inline-block;
}

/********************************* 24/2/2016 ************************************************/

.right-To-left .unq-125 td {
    text-align: right;
}

.right-To-left label {
    margin-bottom: 0;
}

.right-To-left .tabs li {
    float: right;
}

.right-To-left .app-fx-modal-pnl .fx-header .btn-exit {
    float: left;
    margin: 2px 0 2px 3px;
}

/********************************* 24/2/2016 ************************************************/

/************ ARABIC Ends **********************************************************************/

/************************************************ Job Requisition *****************************/

.jobrec-header {
    margin-bottom: 5px;
    padding: 5px 10px;
}

.check-style1 .table-full-width td {
    padding: 6px 0;
    width: 34.1%;
}

    .check-style1 .table-full-width td label {
        margin-left: 5px;
    }

.check-style2 .table-full-width td {
    display: block;
    padding: 6px 0;
}

    .check-style2 .table-full-width td label {
        margin-left: 5px;
    }

.main-cnt-frm {
    padding: 5px;
}

.in-col-frm {
    padding: 4px 0;
}

.style-label {
    display: block;
    padding-left: 0;
    padding-right: 0;
}

.input-select1 {
    width: 100%;
}

.input-select2 {
    width: 90%;
}

.rqr-fld > span {
    position: absolute;
    right: 5px;
    top: 5px;
}

.jobrec-table th {
    padding: 6px 0;
    text-align: left;
    white-space: nowrap;
}

.jobrec-table td {
    padding: 4px 0;
    text-align: left;
    white-space: nowrap;
}

.jobrec-table .lbl-left {
    padding-left: 15px;
    width: 18%;
}

.style_radiobuttons td input {
    margin-right: 5px;
}

.clndr-div .ajax__calendar {
    top: -170px !important;
}

.main-cnt-frm label {
    font-weight: bold;
}

.day-head {
    font-weight: 700;
    padding-bottom: 8px;
    padding-top: 8px;
    text-align: left;
    white-space: nowrap;
}

.style_deFormCaption.style-label2.style-label {
    font-weight: normal;
}

.style_radiobuttons td {
    width: 20%;
}

.scroll-div {
    display: block;
    height: 94px;
    overflow: hidden;
}

    .scroll-div:hover {
        display: block;
        overflow: auto;
    }

/************************************************ Job Requisition ********************************************************************/

.a-fav {
    display: block;
}

.OASYSGrid tr.rowSelected .navButtons img {
    Margin-left: 10px;
}

.Style_TrCourse_Master {
    height: 210px;
    overflow: auto;
}

    .Style_TrCourse_Master .grid-view-tab td {
        white-space: normal;
        line-break: anywhere;
    }

.timsht_req {
    Width: 37.5% !important;
}

.Aplvac_grid {
    height: calc(100vh - 235px);
    overflow: auto;
}

.Approve_detail {
    font-weight: 700;
    padding: 0 15px;
    text-align: center;
    white-space: nowrap;
}

    .Approve_detail td:first-child {
        text-align: left !important;
    }

.Approver_detail_list {
    height: calc(100vh - 20px);
    overflow: auto;
    width: 100%;
}

/************************************************ 10-2-2016 ********************************************************************/

.div-table-responsive {
    margin-bottom: 6px;
    min-height: 0.01%;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
}

.div-table {
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    max-width: 100%;
    width: 100%;
}

    .div-table > thead > tr > th {
        border-top: 0 none;
        line-height: 1.42857;
        padding: 5px;
        text-align: left;
        vertical-align: bottom;
        white-space: nowrap;
    }

    .div-table > tbody > tr > td {
        border-top: 0 none;
        line-height: 1.42857;
        padding: 4px 5px;
        text-align: left;
        vertical-align: top;
        white-space: nowrap;
    }

.div-thead-bg th {
    border: none !important;
}

.div-table-responsive .div-table tr td:nth-child(2n + 1) {
    font-weight: 700;
}

.div-prof-pic-frm {
    padding: 5px;
}

.div-prof-pic {
    display: inline-block;
    float: left;
}

    .div-prof-pic img {
        padding: 5px;
    }

.prof-atch-btn-frm {
    display: block;
    float: right;
    padding: 5px;
}

.prof-atch-btn {
    display: block;
    padding: 5px;
}

/************************************************ 10-2-2016 ********************************************************************/

/************************************************* New Addition from h2a2016***************************************************/

/*START STATUS CHANGE*/

div:not(.basic-info-td) .style_edocs_newHire {
    width: 100%;
}

td.basic-info-td {
    vertical-align: top;
    width: 40%;
}

    td.basic-info-td .style_edocs_newHire {
        border-radius: 0;
        padding: 0;
    }

    td.basic-info-td .style_deFormCaption {
        padding: 2px;
    }

    td.basic-info-td .basic-body {
        -moz-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        -webkit-transition: all 300ms ease-in-out;
        max-height: calc(100vh - 118px);
        overflow: auto;
        transition: all 300ms ease-in-out;
    }

    td.basic-info-td .style_edocs_basicinfo_deRowCaptionHeader {
        font-weight: 700;
        text-align: center;
    }

    td.basic-info-td .tdEmpBasicInfoCaption .style_deFormCaption {
        font-weight: 400;
    }

    td.basic-info-td .tdEmpBasicInfoValue {
        font-weight: bold;
    }

.status-change-body {
    padding-left: 5px;
    vertical-align: top;
    width: 60%;
}

    .status-change-body .status-table-1 input[type=text],
    .status-table-1 select {
        height: 30px;
        padding: 5px;
    }

    .status-change-body .status-table-1 table:first-child {
        width: 100%;
    }

    .status-change-body .status-table-1 .tdAddRecord input {
        width: 95%;
    }

    .status-change-body .style_deFormCaptionMandatoryTransparent {
        padding: 5px;
    }

    .status-change-body .status-table-1 {
        margin: 10px;
        width: calc(100% - 20px);
    }

    .status-change-body .style_ErrorMessage ul {
        padding: 5px;
    }

/*END STATUS CHANGE*/

.ht-50vh-25px {
    height: Calc(50vh - 25px);
}

.ht-50vh-40px {
    height: Calc(50vh - 40px);
}

.BoxBorder_header .caption {
    padding: 2px;
}

.quick-search-qpanel {
    position: fixed;
    right: 10px;
    top: -45px;
    width: 300px;
    z-index: 11;
}

    .quick-search-qpanel .search-options {
        display: flex;
        padding: 0 5px;
        position: absolute;
        top: -36px;
        width: 100%;
    }

        .quick-search-qpanel .search-options span:not(.label) {
            cursor: pointer;
            display: inline-flex;
            font-size: 25px;
            padding: 6px;
            text-align: center;
        }

    .quick-search-qpanel .seach-box {
        display: flex;
        min-width: 300px;
        padding: 5px;
    }

.quick-search-resultpane .more-details {
    margin: 3px;
    width: calc(100% - 6px);
}

    .quick-search-resultpane .more-details td {
        padding: 3px 5px;
    }

        .quick-search-resultpane .more-details td:nth-child(2) {
            font-weight: 700;
        }

.quick-search-qpanel .seach-box input[type=search] {
    border: none;
    border-radius: 0;
    /*font-family: "Roboto";*/
    font-size: 12px;
    line-height: 25px;
    padding-left: 10px;
    width: 260px;
}

.quick-search-qpanel .seach-box button {
    cursor: pointer;
    font-size: 25px;
    padding-left: 11px;
}

.quick-search-resultpane {
    display: none;
    max-height: calc(100vh - 200px);
    min-height: 50px;
    overflow: auto;
    padding: 5px;
    width: 300px;
}

    .quick-search-resultpane .searched-item {
        cursor: pointer;
        min-height: 50px;
    }

    .quick-search-resultpane .headerrow {
        display: flex;
        height: 46px;
        padding: 2px 5px;
        vertical-align: middle;
    }

    .quick-search-resultpane .rounded {
        -moz-border-radius: 10px 10px 10px 10px;
        border-radius: 20px;
        float: left;
        font-size: 20px;
        height: 35px;
        line-height: 35px;
        margin: 5px 5px;
        text-align: center;
        width: 35px;
    }

.quick-search-qpanel .search-close {
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    cursor: pointer;
    position: absolute;
    right: -10px;
    top: -35px;
    transition: all 300ms ease;
}

.quick-search-resultpane .text-content {
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    font-size: 14px;
    line-height: 40px;
    overflow: hidden;
    padding-left: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 200px;
}

.quick-search-resultpane .more-icon {
    cursor: pointer;
    line-height: 40px;
    text-align: right;
    width: 35px;
}

.quick-search-resultpane .more-data {
    border-radius: 3px;
    display: none;
    max-height: 200px;
    overflow: auto;
    width: 100%;
}

.quick-search-resultpane .search-mask {
    background: #fff url('../images/loader.gif') no-repeat center center;
    bottom: 0;
    display: block;
    filter: alpha(opacity=100);
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 41px;
    width: 310px;
    z-index: 9999;
}

.detailed-search {
    display: none;
}

    .detailed-search .search-box {
        display: flex;
        height: 40px;
    }

        .detailed-search .search-box input[type=search] {
            border: none;
            font-family: Tahoma;
            font-size: 20px;
            height: 100%;
            padding: 0 10px;
            width: calc(100% - 50px);
        }

        .detailed-search .search-box button {
            border: none;
            cursor: pointer;
            font-size: 25px;
            height: 40px;
            width: 50px;
        }

    .detailed-search .search-list {
        max-height: calc(100vh - 300px);
        overflow: auto;
        padding: 10px;
    }

    .detailed-search .rounded {
        -moz-border-radius: 10px 10px 10px 10px;
        border-radius: 20px;
        float: left;
        font-size: 20px;
        height: 35px;
        line-height: 35px;
        margin: 5px 5px;
        text-align: center;
        width: 35px;
    }

    .detailed-search .search-mask {
        background: #fff url('../images/loader.gif') no-repeat center center;
        display: block;
        filter: alpha(opacity=100);
        height: 60vh;
        opacity: 1;
        width: 100%;
        z-index: 9999;
    }

    .detailed-search .search-options {
        display: flex;
        width: 100%;
    }

    .detailed-search .more-filter {
        display: flex;
        width: 100%;
    }

    .detailed-search .search-options > span {
        cursor: pointer;
        display: inline-flex;
        font-size: 25px;
        padding: 6px;
        text-align: center;
    }

    .detailed-search .more-filter > span {
        -moz-transition: all 100ms ease-in;
        -o-transition: all 100ms ease-in;
        -webkit-transition: all 100ms ease-in;
        cursor: pointer;
        display: inline-flex;
        font-size: 15px;
        line-height: 25px;
        padding: 6px;
        text-align: center;
        transition: all 100ms ease-in;
    }

    .detailed-search .more-filter .selected-filter {
        font-weight: 700;
        line-height: 20px;
    }

    .detailed-search .grid-style {
        right: 12px;
    }

    .detailed-search .list-style {
        right: 50px;
    }

    .detailed-search .list-style,
    .detailed-search .grid-style {
        -moz-transition: all 100ms ease-in;
        -o-transition: all 100ms ease-in;
        -webkit-transition: all 100ms ease-in;
        font-size: 15px !important;
        padding: 12px !important;
        position: absolute;
        transition: all 100ms ease-in;
    }

    .detailed-search .more-filter > label {
        cursor: pointer;
        display: inline-flex;
        padding: 6px;
        text-align: center;
    }

    .detailed-search .search-list .searched-item {
        cursor: pointer;
        min-height: 50px;
    }

    .detailed-search .search-list .headerrow {
        display: flex;
        height: 46px;
        padding: 2px 5px;
        vertical-align: middle;
    }

    .detailed-search .search-list .text-content {
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        font-size: 14px;
        line-height: 40px;
        overflow: hidden;
        padding-left: 5px;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 90%;
    }

    .detailed-search search-list .more-icon {
        cursor: pointer;
        line-height: 40px;
        text-align: right;
        width: 35px;
    }

    .detailed-search .search-list .more-data,
    .more-data-popup .more-data {
        border-radius: 3px;
        display: none;
        overflow: auto;
        width: 100%;
    }

    .detailed-search .search-list .more-details,
    .more-data-popup .more-details {
        margin: 3px;
        width: calc(100% - 6px);
    }

        .detailed-search .search-list .more-details td,
        .more-data-popup .more-details td {
            padding: 3px 5px;
        }

            .detailed-search .search-list .more-details td:nth-child(2),
            .more-data-popup .more-details td:nth-child(2) {
                font-weight: 700;
            }

.Css_gvPopUpSelectorData_td td {
    padding: 3px;
}

.pm-data-task-panel table:first-child td {
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    cursor: pointer;
    padding: 10px;
    transition: all 300ms ease-in-out;
}

.pm-process-flow-header > table {
    margin: 0 auto;
}

.apprvl-matrix-block {
    border-radius: 3px;
    cursor: pointer;
    margin: 5px;
    padding: 5px;
}

.apprvl-matrix-table {
    width: 100%;
}

    .apprvl-matrix-table td.apprv-image {
        border-radius: 50%;
        height: 50px;
        text-align: center;
        width: 50px;
    }

.approver_ImageBtn {
    float: right;
}

.apprv-order {
    border-radius: 3px;
    font-weight: bold;
    height: 30px;
    text-align: center;
    width: 30px;
}

    .apprv-order span {
        cursor: help;
        font-size: 25px;
    }

.apprvl-matrix-img {
    border-radius: 50%;
    height: 50px;
    width: 50px;
}

.apprvl-status {
    font-size: 25px;
    text-align: right;
    width: 50px;
}

    .apprvl-status:hover {
        opacity: 1;
    }

#masterpageWithBootStrap {
    height: calc(100vh - 30px);
    overflow: auto;
}

/******* Department Approvals Css*********/

.frame {
    margin-top: 15px;
    padding: 15px;
}

    .frame .frame-header h1 {
        float: left;
        font-size: 13px;
        font-weight: bold;
        padding: 6px 10px;
    }

    .frame .frame-header h2 i {
        display: inline-block;
        text-align: center;
        width: 32px;
    }

.in-frame {
    padding-top: 15px;
}

.marg-top {
    margin-top: 0;
}

.padd-top {
    padding-top: 0;
}

.padd-lrft {
    padding-left: 0 !important;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 5px 8px;
}

.table {
    margin-bottom: 0;
}

.input-xs {
    height: 25px;
    line-height: 1.5;
    padding: 2px 7px;
}

.form-control, .form-select {
    font-size: 12px;
    padding: 0 8px;
    height: calc(1.5em + .75rem + 2px);
}

label {
    font-weight: normal;
    line-height: 25px;
}

.div-scrol {
    height: 50vh;
    overflow-x: scroll;
    overflow-x: auto;
}

.table > tbody > tr > th {
    white-space: nowrap;
}

.in-scroll {
    padding-top: 15px;
}

.edit-btn {
    float: left;
    margin-right: 10px;
}

.e-btn {
    -moz-transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
    -webkit-transition: all 0.25s ease 0s;
    border: medium none;
    border-radius: 2px;
    font-size: 10px;
    font-weight: 600;
    outline: 0 none;
    padding: 1px 10px;
    transition: all 0.25s ease 0s;
}

.btn-invrs {
    border-radius: 2px;
    display: block;
    margin: 0 2px;
    padding: 2px 10px;
    width: 43%;
}

.btn-red {
    border-radius: 2px;
    display: block;
    margin: 0 2px;
    padding: 2px 10px;
    width: 43%;
}

.btn-block {
    -moz-transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
    -webkit-transition: all 0.25s ease 0s;
    display: inline-table;
    float: left;
    text-align: center;
    transition: all 0.25s ease 0s;
}

    .btn-block + .btn-block {
        margin-top: 0;
    }

.form-control-feedback {
    height: 22px;
    top: 4px;
}

.content-scroll {
    height: calc(50vh - 98px);
    overflow-y: scroll;
    overflow-x: hidden;
}

.button-frame {
    padding: 0;
}

.show-btn {
    float: right;
    margin-top: 5px;
}

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

.count-num {
    border-radius: 25px;
    display: block;
    margin-left: 32px;
    padding: 0;
    text-align: center;
    width: 20px;
}

.check-bx {
    float: left;
    margin: 1px 0 0;
    padding: 5px 9px 3px;
}

.cursor-td {
    cursor: pointer;
}

    .cursor-td tr:hover {
    }

/*.text-wrap {
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 60em;
}*/

.wrap-button {
    float: right;
    margin-right: 0;
}

.coll-icon {
    background: none;
    margin-right: 8px;
    padding: 0 6px;
}

.table-in-head {
    border-bottom: none;
    font-weight: bold;
    margin-top: 5px;
}

.form-in-bg {
    font-weight: bold;
    width: 100px;
}

.e-btn i {
    margin-right: 3px;
}

.tbl-wit-chk tr td {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

    .tbl-wit-chk tr td input {
        margin-right: 2px;
        width: 5%;
        position: relative;
        top: 2px;
    }

    .tbl-wit-chk tr td label {
        padding: 5px;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        width: calc(100% - 60px);
        overflow: hidden;
        display: inline-block;
        cursor: pointer;
    }

    .tbl-wit-chk tr td i {
        margin: 3px;
    }

.div-cust-scroll {
    height: calc(50vh - 90px);
    overflow: auto;
}

.div-cust-scroll-top {
    height: calc(50vh - 143px);
    overflow: auto;
}

.btn-block a {
    text-decoration: none;
}

.ajax-tab-height .ajax__tab_body {
    max-height: calc(100vh - 140px);
}

.appr-status .status-icons {
    cursor: help;
    float: right;
    font-size: 14px;
}

    .appr-status .status-icons i {
        display: inline-block;
        padding-left: 3px;
    }

.check-bx i {
    font-size: 14px;
}

.appr-status .appr-sm-fnt {
    font-size: 9px;
}

.appr-popup .coll-icon {
    border: 0;
    cursor: pointer;
    margin-right: 0;
    padding: 0 0;
}

.appr-popup .fa-teal {
    font-size: 15px;
}

#apprToolBar {
    display: none;
    height: 20px;
    position: absolute;
    right: 2px;
    top: 2px;
}

    #apprToolBar .shw-btn {
        margin-right: 1px;
        margin-top: -2px;
        height: 20px;
        line-height: 10px;
    }

/**************************Tab*******************************/

.widget .widget-head .widget-icons i {
    font-size: 14px;
    margin: 0 4px;
}

.widget.wblack .widget-head .widget-icons i {
    font-size: 14px;
    margin: 0 4px;
}

.tab-base {
    margin-top: 10px;
}

.tab-content {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

    .tab-content .tab-footer {
        margin: 0 -15px -15px;
        padding: 10px 15px;
        position: relative;
    }

.nav-tabs {
    border: 0 none;
}

    .nav-tabs > li:not(.active) > a {
        -moz-transition: opacity 0s ease 0s, all 0.3s ease 0s;
        -o-transition: opacity 0s ease 0s, all 0.3s ease 0s;
        -webkit-transition: opacity 0s ease 0s, all 0.3s ease 0s;
        opacity: 1;
        transition: opacity 0s ease 0s, all 0.3s ease 0s;
    }

        .nav-tabs > li:not(.active) > a:hover {
            -moz-transition: opacity 0s ease 0s, all 0.3s ease 0s;
            -o-transition: opacity 0s ease 0s, all 0.3s ease 0s;
            -webkit-transition: opacity 0s ease 0s, all 0.3s ease 0s;
            opacity: 0.9;
            transition: opacity 0s ease 0s, all 0.3s ease 0s;
        }

    .nav-tabs > .active > a,
    .nav-tabs > .active a:hover,
    .nav-tabs > .active > a:focus {
        -moz-transition: opacity 0s ease 0s, all 0.3s ease 0s;
        -o-transition: opacity 0s ease 0s, all 0.3s ease 0s;
        -webkit-transition: opacity 0s ease 0s, all 0.3s ease 0s;
        transition: opacity 0s ease 0s, all 0.3s ease 0s;
    }

.tab-span {
    padding-left: 10px;
}

.nav-tabs > li > a {
    border-radius: 0;
    padding: 5px 15px;
}

.tab-nav-style {
    text-align: center;
    /*width: 16.6%;*/
    font-weight: bold;
}

.edit-frame-marg {
    box-shadow: none;
    margin-top: 0;
}

.widget-content .tab-span {
    line-height: 34px;
}

.widget-content .nav-tabs > li > a {
    text-decoration: none;
    padding: 10px 15px;
}

.widget-content .nav-tabs > li {
    margin-bottom: -1px;
}

/**************************Tab*******************************/

/******* End Department Approvals Css*********/

/***************************Position and Grade Access by User***********************/

.access-by-user-header {
    border-radius: 3px;
    margin: 2px;
    padding: 2px;
}

    .access-by-user-header span {
        padding: 2px;
        width: 10%;
    }

.access-by-user-tbl select {
    width: calc(50vw - 110px);
}

.access-by-user .grid-view-tab {
    width: 100%;
}

.access-by-user-div-ht {
    height: calc(100vh - 110px);
}

/***************************End Position and Grade Access by User***********************/

.ht-100vh-160px {
    height: calc(100vh - 160px);
}

.header-wit-underline {
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
}

.appr-form-head .coll-icon {
    padding: 2px 6px;
}

.appr-form .table td {
    width: auto !important;
}

.appr-form-status div {
    display: inline-block;
}

.appr-form-status .appr-avl {
    position: relative;
    padding: 8px;
}

.emp_task_grid_cont {
    height: 35vh;
    overflow: auto;
}

.ttip {
    -webkit-transform: scale(.5, .5);
    -webkit-transition: all .2s ease-in-out;
    display: none;
    padding: 3px;
    position: absolute;
    top: 10px;
    -moz-transform: scale(.5, .5);
    -ms-transform: scale(.5, .5);
    -o-transform: scale(.5, .5);
    transform: scale(.5, .5);
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    z-index: 9999;
}

    .ttip .table.table-hover.table-bordered tbody tr th:nth-child(2),
    .ttip .table.table-hover.table-bordered tbody tr th:nth-child(3) {
        min-width: 200px;
    }

    .ttip .table.table-hover.table-bordered tbody tr {
        background-color: #ffeae9;
    }

.Adv_checkbox > label {
    padding-left: 5px;
}

.Approvals_matrix_table_headerleft {
    text-align: left;
    width: 100%;
}

.Approvals_matrix_table_headerright {
    font-size: small;
    padding-right: 10px;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
}

.basicinfo_tablecap {
    font-weight: 700;
    padding: 0 5px;
    text-align: left;
    text-align: left;
    white-space: nowrap;
}

.bulk_content {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 99%;
}

.cashadvance_Border {
    overflow: auto;
    padding: 10px;
    width: 100%;
}

#eDocsContentPaneWithApprovalMatrix .box_body {
    padding: 2px 2px 1px;
}

#eDocsContentPaneWithApprovalMatrix .box_bottom {
    background: url(images/bottom.gif) no-repeat left top;
    display: block;
    font-size: 0;
    height: 5px;
    line-height: 0;
}

#eDocsContentPaneWithApprovalMatrix .box {
    margin-bottom: 5px;
}

#eDocsContentPaneWithApprovalMatrix .box_title {
    font-weight: 700;
    padding: 5px 6px;
}

#eDocsContentPaneWithApprovalMatrix .box ul {
    margin-left: 0;
}

#eDocsContentPaneWithApprovalMatrix .box li:first-child {
    border-top: none;
    list-style-type: none;
}

/***********************User Management*************************/

.user-mngt > tbody > tr > td {
    padding: 10px;
}

.user-mngt-dtls td {
    padding: 3px 5px;
}

.usr-mngt-add-usr {
    font-size: 16px;
    vertical-align: middle;
}

.usr-mgt-act-head input {
    margin: 0 2px;
    vertical-align: middle;
}

.usr-mgt-act-head a {
    margin: 0 2px;
    text-decoration: none;
}

.usr-mgt-act-head input[type=text] {
    height: 20px;
    margin: 2px;
    vertical-align: top;
}

.user-mngt .ctnt-holder {
    height: 125px;
    max-width: 300px;
    position: relative;
}

.user-mngt .dtls-head {
    height: 20px;
}

    .user-mngt .dtls-head .spn-title {
        float: left;
        font-weight: bold;
        max-width: 125px;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.user-mngt .spn-caption {
    font-size: 10px;
    font-weight: 600;
}

.spn-ellipsis {
    float: left;
    max-width: 140px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-mngt .dtls-head .spn-act a {
    text-decoration: none;
}

.user-mngt .dtls-head .spn-act {
    float: right;
    margin-right: 15px;
}

    .user-mngt .dtls-head .spn-act i {
        cursor: pointer;
        font-size: 16px;
        opacity: 0.5;
    }

        .user-mngt .dtls-head .spn-act i:hover {
            opacity: 1;
        }

.user-mngt .u-img {
    height: 55px;
    margin: 2px;
    padding: 2px;
    text-align: center;
    width: 55px;
}

.user-mngt .ctnt-holder:before {
    border-style: solid;
    border-width: 0 16px 16px 0;
    content: "";
    display: block;
    position: absolute;
    right: -1px;
    top: -1px;
    width: 0;
}

.user-mngt .ctnt-holder.rounded {
    -moz-border-radius: 5px 0 5px 5px;
    border-radius: 5px 0 5px 5px;
}

    .user-mngt .ctnt-holder.rounded:before {
        -moz-border-radius: 0 0 0 5px;
        border-radius: 0 0 0 5px;
        border-width: 8px;
    }

#dv_dlUsers,
#dv_GroupDetails {
    height: calc(100vh - 120px);
    overflow: auto;
}

.usr-grp-act span {
    display: list-item;
    list-style: none;
    padding: 3px;
    text-align: center;
}

.usr-grp-act a i {
    font-size: 20px;
}

    .usr-grp-act a i.fa-mobile {
        font-size: 30px;
    }

.grp-status i {
    font-size: 16px;
}

.usr-grp-act i {
    opacity: 0.5;
}

    .usr-grp-act i:hover {
        opacity: 1;
    }

/***********************End User Management*************************/

/************************Quick Search*****************************/

.qk-emp-details .emp-img {
    height: 55px;
    margin: 2px;
    padding: 2px;
    text-align: center;
    width: 55px;
}

table.qk-emp-tab {
    border: solid 1px #ddd;
    margin-bottom: 2px;
    max-width: 100%;
    width: 100%;
}

table.qk-emp-tab-ext > tbody > tr td {
    padding: 3px;
}

table.qk-emp-tab-ext > tbody > tr {
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

    table.qk-emp-tab-ext > tbody > tr:hover {
        -moz-transform: scale(0.99);
        -ms-transform: scale(0.99);
        -o-transform: scale(0.99);
        -webkit-transform: scale(0.99);
        transform: scale(0.99);
    }

.design-change-list.search-grid .searched-item {
    display: inline-block;
    margin: 2px;
    width: 250px;
}

.detailed-search .search-grid .more-data {
    border-radius: 3px;
    display: none;
    overflow: auto;
    width: 100%;
}

.detailed-search .search-grid .text-content {
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    font-size: 14px;
    line-height: 40px;
    overflow: hidden;
    padding-left: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 60%;
}

.detailed-search .search-grid .headerrow {
    display: flex;
    height: 46px;
    padding: 2px 5px;
    vertical-align: middle;
}

.detailed-search .search-grid .more-icon {
    cursor: pointer;
    line-height: 40px;
    text-align: right;
    width: 35px;
}

.detailed-search .more-data-popup {
    display: none;
}

/************************End Quick Search************************/

/***********************Routing Template Details****************/

.content-scroll.routing-temp {
    height: calc(100vh - 140px);
    overflow-y: scroll;
}

/**********************End Routing Template Details***********/

/*********************** Approvals Department ***************/

.content-scroll.appr-dept {
    height: calc(100vh - 127px);
    overflow-y: hidden;
}

    .content-scroll.appr-dept .style_Header_Section {
        display: none;
    }

    .content-scroll.appr-dept .style_eDocsNetSelectionTreeBg {
        height: calc(100vh - 165px);
        overflow: auto;
    }

.master-no-border .master-arrow-design {
    border: none !important;
}

.in-frame.appr-dept {
    padding-top: 2px;
}

.content-scroll.appr-dept .search-box {
    margin-bottom: 2px;
}

    .content-scroll.appr-dept .search-box input[type=text] {
        font-size: 12px;
        padding: 2px;
    }

.content-scroll.appr-dept .Ccs_Search_Box li {
    margin: 0;
    padding: 0;
}

    .content-scroll.appr-dept .Ccs_Search_Box li a {
        padding: 5px;
    }

        .content-scroll.appr-dept .Ccs_Search_Box li a:hover {
            font-weight: normal;
        }

.content-scroll.appr-dept .Ccs_Search_Box {
    /* width: calc(98% - 60px);*/
    width: 100%;
    top: 36px !important;
    left: 0;
}

.content-scroll.appr-dept.search-bottom .Ccs_Search_Box {
    top: unset !important;
}

.content-scroll.appr-dept .design-SearchWindow {
    position: relative;
}


/*********************** End Approvals Department****************/

.com_emp_sel_height {
    height: calc(100vh - 140px);
}

/************************** Net Forms Routing *******************/

.div-cust-scroll.div-frm-rout {
    height: calc(100vh - 250px);
    overflow: auto;
}

.tab-appr .tab-nav-style {
    width: auto;
}

/************************** End Net Forms Routing **************/

.custom-slider.custom-panel {
    margin-bottom: 1px;
    position: relative;
}

.custom-slider-btn {
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    right: 3px;
    top: -22px;
    margin-top: 2px !important;
}

.benefit_plan_detailsgrid {
    height: calc(100vh - 55px);
    overflow: auto;
}

/*************************************************End New Addition from h2a2016***************************************************/

/***********************************************Employee Master modifications*****************************************************/

.mng-wrk-int td {
    white-space: normal;
}

.wid-12-5per {
    width: 10%;
}

.OASYSDataRow > td .navButtons img.btns {
    visibility: inherit;
}

.navHistUlist > li::before {
    content: "\00BB";
    padding: 0 5px;
    font-size: 16px;
}

/************************** 23/2/2016 ********************************/

.search-box-black > input {
    line-height: normal;
}

body #topMenu, #topMenuWithStatusbar {
    border-bottom: none;
    box-shadow: none;
}

body .emp-header-main {
    border-top: none;
}

#aspnetForm > div {
    border: medium none;
}

.style_toolbaritem > select {
    box-shadow: none;
}

.smart-mode-panel {
    bottom: 0;
    left: 339px;
    position: absolute;
    top: 47px;
    width: calc(100vw - 613px);
    z-index: 999;
}

.s-m-header {
    display: flex;
    font-weight: bold;
    padding: 0 10px;
}

.s-m-header-sm {
    font-weight: bold;
    padding: 5px;
}

.s-m-header span {
    width: 20%;
}

.s-m-content.s-m-content {
    height: calc(100% - 75px);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px;
    position: relative;
}

.s-m-content .pay-table {
    width: 100%;
}

    .s-m-content .pay-table td {
        font-size: 14px;
    }

.s-m-content .oasys-icon-arrows-cw {
    -moz-animation-duration: 1000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-name: spin;
    -moz-animation-timing-function: linear;
    -ms-animation-duration: 1000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-name: spin;
    -ms-animation-timing-function: linear;
    -webkit-animation-duration: 1000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: spin;
    -webkit-animation-timing-function: linear;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-name: spin;
    animation-timing-function: linear;
}

@-ms-keyframes spin {
    from {
        -ms-transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.s-m-content .pay-table tr td:last-child:not(.dep-name) {
    font-size: 20px;
    text-align: center;
    width: 20%;
}

.s-m-close {
    cursor: pointer;
    font-size: 17px;
    font-weight: bold;
    position: absolute;
    right: 10px;
    top: 5px;
}

.column {
    float: left;
    height: calc(100% - 10px);
    margin: 2px;
}

.s-m-emp-list {
    width: calc(100% / 7);
}

.s-m-acc-avl {
    width: calc(100% / 7 * 2);
}

.s-m-acc-aloc {
    width: calc((100% / 7 * 4) - 20px);
}

.column .s-m-header {
    padding: 5px;
}

.s-m-in-content {
    /*height: calc(100% - 25px);
    overflow: auto;*/
}

.s-m-emp-alloc,
.s-m-emp-dalloc {
    height: calc(50% - 30px);
    overflow: auto;
}

.s-m-emp-alloc-header {
    padding: 5px;
}

.emp-pay td:first-child {
    padding-left: 20px;
}

.dep-pay {
    font-weight: 700;
}

.pay-stat {
    display: block;
}

.popup-mask {
    bottom: 0;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.dep-name {
    font-size: 18px;
    text-align: center;
}

.Current_Approval_Details {
    overflow: auto;
}

/***********************************Exception check in Worksheet*******************/

.edit-exception-popup {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: none;
    left: 25%;
    position: absolute;
    right: 25%;
    top: 20%;
    z-index: 999;
}

.ed-ex-header {
    font-weight: bold;
    padding: 5px;
    text-align: center;
}

/***********************************End Exception in Worksheet*******************/

/************************************Manage Exception Page Modification**********************/

.dep-me-main-frame {
    border: medium none;
}

.left-me-pad .caption {
    padding: 7px 5px;
}

.dep-me-frame .sel-tree-content {
    border: medium none;
}

.dep-me-frame .style_searchtextbox {
    border: none;
    border-radius: 0;
    margin: 3px;
}

    .dep-me-frame .style_searchtextbox input[type="text"] {
        border: none;
        border-radius: 0;
        height: auto;
    }

.left-me-pad {
    padding: 4px 0 4px 4px;
}

.right-me-pad {
    padding: 4px;
}

.top-ctrl-right td input[type="text"] {
    height: 24px !important;
    padding: 0 5px !important;
}

.right-me-pad .unq-096 {
    border-radius: 0;
    margin: 3px 0;
}

.right-me-pad .pad-5-10 {
    padding-left: 0;
}

.right-me-pad .Grid_View_Tab {
    margin: 0;
}

.right-me-pad .row-wrapper {
    padding-top: 0;
}

.right-me-pad .header-wrapper {
    width: 100% !important;
}

.right-me-pad .ofix-sec {
    height: calc(100vh - 73px);
}

.right-me-pad .row-wrapper > table {
    width: 100% !important;
}

/************************************End Manage Exception Page Modification**********************/

/*********** 9-8-2016 *************/

.font-icon-style {
    font-size: 16px !important;
}

.pswrd-cmlpx {
}

    .pswrd-cmlpx table {
        margin: 10px;
    }

/*********** 9-8-2016 *************/
/*********** 14-8-2016 *************/
.auto-srch {
    padding: 5px;
}

    .auto-srch td {
        padding: 0 5px;
    }

/*********** 14-8-2016 *************/

/*********** 15-8-2016 *************/

.attach-pin-btn-parnt {
}

    .attach-pin-btn-parnt .attach-pin-btn {
        background-color: #ddd !important;
        margin-top: 5px;
        padding: 3px 10px !important;
        text-align: center;
        width: auto;
        border: none !important;
    }

        .attach-pin-btn-parnt .attach-pin-btn:hover {
            box-shadow: none;
        }


/*********** 15-8-2016 *************/
/*********** 16-8-2016 *************/

.kiosk-arrow-right {
    height: 20px;
    width: 20px;
    top: -1px;
    position: absolute;
    right: -15px;
    z-index: 1;
}
/*********** 16-8-2016 *************/

/*********** 17-8-2016 *************/
.position-save {
    position: fixed;
    top: 46px;
    left: 600px;
}

    .position-save .inputButton {
        border-radius: 0px;
        padding: 2px 5px;
        color: white;
    }

        .position-save .inputButton:hover {
            border: 1px solid #33696c;
            box-shadow: none;
        }

/*********** 17-8-2016 *************/
/*********** 20-8-2016 *************/

.org-chart {
}

    .org-chart .oasys__tab_xp .ajax__tab_body {
        padding: 0;
    }

/*********** 20-8-2016 *************/
/*********** 28-9-2016 *************/

.v-e-r-grid .Grid_View_Tab {
    margin: 5px 0;
}
/*********** 28-9-2016 *************/

/************************************Daily Attendance Worksheet Page Modification**********************/

.right-me-pad .datasheet {
    border: none;
}

.right-me-pad select {
    height: 24px;
    padding: 0;
}

.right-me-pad .style_nowrap {
    padding: 2px 3px !important;
}

/************************************End Daily Attendance Worksheet Page Modification**********************/

.right-me-pad .tree-page-top td {
    padding: 2px 3px !important;
}

.Set_Accrual td {
    padding: 2px;
}

    .Set_Accrual td:last-child {
        border: none;
        padding: 2px;
    }

    .Set_Accrual td:only-of-type {
        border: none;
    }

.Set_Accrual_btm td {
    padding: 2px;
}

.imp_ern_dedct {
    height: calc(100vh - 135px);
    overflow: auto;
}

/*********************************** Grid Icon font ********************************/

/*==uc_EmployeesCustodyReq==*/

.fa-f-sz, a.fa-f-sz {
    font-size: 16px !important;
    font-weight: normal;
    text-decoration: none;
}

/*********************************** End Grid Icon font ********************************/

Oasys-default-theme.css
/*********************************** Grid Icon Colors ********************************/
/*==uc_EmployeesCustodyReq==*/
/*********************************** End Grid Icon Colors ********************************/
.full-pg-col-2 .style_BasicInfo_Header,
.full-pg-col-2 .style_edocs_Section_Border {
    width: 100%;
}

.full-pg-col-2 .style_BasicInfo_Body {
    height: calc(100vh - 135px);
    overflow: auto;
}

    .full-pg-col-2 .style_BasicInfo_Body > table > tbody > tr > td:first-child {
        display: none;
    }

.full-pg-col-2 .style_edocs_newHire {
    border: none;
}

.full-pg-col-2 .style_BasicInfo_Body td {
    padding-left: 0;
}

.full-pg-col-2 .style_BasicInfo_Body tr .tdEmpBasicInfoCaption span {
    padding: 8px;
}

.full-pg-col-2 .style_BasicInfo_Body tr .tdEmpBasicInfoValue span {
    display: inline-block;
    margin-left: 5px;
    max-width: 250px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.full-pg-col-2 .style_deFormCaption {
    padding: 0;
    padding-left: 5px;
}

.full-pg-col-2 .style_edocs_basicinfo_deRowCaptionHeader:empty {
    display: none;
}

.full-pg-col-2 .style_cashAdvance td {
    padding: 5px;
}

.full-pg-col-2 .grid-scrl-ctr {
    max-height: calc(100vh - 320px);
    overflow: auto;
    white-space: nowrap;
}

    .full-pg-col-2 .grid-scrl-ctr .grid-view-tab {
        width: 100%;
    }

.full-pg-col-2 .grid-view-tab tr td:first-child,
.full-pg-col-2 .grid-view-tab tr td:nth-child(2) {
    width: 10px;
}

.full-pg-col-2 .grid-scrl-ctr tr > td:last-child {
    white-space: normal;
}

#InfoSection_Exception .each-exc a {
    display: inline-block;
    max-width: 200px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
}

    #InfoSection_Exception .each-exc a:hover {
        text-decoration: none;
        cursor: pointer !important;
    }

/*NEW HEAD FIX*/

.OGridFull:not(.pH):not(.tB) {
    height: calc(100vh - 2px) !important;
    width: 100%;
}

.OGridFull.tB.pH {
    height: calc(100vh - 77px) !important;
    width: 100%;
}

.OGridFull.pH:not(.tB) {
    height: calc(100vh - 42px) !important;
    width: 100%;
}

.OGridFull.tB:not(.pH) {
    height: calc(100vh - 37px) !important;
    width: 100%;
}

.OGridVerticalHalf:not(.pH):not(.tB) {
    height: calc(100vh - 2px) !important;
    width: calc(50% - 2px);
}

.OGridVerticalHalf.tB.pH {
    height: calc(100vh - 77px) !important;
    width: calc(50% - 2px);
}

.OGridVerticalHalf.pH:not(.tB) {
    height: calc(100vh - 42px) !important;
    width: calc(50% - 2px);
}

.OGridVerticalHalf.tB:not(.pH) {
    height: calc(100vh - 37px) !important;
    width: calc(50% - 2px);
}

.OGridHorizontalHalf {
    height: calc(50vh - 2px) !important;
    width: 100%;
}

.OGridQuarter {
    height: calc(50vh - 2px) !important;
    width: calc(50% - 2px) !important;
}

.OGridHexa {
    height: calc(50vh - 2px) !important;
    width: calc(33.3% - 2px) !important;
}

.OGridOcta {
    height: 50vh !important;
    width: calc(25% - 2px) !important;
}

.grid-loader {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99999;
}

.hover-fix .sp-mask-wrapper {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.o-header {
    width: 100%;
}

.hover-fix .header-wrapper td:hover {
    cursor: col-resize;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.ofix-sec .num-rtalign {
    text-align: right;
}

.split-button {
    border-radius: 2px;
    bottom: 0;
    padding: 6px;
    position: absolute;
    right: 10px;
    z-index: 5;
}

    .split-button > span {
        display: flex;
    }

    .split-button .lbl {
        margin-right: 5px;
        vertical-align: middle;
    }

.ofix-sec .Grid_View_Tab {
    margin: 0;
}

.ofix-sec > div:not(.oasys-2016-mask):not(.split-button) {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 2;
}

.ofix-sec > td, th {
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.amndmnt .Grid_View_Tab {
    margin: 0px;
}

.amndmnt div {
    height: calc(100vh - 75px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.hf-header td {
    white-space: nowrap;
}

.foot-wrapper table {
    height: 100%;
}

.foot-wrapper td {
    padding: 5px 10px;
}

.action-tab .sp-mask-wrapper {
    display: none;
}

.sp-mask-wrapper span {
    display: block;
    font-size: 30px;
    font-weight: 700;
    margin: 20% auto;
    text-align: center;
    width: 100%;
}

.btn-list label {
    margin: 0 25px 0 2px;
    vertical-align: bottom;
}

.btn-list input {
    margin: 5px 0 5px 10px !important;
}

.overtime-tab > tbody > tr > td:first-child {
    min-width: 75px;
}

.overtime-tab {
    white-space: nowrap;
}

.oasys-green-header-style {
    padding: 5px;
    text-align: center;
    text-indent: 5px;
    width: 100%;
}

.oasys-green-header-style-2 {
    font-weight: 700;
    min-height: 2px;
    padding: 5px;
    text-align: left;
    text-indent: 5px;
}

    .oasys-green-header-style-2 .modal-close-btn {
        float: right;
    }

.modal-close-btn {
    cursor: pointer;
    font-size: 20px !important;
    text-decoration: none !important;
}

.icon-button {
    padding: 5px;
}

    .icon-button input {
        font-family: Roboto;
    }

.lft-rght-btns {
    display: block;
    height: 35px;
    padding: 0;
    position: relative;
}

    .lft-rght-btns > div {
        display: inline-block;
    }

    .lft-rght-btns .left-btns {
        bottom: 9px;
        left: 10px;
        /* width: 69%; */
        position: absolute;
        text-align: left;
    }

.popup-header-cen {
    text-align: center;
    white-space: nowrap;
}

.lft-rght-btns .right-btns {
    position: absolute;
    right: -1px;
    text-align: right;
    width: 30%;
}

.lft-rght-btns a {
    padding: 8px;
}

    .lft-rght-btns a:hover {
        text-decoration: none;
    }

.lft-rght-btns .right-btns a {
    font-size: medium;
}

.aprval-matrix {
    min-width: 450px;
}

.unq-099 {
    min-height: 30px;
    /* padding-top: 10px; */
    position: relative;
    /* margin-top: 5px; */
    text-align: right;
}

.oasys-green-header-style.bottom-header {
    border: 1px solid;
    border-radius: 20px 0 0 0;
    bottom: 33px;
    font-weight: 700;
    padding-left: 14px;
    padding-top: 0;
    position: absolute;
    right: 0px;
    text-align: left;
    top: -17px;
    width: 100%;
}

/************************************Start Schedule Page Modification**********************/

.tree-left-side {
    padding: 4px 0 4px 4px;
}

    .tree-left-side .style_CommonEmployeeSelectionTreeBg {
        border: none;
        margin: 0;
        padding: 0;
    }

    .tree-left-side .ajax__tab_body {
        padding: 0;
    }

    .tree-left-side .ajax__tab_header {
        margin: 0;
    }

    .tree-left-side .BulletedListStyle li {
        padding: 3px 2px;
    }

    .tree-left-side .style_tabPageInCommonEmployeeSelectionTree {
        height: calc(100vh - 124px);
    }

    .tree-left-side .style_searchtextbox {
        border: medium none;
        border-radius: 0;
        padding: 5px;
    }

/************************************end Schedule Page Modification**********************/

.inner-page-emp-header {
    margin: 10px;
    max-height: calc(100vh - 109px);
    overflow: auto;
}

.right-actions {
    height: 20px;
    padding: 3px;
    position: absolute;
    right: 3px;
    top: 3px;
    -moz-transition: width ease-in-out 200ms;
    -o-transition: width ease-in-out 200ms;
    -webkit-transition: width ease-in-out 200ms;
    transition: width ease-in-out 200ms;
    z-index: 99999 !important;
}

    .right-actions .dis-tab-r {
        height: 16px;
    }

    .right-actions a {
        font-size: 15px;
        margin: 0 10px;
        padding: 2px;
        text-decoration: none !important;
        -moz-transition: all ease-in 200ms;
        -o-transition: all ease-in 200ms;
        -webkit-transition: all ease-in 200ms;
        transition: all ease-in 200ms;
    }

        .right-actions a:hover {
            text-decoration: none;
        }

.duty_resume_table > tbody > tr:not(:first-child) > td {
    padding: 20px;
}

.add-acr-tab {
    margin: 10px;
}

    .add-acr-tab td:nth-child(2) {
        width: 15%;
    }

    .add-acr-tab td:nth-child(5) {
        width: 10%;
    }

.list_search_message {
    display: none;
}

#JVGridContainer001 {
    height: calc(100vh - 33px);
}

.probationreview_footer .app-pnl-footer {
    bottom: 0;
    height: 60px;
    left: 0;
    padding: 5px;
    position: fixed;
    right: 0;
}

    .probationreview_footer .app-pnl-footer span {
        margin-top: 30px;
    }

.ext-print {
    height: calc(100vh - 70px);
    overflow-x: hidden;
    overflow-y: auto;
}

.probationreview_footer td {
    padding: 7px;
}

div[id$=_promptDiv] {
    display: none !important;
}

.prob-period {
    font-weight: 700;
    padding: 10px;
    width: 10%;
}

.o-report-viewer {
    max-height: calc(100vh - 95px);
    overflow: auto;
}

.roster-swap tr > td:nth-child(2),
.roster-swap tr > td:nth-child(5) {
    width: 28%;
}

.roster-cards-tab {
    margin: 10px;
    width: calc(100% - 20px);
}

.grade-access-par #dv_Accessable,
.grade-access-par #dv_NonAccessable {
    height: calc(100vh - 92px);
}

.data-access-par #dv_Accessable,
.data-access-par #dv_NonAccessable {
    height: calc(100vh - 127px);
}

.data-access-par {
    height: calc(100vh - 62px);
    overflow: auto;
}

.gadget-access-par #dv_Accessable,
.gadget-access-par #dv_NonAccessable {
    height: calc(100vh - 37px);
}

.screen-access-par #dv_Accessable,
.screen-access-par #dv_NonAccessable {
    height: calc(100vh - 300px);
    overflow: auto;
}

.screen-access-par #dv_OASYSXL {
    height: calc(100vh - 374px);
    overflow: auto;
}

.itm-temp-tab td {
    padding: 5px !important;
}

.ban-end-date {
    display: none;
}

.style_tabPagePosition {
    height: calc(100vh - 165px);
}

.style_tabPagePosition_designation {
    height: calc(100vh - 155px);
}

.BudgetImportGvPanel {
    height: 430px;
    overflow: auto;
}

#idbdgEmployeesPnl {
    height: calc(100vh - 30px);
    overflow: auto;
}

.per_mng_icon {
    font-size: 20px !important;
    text-decoration: none;
}

.App_par > table > tbody > tr > td {
    padding: 5px;
}

.App_par > table {
    border-collapse: separate;
    box-shadow: 0 2px 5px rgba(200, 200, 200, 1);
}

.Fa_font_style {
    cursor: pointer;
    padding: 5px 8px;
    text-decoration: none;
}

    .Fa_font_style:hover {
        text-decoration: none !important;
    }

.toolBar-imgBtn {
    color: white;
    font-size: 15px;
    text-decoration: none;
}

    .toolBar-imgBtn:hover {
        text-decoration: none;
    }

.white-btn {
    font-size: 17px;
}

.menu-search {
    display: block;
    height: 42px;
    position: relative;
    width: 100%;
}

.menu-icon {
    font-size: 22px;
    line-height: 42px;
    margin-left: 5px;
    position: absolute;
    width: 20px;
}

.menu-text input {
    border: 5px solid #F6F6F6;
    height: 42px;
    margin: 0;
    padding-left: 40px;
    width: 100%;
}

.menu-search-res {
    display: none;
    height: calc(100vh - 85px);
    overflow: auto;
    width: 100%;
}

.searchmenu-item {
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    padding-left: 10px;
}

.menu-ser-ldr {
    line-height: 25px;
    text-align: center;
    width: 100%;
}

.menu-icon-close {
    cursor: pointer;
    display: none;
    font-size: 20px;
    margin: 7px;
    position: absolute;
    right: 0;
    top: 0;
}

.searchmenu-item-cap {
    color: #999;
    font-size: 12px;
    font-weight: 400;
    height: 25px;
    margin: 3px 4px;
    max-width: 325px;
    overflow: hidden;
    padding: 0 5px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    white-space: nowrap;
}

.searchmenu-item:first-child {
    padding-top: 5px;
}

.searchmenu-block-head {
    padding: 5px;
    font-weight: bold;
}

.process-status {
    display: initial;
    font-size: 14px;
    font-weight: 400;
    text-align: right;
    width: 80%;
}

    .process-status b {
        font-size: 16px;
    }

.non-group-cols {
    display: none !important;
}

.group-summary-cells {
    border: solid 1px #000 !important;
}

.Body_Content hr {
    border-top: 1px solid #eee !important;
    margin-bottom: 2px !important;
    margin-top: 0 !important;
}

.inter_mgr .styleTreeHeightOpt {
    display: inline-block;
    height: calc(100vh - 125px);
    overflow: auto;
    width: 99%;
}

.PyrollStatusheader {
    font-weight: bold;
    padding: 0 10px;
}

.print-toast {
    font-family: monospace;
    font-size: 20px;
    font-weight: 700;
}

.payroll_excp_grid {
    height: calc(100vh - 350px);
    overflow: auto;
}

.Fa_font_style_header {
    padding: 5px 8px;
    cursor: pointer;
    text-decoration: none;
}

    .Fa_font_style_header:hover {
        text-decoration: none !important;
    }

.Fa_font_icon {
    padding: 5px 8px;
    cursor: pointer;
    text-decoration: none;
}

    .Fa_font_icon:hover {
        text-decoration: none !important;
    }

#eDocsContentPaneWithApprovalMatrix .cash-advnc {
    max-height: calc(100vh - 222px);
}

.year-txt {
    height: 24px;
    width: 75px;
    vertical-align: initial !important;
}

.title-icon {
    color: white;
    font-size: 18px;
    margin-right: 10px;
    text-decoration: none;
}

.inner-grid-full-width .grid-view-tab {
    width: 100%;
}

.impdata {
    margin: 0 auto;
    padding: 10px;
}

.Trn_cos_grid {
    height: calc(100vh - 37px);
    overflow: auto;
}

.appr_btn {
    cursor: pointer;
    padding: 0px 3px 2px 3px;
    text-decoration: none;
    border-radius: 3px;
}

    .appr_btn:hover {
        text-decoration: none !important;
    }

.appr_btn_con {
    cursor: pointer;
    padding: 6px 3px;
    text-decoration: none !important;
    border-radius: 3px;
}

    .appr_btn_con:hover {
        text-decoration: none !important;
    }

.appr_ToolBar {
    line-height: 25px;
    padding: 2px 0;
}

div.ajax__calendar td:not(.first-td-width) {
    width: 0%;
}

.upd_grid_box {
    height: calc(100vh - 5px);
    overflow: auto;
}

.numeric-inputs input[type="text"] {
    text-align: right;
}

/* File Attachments*/

/* File Attachments*/

.attachement-viewer {
    position: relative;
    float: left;
}

    .attachement-viewer a {
    }

.attachment-viewer-panel {
    display: none;
    position: absolute;
    background-color: #ffffff;
    width: 300px;
    overflow: hidden;
    border-radius: 3px;
    z-index: 99999;
}

.attachement-viewer:hover .attachment-viewer-panel {
    display: block;
}

.attachement-viewer .attachment-item {
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    text-overflow: ellipsis;
    overflow: hidden;
    min-width: 400px;
}

    .attachement-viewer .attachment-item a:nth-child(1) {
        font-weight: bold;
        display: table-cell;
    }

        .attachement-viewer .attachment-item a:nth-child(1):hover {
            text-decoration: none;
            background-color: transparent !important;
        }

    .attachement-viewer .attachment-item a:nth-child(2) {
        padding-left: 5px;
        display: table-cell;
        text-overflow: ellipsis;
    }


    .attachement-viewer .attachment-item:hover {
        color: #fff !important;
    }

        .attachement-viewer .attachment-item:hover A {
            text-decoration: none;
        }

.attachement-viewer .bottom-left {
    top: 0px;
    right: 0px;
}

/*END */

.testlinkcss {
    display: inline-block;
    float: left;
    padding: 5px 10px;
    text-decoration: none !important;
}

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

/*-----*/

.lne-ht > span {
    display: block;
    line-height: 24px !important;
    width: 225px;
}

.lv-tkt {
}

    .lv-tkt select {
        background-color: #fff !important;
        border: 1px solid #d9e2eb !important;
        box-shadow: none;
        height: 24px;
        padding: 0 3px;
        max-width: 150px;
    }

.ibx-btm-tbl table {
    border: none !important;
    border-style: none !important;
}

.ibx-btm-tbl td {
    padding: 0 5px;
}

.ibx-btm-tbl-scroll {
    overflow-y: auto !important;
    height: 140px;
}

.mng-acmdtn-scroll {
    height: calc(100vh - 94px);
    overflow-y: auto !important;
}

.tim-atn-mng-input {
    background-color: #fff !important;
    border: 1px solid #d9e2eb !important;
    height: 24px;
    padding: 0 5px !important;
    width: 90%;
    line-height: 15px;
}

.accru-enc {
    margin: 8px;
}

.accru-enc-tbl {
    border: 1px solid #ededed;
}

    .accru-enc-tbl td {
        border-right: 1px solid #ededed;
        padding: 5px;
    }

.schedul-tbl table {
    width: 100%;
}

.schedul-tbl .style_deTable {
    border-top: 1px solid #ededed;
    border-top: 1px solid #ededed;
    width: 100%;
}

    .schedul-tbl .style_deTable td {
        border-right: 1px solid #ededed;
        border-bottom: 1px solid #ededed;
        padding: 3px 5px;
    }

.mv2-apptb-360pd {
    position: absolute;
    top: 3px;
    padding-left: 360px;
}

.mv2-apptb-450l {
    position: absolute;
    top: 5px;
    left: 450px;
}

.mv2-apptb-585l {
    position: absolute;
    top: 2px;
    left: 585px;
}

.mv2-apptb-530l {
    position: absolute;
    top: 2px;
    left: 590px;
}

.mv2-apptb-385l {
    position: absolute;
    top: 3px;
    left: 385px;
}

.mv2-apptb-386l {
    position: absolute;
    top: 0px;
    left: 450px;
}

.defa-page-content-scroll {
    display: block;
    width: 100%;
    height: calc(100vh - 40px);
    overflow: auto;
}

.empheader-page-content-scroll {
    display: block;
    width: 100%;
    height: calc(100vh - 60px);
    overflow: auto;
}

.import-ta-icn input {
    vertical-align: auto !important;
}

.import-ta-icn .icon-button {
    padding: 3px 5px;
}

.border-box-bgcolor2x input[type="radio"],
input[type="checkbox"] {
    margin: 0px 5px 0 0;
}

.grid-tab-parnt .grid-view-tab {
    width: 100%;
}

.style_edocsTable_bt_Border .ajax__calendar_day {
    font-weight: normal;
}

.intr-fc-mngr table td table td {
    padding: 0px !important;
    line-height: 15px;
}

    .intr-fc-mngr table td table td a {
        background-color: #fff;
        display: block;
        padding: 6px 10px;
    }

    .intr-fc-mngr table td table td span {
        display: block;
        padding: 6px 10px;
        color: #fff;
    }

.intr-fc-btn {
    padding: 0 5px;
    position: relative;
    top: -2px;
    right: 96px;
}

.intr-fc-gnrt {
    padding: 0 5px;
    position: relative;
    top: -1px;
    right: 96px;
}

.cmn-lbl {
    padding: 10px;
    margin: 10px;
}

    .cmn-lbl span {
        font-weight: bold;
    }

.mndtr-fld {
    color: #b71c1c !important;
}

.blk-incrmt-botm {
    /*position: absolute;*/
    height: calc(100vh - 308px);
    overflow: auto;
    width: 100%;
    padding: 10px;
    /*margin: 0 16px;*/
    /*top: 328px;*/
}

    .blk-incrmt-botm .Grid_View_Tab {
        margin: 0 5px;
    }

.filter-dtl-in textarea {
    height: 48px;
}

.pp-btn a:link {
    padding-right: 10px;
    padding-left: 10px;
}

.txt-intnt td {
    text-indent: 15px;
}

.att-style TH {
    width: 3%;
}

.att-style .datatable TD {
    width: 3%;
}

/*CHEAT SHEETS*/

.cheat-css-reserve-space {
    width: 0px;
}

/*CHEAT SHEETS*/

/*ie*/

@media screen and (min-width:0\0) {
    .BulletedListStyle li a:before {
        font-size: 15px;
    }

    .BulletedListStyle li {
        padding-right: 20px;
    }

    .required-1 .select-list-1 {
        padding: 0px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Chrome, if Chrome rule needed */
    .BulletedListStyle li a:before {
        font-size: 15px;
    }

    .style_tabPageInCommonEmployeeSelectionTree {
        height: calc(100vh - 112px);
    }

    /* Safari 5+ ONLY */
    ::i-block-chrome,
    .style_searchtextbox {
        padding: 3px;
    }
}

/* Safari only*/

_::-webkit-full-page-media, _:future, :root .safari-valign input[type="text"] {
    vertical-align: middle;
}

_::-webkit-full-page-media, _:future, :root .safari-valign span {
    vertical-align: middle;
    line-height: 10px;
}

_::-webkit-full-page-media, _:future, :root .rule-action-block input[type="checkbox"] {
    vertical-align: unset;
}

_::-webkit-full-page-media, _:future, :root .dv-hd-fz > table.tbl-hd-fz > tr > th {
    padding: 0 0.1px !important;
}

/*Bug 3068*/
_::-webkit-full-page-media, _:future, :root .header-dummy th {
    padding-right: 12px !important;
}

/*Bug 3013*/
_::-webkit-full-page-media, _:future, :root .line-21px-imp {
    line-height: 21px !important;
}

_::-webkit-full-page-media, _:future, :root .dv-lst-items .cap1, .dv-lst-items .cap2, .dv-lst-items .cap2 + .cap2 {
    vertical-align: unset;
}

input::-webkit-contacts-auto-fill-button {
    opacity: 0;
}

/* Safari only*/

/* Chrome only*/

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    .search-setup input[type="checkbox"] {
        vertical-align: sub;
    }

    #ctl00_cblFilterEntity input[type="checkbox"] {
        vertical-align: middle;
    }

    /* Added bug 2988 */

    .chkbx-lis-vln input[type="checkbox"], .chkbx-lis-vln input[type="radio"], .chkbx-lis-vln label {
        vertical-align: sub;
        font-weight: bold;
    }
    /* Added bug 2988 */

    /* Added bug 3069 */
    .daily-attndc-wrksht table tr:first-child th:nth-child(2) label {
        line-height: normal;
        vertical-align: bottom;
        white-space: nowrap;
    }
    /* Added bug 3069 */
}

/* Chrome only*/

/*Header Fix*/

.header-dummy {
    display: none;
    position: absolute;
    margin: 1px;
    line-height: 15px;
    z-index: 1;
}

.ofix-head > tbody {
    display: block;
    overflow: auto;
}

.ofix-head {
    border-collapse: collapse;
    display: block;
}

.header-dummy th {
    padding: 3px 10px;
    text-align: left;
    white-space: nowrap;
}

.column-dummy {
    display: none;
    position: absolute;
    margin: 0 1px;
    z-index: 2;
}

    .column-dummy th {
        text-align: left;
        white-space: nowrap;
    }

    .column-dummy .GridviewScrollHeader TH {
        height: 34px;
    }

.clmn-hd-dmy {
    position: absolute;
    display: none;
    z-index: 3;
    margin: 0 1px;
    top: 0px;
}

    .clmn-hd-dmy .GridviewScrollHeader TH {
        height: 36px;
    }

    .clmn-hd-dmy .lookupGrid_head_bg th {
        padding: 3px 10px;
        line-height: 48px;
    }

.column-dummy .grid-view-tab th {
    padding: 3px 10px;
    text-align: left;
    white-space: nowrap;
}

.column-dummy .grid-view-tab td {
    padding: 5px 10px;
}

.column-dummy .grid-view-tab.td-pad td {
    line-height: 26px;
    padding: 0px 10px;
}

/*End Header Fix*/

/*License Monitor*/

.tbl-license {
    width: 100%;
}

    .tbl-license > tbody > tr > td:first-child {
        width: 100%;
    }

    .tbl-license > tbody > tr > td {
        padding: 10px 3px;
    }

.dv-lic-each {
    padding: 10px 3px;
    border: 1px solid #f2f2f2;
}

.sp-lic-each {
    padding: 2px;
    border-radius: 3px 3px 0px 0px;
}

.pnl-lic-ht {
    max-height: calc(100vh - 225px);
    overflow: auto;
}

/*End License Monitor*/

.emp_opt_checklist .OASYS-check-box-list-control .action-item-panel td {
    border: none;
    padding-left: 5px;
}

.emp_opt_checklist .OASYS-check-box-list-control .action-item-panel {
    overflow: auto;
    position: absolute;
    width: 84%;
    height: calc(100% - 50px);
}

.emp_opt_checklist .OASYS-check-box-list-control .action-header-panel {
    border-radius: 3px;
    margin-right: 13px;
    overflow: auto;
    padding: 5px;
    white-space: pre-wrap;
    width: 98% !important;
}

.tab-first-canreq .inputButton {
    cursor: pointer;
    padding: 5px 8px;
    text-decoration: none;
}

.ajax-cal-fix td, .ajax-cal-fix div {
    padding: 0px !important;
}

.personnel span {
    padding: 3px 10px;
    background-color: #4281F4;
    color: white;
    border-radius: 2px;
}

.payAdmn_grid {
    height: 150px;
    overflow: auto;
}

.pre-finalize-dv {
    overflow: auto;
    height: calc(100vh - 55px);
}

.pre-fn-header {
    font-weight: bold;
}

.pre-fn-itm-cont {
    margin: 5px;
    padding: 5px;
    border-radius: 3px;
}

.pre-dept {
    font-weight: bold;
    font-size: 14px;
}

.pre-status i {
    float: right;
    font-size: 14px;
}

.air-button {
    padding: 5px 10px;
    border-radius: 2px;
    color: #fff;
    margin-left: 10px;
    text-decoration: none;
}

    .air-button:hover {
        background-color: #ddd;
        text-decoration: none;
    }

.box-frame-head {
    color: #fff;
    font-weight: bold;
    padding: 3px 10px;
}

    .box-frame-head span {
        line-height: normal;
        margin: 0;
    }

    .box-frame-head label {
        line-height: normal;
    }

.casual-page-scroll {
    height: calc(100vh - 130px);
    overflow: auto;
    overflow-x: hidden;
}

.toolbar_bg {
    background-color: #f6f6f6;
}

.accm-mng-unit {
    max-height: calc(100vh - 335px);
    overflow-x: hidden;
    overflow-y: auto;
}

.accm-mng-unit-sel {
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}

.OASYSDataRow .ajax__calendar_container {
    width: 180px !important;
}

.OASYSDataRow .ajax__calendar_day {
    text-align: center;
}

.tkt-box-frame-head {
    color: #fff;
    font-weight: bold;
    padding: 5px 10px;
}

/*Payroll Exception Vertical Tab*/

div.btstrap-tab-container {
    z-index: 10;
    padding: 0 !important;
    border-radius: 4px;
    -moz-border-radius: 4px;
    margin-top: 16px;
    /*margin-left: 15px;*/
    background-clip: padding-box;
    opacity: 0.97;
    filter: alpha(opacity=97);
    /*width: calc(100% - 30px);*/
}

div.btstrap-tab-menu {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}

    div.btstrap-tab-menu div.list-group {
        margin-bottom: 0;
    }

        div.btstrap-tab-menu div.list-group > a {
            margin-bottom: 0;
        }

            div.btstrap-tab-menu div.list-group > a:first-child {
                border-top-right-radius: 0;
                -moz-border-top-right-radius: 0;
            }

            div.btstrap-tab-menu div.list-group > a:last-child {
                border-bottom-right-radius: 0;
                -moz-border-bottom-right-radius: 0;
            }

            div.btstrap-tab-menu div.list-group > a.active:after {
                content: '';
                position: absolute;
                left: 100%;
                top: 50%;
                margin-top: -13px;
                border-left: 0;
                border-bottom: 13px solid transparent;
                border-top: 13px solid transparent;
            }

div.btstrap-tab-content {
    padding-left: 2px;
    padding-top: 10px;
}

div.btstrap-tab div#exceptionDetails .btstrap-tab-content:not(.active) {
    display: none;
}

div#exceptionDetails {
    height: calc(90vh - 40px);
    overflow: auto;
    width: 100%;
}

.number-circle {
    border-radius: 50%;
    width: 35px;
    height: 35px;
    padding: 7px;
    text-align: center;
    display: inline-block;
    float: right;
    box-shadow: 0px 0px 5px 0px;
    margin-top: 2px;
}

.exp-headers {
    display: inline-block;
    padding: 10px;
    font-size: 14px;
    max-width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.tool-bar {
    width: 100%;
    height: 35px;
    margin-top: 2px;
}

    .tool-bar > div#btnInclude {
        padding: 6px 10px;
        float: right;
    }

.form-control-search {
    position: absolute;
    top: 7px;
    right: 5px;
    z-index: 2;
    display: block;
    text-align: center;
    pointer-events: none;
    font-size: 16px;
}

.tool-bar > div.search-div {
    float: left;
    padding-left: 2px;
    position: relative;
    width: calc(100% - 64px);
}

div#headerList {
    height: calc(90vh - 10px);
    overflow: hidden;
}

    div#headerList:hover {
        overflow-y: auto;
        margin-right: -10px;
    }

/*End Payroll Exception Vertical Tab*/

.lev-hr {
    margin-bottom: 2px !important;
    margin-top: 2px !important;
}

/*Amendments*/

.fl-upload {
    margin: 2px;
    width: 500px;
}

.fl-upload-head {
    padding: 3px 5px;
    font-weight: bold;
}

.upload-content input[type=image] {
    vertical-align: bottom;
}

.upload-content {
    padding: 3px;
}

    .upload-content .content-sub {
        float: right;
        padding-right: 5px;
    }

/*End Amendments*/

.os-table-style .air-button-edit {
    padding: 2px 10px;
    border-radius: 2px;
    color: #fff !important;
    margin-left: 10px;
    text-decoration: none;
    cursor: pointer;
}

    .os-table-style .air-button-edit:hover {
        background-color: #ddd;
        text-decoration: none;
        color: #000 !important;
    }

.os-table-style .air-button-delete {
    padding: 2px 10px;
    border-radius: 2px;
    color: #fff !important;
    margin-left: 10px;
    text-decoration: none;
    cursor: pointer;
}

    .os-table-style .air-button-delete:hover {
        background-color: #ddd;
        text-decoration: none;
        color: #000 !important;
    }

.air-invoice-grid {
    max-height: 48px;
    overflow: auto;
    margin: 0 10px;
}

.air-ticket-content {
    margin: 10px 5px 0px 5px;
}

/*Archive Reports*/

.hist-screen .cont-ht {
    height: calc(100vh - 130px);
    overflow: auto;
}

.hist-screen .cont-ht2 {
    height: calc(100vh - 6px);
    overflow: auto;
}

.hist-report .cont-ht {
    height: calc(100vh - 220px);
    overflow: auto;
}

.hist-report .cont-ht2 {
    height: calc(100vh - 100px);
    overflow: auto;
}

.dv-date {
    display: inline-block;
    padding: 4px 1px;
}

.list-grp-head h4 {
    max-width: calc(100% - 0px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.if-pdf {
    height: 100%;
    width: 100%;
    overflow: auto;
}

.tb-item-hist {
    left: 10px !important;
    width: calc(100vw - 20px);
    height: calc(100vh - 50px);
}

/*End Archive Reports*/

/* Enity wise config */

.dept-collapse {
    position: absolute;
    left: 0px;
    padding: 0px 10px;
    font-size: 25px;
    cursor: pointer;
}

/* End Enity wise config */

.style_height_loan .CssGridStyle table {
    width: 100%;
}

.pay-attend-scroll {
    height: calc(100vh - 190px);
    overflow: auto;
    overflow-x: hidden;
}

.Accru-enc-grid {
    height: calc(100vh - 80px);
    overflow: auto;
}

/*** 27-11-2016 ******/

.wrd-brk {
    word-break: break-all;
    white-space: normal;
}

.jourexcep-grid {
    height: calc(100vh - 100px);
    overflow: auto;
}

.gen-select-master {
    position: relative;
    bottom: 8px;
}

.casual-page-border {
    margin: 2px;
}

.journal-grid {
    height: calc(100vh - 123px) !important;
    overflow: auto;
}

.sep-rehire-checkbox label {
    display: inline;
    padding: 5px;
    vertical-align: 2px !important;
}

.cost-allow-grid {
    height: calc(100vh - 145px);
    overflow: auto;
}

/* Report Control Column Fix */

.column-freeze-ico {
    position: absolute;
    bottom: 10px;
    right: 0;
    width: 30px;
    z-index: 10;
}

.freeze-mask {
    position: absolute;
    top: 65px;
    bottom: 45px;
    left: 0;
    right: 0;
}

#spanOnMaskToFreeze {
    top: 40%;
    left: 40%;
    position: absolute;
    padding: 3px;
    font-weight: bold;
}

.oasys-control-column-dummy {
    display: none;
    position: absolute;
    line-height: 15px;
    z-index: 2;
}

    .oasys-control-column-dummy .oasys-control-table-dummy tbody tr th,
    .oasys-control-column-dummy .oasys-control-table-dummy tbody tr td {
        white-space: nowrap;
        padding: 6px 10px 6px 10px;
        line-height: 1.2572;
    }

    .oasys-control-column-dummy .oasys-control-table-dummy tbody tr td {
        text-align: left;
    }

    .oasys-control-column-dummy .oasys-control-table-dummy tr th,
    .oasys-control-column-dummy .oasys-control-table-dummy tr td {
        white-space: nowrap;
        padding: 6px 10px 6px 10px;
        line-height: 1.27;
    }

    .oasys-control-column-dummy .oasys-control-table-dummy tr td {
        text-align: left;
    }

.oasys-control-clmn-hd-dmy th {
    text-align: left;
    white-space: nowrap;
    padding: 5px 10px 5px 10px;
}

.oasys-control-clmn-hd-dmy {
    position: absolute;
    display: none;
    z-index: 3;
    left: 0;
}

.oasys-control-table-dummy > tbody tr.oasys-control-grouped-header th.cols-rowspan-2 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.oasys-control-table-dummy tr.oasys-control-grouped-header th.cols-rowspan-2 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.oasys-control-clmn-hd-dmy tr.oasys-control-grouped-header th.cols-rowspan-2 {
    padding-top: 19px;
    padding-bottom: 19px;
}

.oasys-control-table-dummy > tbody > tr.H td:first-child {
    border: none;
    font-weight: bold;
}

.oasys-control-table-dummy > tr.H td:first-child {
    border: none;
    font-weight: bold;
}

.dummy-x-scroll {
    position: absolute;
    bottom: 29px;
    left: 0;
    right: 0;
    margin: 3px;
    overflow-x: scroll;
    overflow-y: hidden;
    z-index: 10;
    display: none;
}

.inner-scroll {
    height: 2px;
    width: 1000px;
    white-space: nowrap;
}

/* End Report Control Column Fix */

/***************************Employee signature*********************/

.cand-photo {
    width: 300px;
    height: 155px;
    border: solid 1px #ddd;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
    padding: 1px;
}

.cand-photo-hover {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: none;
    padding: 1px 10px;
}

    .cand-photo-hover span {
        display: block;
        float: left;
        margin: 3px;
    }

    .cand-photo-hover .cam-img {
        width: 25px;
        height: 20px;
        float: left;
        display: block;
    }

.edit-photo-pop {
    width: 965px;
    height: 425px;
    position: absolute;
    top: 15%;
    display: none;
    left: 15%;
}

.photo-header {
    position: relative;
    padding: 5px;
}

    .photo-header .caption {
        font-weight: bold;
        background-color: transparent;
        color: #fff;
    }

    .photo-header .closebut {
        font-weight: bold;
        position: absolute;
        right: 10px;
        cursor: pointer;
        top: 1px;
    }

.edit-photo-title {
    padding: 6px;
    font-weight: bold;
}

.edit-photo-area {
    height: 300px;
}

.edit-photo-footer {
    padding: 10px;
}

.photo-adjust, .photo-preview {
    padding: 10px;
    height: 90%;
    width: 45%;
    float: left;
}

.photo-adjust-caption, .photo-preview-caption {
    font-weight: bold;
}

.photo-adjust .photo-change {
    font-size: 12px;
    margin-left: 10px;
}

.photo-adjust .photo-adjust-title, .photo-preview .photo-preview-title {
    font-size: 12px;
}

.photo-adjust .photo-change:hover {
    text-decoration: underline;
    cursor: pointer;
}

.photo-adjust .photo-adjust-area, .photo-preview .photo-preview-area {
    width: 200px;
    height: 200px;
    margin: 0 auto;
}

#preview-pane .preview-container {
    width: 300px;
    height: 150px;
    overflow: hidden;
}

.cropit-image-preview, .photo-preview .photo-preview-area {
    background-size: cover;
    border-radius: 3px;
    margin-top: 7px !important;
    width: 300px;
    height: 150px;
    cursor: move;
    margin: 0 auto;
}

.cropit-image-background {
    opacity: .5;
    cursor: auto;
}

.image-editor input[type=file] {
    position: absolute;
    top: 90px;
    width: 125px;
    left: 135px;
    opacity: 0;
    cursor: pointer;
}

.cand-photo-view {
    width: 75px;
    height: 75px;
    border: solid 1px #ddd;
    border-radius: 5px;
    cursor: pointer;
    position: absolute;
    padding: 1px;
    margin: 5px;
    right: 0px;
    zoom: 100%;
}

.cand-img {
    zoom: 100%;
}

.reload-img {
    cursor: pointer;
    padding: 3px;
    border-radius: 3px;
    font-size: 10px;
}

.cand-photo-hover .cam-img {
    background: url('../Images/camera.png') no-repeat 0px -2px;
}

.cand-photo-hover .photo-delete {
    background: url('../Images/delete-icn.png') no-repeat 0px 0px;
    padding-left: 25px;
}

.cand-photo-hover {
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    line-height: 26px;
}

.cand-photo #canvas {
    width: 296px;
    height: 150px;
}

.edit-photo-pop {
    background-color: #f2f2f2;
    border: solid 1px #ddd;
    box-shadow: 1px 2px 8px #888;
}

.photo-header-cap {
    color: #fff;
}

.photo-header .closebut {
    color: #fff !important;
    font-size: large;
}

.edit-photo-title {
    background-color: #fff;
    color: #0094ff;
}

.edit-photo-area {
    background-color: #f2f2f2;
}

.edit-photo-footer {
    background-color: #fff;
}

.photo-preview {
    border-left: solid 1px #ddd;
}

.photo-adjust-caption, .photo-preview-caption {
    color: rgb(128, 128, 128);
}

.photo-adjust .photo-change {
    color: #0094ff;
}

.photo-adjust .photo-adjust-title, .photo-preview .photo-preview-title {
    color: gray;
}

.photo-adjust .photo-adjust-area, .photo-preview .photo-preview-area {
    border: solid 1px #888;
}

.cropit-image-preview, .photo-preview .photo-preview-area {
    background-color: #f8f8f8;
    border: 1px solid #ccc;
}

.reload-img {
    background-color: darkGray;
}

    .reload-img:hover {
        color: #356063;
        background-color: silver;
    }

/***************************End Employee signature****************/

.vistprof {
    padding: 0px 5px 5px 5px;
    height: 225px;
}

.visitor_border {
    border-collapse: separate;
    box-shadow: 0 2px 5px rgba(200, 200, 200, 1);
    background-color: #ffffff;
    margin: 5px;
}

.td_CaptionTv, .td_CaptiontV, .td_CaptionvTReq, .td_CaptionVv {
    padding: 2px;
    padding-left: 5px;
    font-size: 12px;
}

.td_CaptionTvReq {
    color: #852b2b;
    white-space: nowrap;
}

.td_CaptionTv {
    white-space: nowrap;
}

.cap-sig-header {
    vertical-align: middle;
    font-weight: bold;
    /*font-size: large;*/
    color: White;
    width: 100%;
    text-transform: uppercase;
}

.Airticket-invoicegrid {
    height: 295px;
    overflow: auto;
}

.jourexcep-grid table {
    display: table;
}

.Mngwrkinter .OASYS-check-box-list-control .action-item-panel {
    overflow: auto;
    position: absolute;
    width: 47%;
    height: calc(100% - 180px);
}

    .Mngwrkinter .OASYS-check-box-list-control .action-item-panel td {
        width: 100%;
        padding-left: 5px;
    }

.posreq-content {
    height: calc(100vh - 75px);
    overflow: auto;
}

    .posreq-content #contentLayout001 {
        height: auto;
    }

    .posreq-content .style_tabPagePosition {
        height: auto;
    }

/*employee history*/

.dv_SearchMembers {
    min-width: 350px;
    position: absolute;
    background-color: #fff;
    border: solid 1px #c0c0c0;
    top: 30px !important;
    left: 0px;
    z-index: 9999;
    max-height: 200px;
    overflow: auto;
    -webkit-box-shadow: 0px 0px 14px rgba(50, 50, 50, 1);
    -moz-box-shadow: 0px 0px 14px rgba(50, 50, 50, 1);
    box-shadow: 0px 0px 14px rgba(50, 50, 50, 1);
}

dv_SearchMembers .Content {
    padding: 0px 5px 0px 5px;
}

.dv_SearchMembers ul, .dv_SearchMembers li {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

.dv_SearchMembers li {
    cursor: pointer;
    border: none;
    padding: 4px;
    clear: both;
}

.dv_SearchMembers .clear {
    clear: both;
}

.dv_SearchMembers li:hover {
    background-color: #eeeeee;
}

.dv_SearchMembers div.picbox {
    float: left;
    height: 40px;
    width: 40px;
}

    .dv_SearchMembers div.picbox img {
        margin: 5px;
    }

.dv_SearchMembers .SearchDetails {
    float: left;
    margin-left: 5px;
}

div.HCaption1, div.HCaption2, div.HCaption3 {
    color: #000;
    font-weight: bold;
    font-size: 12px;
}

div.HCaption2 {
    font-weight: normal;
    font-size: 11px;
    color: #777777;
}

.emp-his-content {
    border-right: solid 1px #ddd;
    height: calc(100vh - 87px);
    overflow: auto;
}

    .emp-his-content td {
        padding-left: 5px;
    }

/*employee history ends*/

.Emp-opt-grid .header-dummy {
    display: none;
    position: absolute;
    margin: 1px;
    line-height: 15px;
    z-index: 1;
    height: auto !important;
    left: 6px !important;
}

.emp-his-table {
    max-height: 200px;
    overflow: auto;
}

    .emp-his-table .table > tbody > tr > th {
        white-space: nowrap;
    }

.emp-his-arrow {
    float: right;
    font-size: 19px !important;
    padding-right: 5px;
    text-align: center;
    line-height: 25px !important;
}

.emp-his-expand {
    float: right;
    font-size: 16px;
    margin-right: 10px;
    text-align: center;
    line-height: 25px !important;
}

.emp-his-table tr th {
    box-shadow: 1px 1px #ddd;
}

.emp-his-label {
    font-size: 14px;
    padding-left: 5px;
}

.vac-grid-scroll {
    height: calc(100vh - 170px);
    overflow: auto;
}

#cand_profile {
    height: calc(100vh - 130px);
    overflow: auto;
}

/* Select 2 Added Godly---> Do not edit this block*/

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}

    .select2-container .select2-selection--single {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        height: 28px;
        user-select: none;
        -webkit-user-select: none;
    }

        .select2-container .select2-selection--single .select2-selection__rendered {
            display: block;
            padding-left: 8px;
            padding-right: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .select2-container .select2-selection--single .select2-selection__clear {
            position: relative;
        }

    .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
        padding-right: 8px;
        padding-left: 20px;
    }

    .select2-container .select2-selection--multiple {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        min-height: 32px;
        user-select: none;
        -webkit-user-select: none;
    }

        .select2-container .select2-selection--multiple .select2-selection__rendered {
            display: inline-block;
            overflow: hidden;
            padding-left: 8px;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    .select2-container .select2-search--inline {
        float: left;
    }

        .select2-container .select2-search--inline .select2-search__field {
            box-sizing: border-box;
            border: none;
            font-size: 100%;
            margin-top: 5px;
            padding: 0;
        }

            .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
                -webkit-appearance: none;
            }

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
}

.select2-results {
    display: block;
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none;
}

    .select2-results__option[aria-selected] {
        cursor: pointer;
    }

.select2-container--open .select2-dropdown {
    left: 0;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-search--dropdown {
    display: block;
    padding: 4px;
}

    .select2-search--dropdown .select2-search__field {
        padding: 4px;
        width: 100%;
        box-sizing: border-box;
    }

        .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
            -webkit-appearance: none;
        }

    .select2-search--dropdown.select2-search--hide {
        display: none;
    }

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 28px;
    }

    .select2-container--default .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: bold;
    }

    .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: #999;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 26px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px;
    }

        .select2-container--default .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0 4px;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0;
        }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default;
}

    .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
        display: none;
    }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
}

    .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        box-sizing: border-box;
        list-style: none;
        margin: 0;
        padding: 0 5px;
        width: 100%;
    }

        .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
            list-style: none;
        }

    .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
        color: #999;
        margin-top: 5px;
        float: left;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: bold;
        margin-top: 5px;
        margin-right: 10px;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid #aaa;
        border-radius: 4px;
        cursor: default;
        float: left;
        margin-right: 5px;
        margin-top: 5px;
        padding: 0 5px;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #999;
        cursor: pointer;
        display: inline-block;
        font-weight: bold;
        margin-right: 2px;
    }

        .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #333;
        }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em;
}

    .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
        padding-left: 0;
    }

    .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -1em;
        padding-left: 2em;
    }

        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -2em;
            padding-left: 3em;
        }

            .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                margin-left: -3em;
                padding-left: 4em;
            }

                .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                    margin-left: -4em;
                    padding-left: 5em;
                }

                    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                        margin-left: -5em;
                        padding-left: 6em;
                    }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: white;
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
    background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

    .select2-container--classic .select2-selection--single:focus {
        border: 1px solid #5897fb;
    }

    .select2-container--classic .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 28px;
    }

    .select2-container--classic .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: bold;
        margin-right: 10px;
    }

    .select2-container--classic .select2-selection--single .select2-selection__placeholder {
        color: #999;
    }

    .select2-container--classic .select2-selection--single .select2-selection__arrow {
        background-color: #ddd;
        border: none;
        border-left: 1px solid #aaa;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        height: 26px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px;
        background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
        background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
        background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
        background-repeat: repeat-x;
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
    }

        .select2-container--classic .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0 4px;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0;
        }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb;
}

    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
        background: transparent;
        border: none;
    }

        .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
            border-color: transparent transparent #888 transparent;
            border-width: 0 4px 5px 4px;
        }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
    background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
    background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0;
}

    .select2-container--classic .select2-selection--multiple:focus {
        border: 1px solid #5897fb;
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
        list-style: none;
        margin: 0;
        padding: 0 5px;
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__clear {
        display: none;
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid #aaa;
        border-radius: 4px;
        cursor: default;
        float: left;
        margin-right: 5px;
        margin-top: 5px;
        padding: 0 5px;
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
        color: #888;
        cursor: pointer;
        display: inline-block;
        font-weight: bold;
        margin-right: 2px;
    }

        .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #555;
        }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none;
}

.select2-container--classic .select2-dropdown {
    background-color: white;
    border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
    border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: white;
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb;
}

/* END Here*/

#cand_profile {
    height: calc(100vh - 130px);
    overflow: auto;
}

.exp-req-sel select {
    height: 20px !important;
}

.wid-295per {
    width: 29.5%;
}

.exp-req-grid {
    /*height: calc(100vh - 517px);*/
    overflow: auto;
}

.emp-his-table table {
    margin-bottom: 0px;
}

.dep-leav-details {
    /*height: calc(100vh - 110px);*/
    overflow-y: auto;
    padding: 5px;
    overflow-x: hidden;
}

.dep-leav-details-leg {
    height: 100px;
    overflow: auto;
    padding: 5px;
}

.dep-leav-details-header {
    height: 30px;
    background-color: #f9f9f9;
    border-bottom: solid 1px #f3f3f3;
}

#eRecAgencyPayTable .vac-grid-scroll {
    height: calc(100vh - 70px);
    overflow: auto;
}

.dep-leave-cont {
    height: 45px;
    overflow: auto;
}

.grid-rsp div {
    min-height: .01%;
    overflow-x: auto;
}

.man-pwr-detals-scroll {
    height: calc(100vh - 55px);
    overflow: auto;
}

.dep-lev-details-pos .GridviewScroll tbody {
    height: calc(100vh - 122px) !important;
}

/*new data table*/

.GridviewScrollItem-leave input[type="text"], .GridviewScrollItem-leave input[type="password"] {
    border: none !important;
}

.GridviewScrollItem-leave input[type=text]:focus, .GridviewScrollItem-leave textarea:focus {
    box-shadow: 0px 0px 0px 0px #83dce1;
}

.dep-lev-details-pos .firstcolumn {
    line-height: 1.7em;
}

.dep-lev-details-pos .secondcolumn {
    line-height: 1.7em;
}

.dep-lev-details-pos .column-dummy th {
    text-align: center;
    white-space: nowrap;
}

.dep-lev-details-pos .first {
    position: relative;
}

/*new data table end*/

.ajax__calendar_day {
    text-align: center !important;
}

.style_rcOptionheader {
    font-weight: bold;
    width: 70px;
}

.res-succ-cand {
    float: right;
    line-height: normal;
    padding-right: 5px;
}

.interview-sch-grid {
    height: calc(100vh - 285px);
    overflow: auto;
    padding: 5px;
}

.interview-sch-cont {
    height: 230px;
}

.action-button-block {
    width: 100px;
}

    .action-button-block > div {
        float: right;
        padding: 0px 5px;
    }

/*---*/

.login-list-panel {
    width: 400px;
    background-color: #fff;
    min-height: 100px;
    margin: 10% auto;
    box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.42);
    padding-bottom: 1px;
}

    .login-list-panel .pnl-head {
        height: 18px;
        padding: 10px;
        color: #fff;
        font-weight: bold;
    }

.pnl-bottom {
    margin: 10px 10px 10px 10px;
    max-height: calc(100vh - 365px);
    overflow: auto;
}

    .pnl-bottom table {
        width: 100%;
        border: solid 1px #eee;
    }

    .pnl-bottom div.item {
        width: 100%;
        box-sizing: border-box;
        border-bottom: solid 1px #eee;
    }

    .pnl-bottom tr:nth-child(odd) {
        background: #fff;
    }

    .pnl-bottom tr:nth-child(even) {
        background: #f3f3f3;
    }

    .pnl-bottom div.item a {
        display: block;
        text-decoration: none;
        font-weight: bold;
        padding: 10px;
    }

    .pnl-bottom div.item:hover {
        color: #fff;
    }

/*Calculation Rule Advanced*/

/*#calc_rule label {
    display: inline-block !important;
    max-width: 90%;
    margin-bottom: 5px;
    font-weight: 700;
}*/

.left-sidebar {
    overflow-x: hidden;
    overflow-y: hidden;
    width: 250px;
    float: left;
    height: calc(100vh - 73px);
    margin: 20px 0px 0px 20px;
    overflow: hidden;
    box-shadow: 1px 1px 3px 0px;
}

.right-side {
    height: 100vh;
    width: calc(100% - 270px);
    float: left;
    padding: 20px;
    position: relative;
    transition: all 0.5s ease 0s;
}

.right-op-hid {
    float: left;
    height: calc(100vh - 73px);
    width: 33%;
    margin-right: 20px;
    transition: flex-grow 1000ms linear;
}

.right-op-big {
    float: left;
    height: calc(100vh - 72px);
    width: 65%;
    transition: flex-grow 1000ms linear;
}

.panel-head {
    font-weight: 600;
    padding: 5px 12px;
}

.left-sidebar .panel-head, .right-op-hid .panel-head, .right-op-big .panel-head {
    font-weight: normal;
}

.flex-container {
    display: -webkit-flex;
    display: flex;
}

.flex-item {
    -webkit-flex: 1 auto;
    flex: 1 auto;
}

.main-menu {
    width: 100%;
}

    .main-menu ul {
        margin: 0;
        padding: 0;
    }

        .main-menu ul li {
            display: block;
            white-space: nowrap;
        }

            .main-menu ul li a {
                text-decoration: none;
                display: block;
                padding: 10px 12px;
                transition: all 0.5s ease 0s;
            }

                .main-menu ul li a:hover {
                    text-decoration: none;
                }

.i-wid-22 {
    width: 22px;
}

.check-div {
    padding: 0 12px;
    font-size: 13px;
    line-height: 20px;
}

    .check-div label {
        display: block;
    }

.marg-t-b {
    margin-top: 10px;
    margin-bottom: 10px;
}

.marg-t-b-12px {
    margin-top: 12px;
    margin-bottom: 12px;
}

.rule-block .select {
    position: relative;
    width: auto;
    text-align: left;
    position: relative;
    display: block;
    height: 34px;
    overflow: hidden;
    border-radius: 0px;
    width: 100%;
    padding-left: 5px;
}

.bord-non {
    border: none;
}

.fnt-sz-20px {
    font-size: 20px;
}

.mar-t-b-12px {
    margin-top: 12px;
    margin-bottom: 12px;
}

/****Check box*****/

.pad-l-r-12px {
    padding-left: 12px !important;
    padding-right: 12px !important;
}

.checkbox label, .radio label {
    margin-top: 3px;
}

.text-elips {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.disp-none {
    display: none !important;
}

.mar-t-b-2px {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

.in-hight-scroll {
    overflow: auto;
    height: calc(100% - 27px);
}

.in-hight-scroll-60px {
    overflow: auto;
    height: calc(100% - 60px);
}

.ulSubList div.checkbox {
    transition: all 0.5s ease 0s;
}

    .ulSubList div.checkbox:hover {
        cursor: pointer;
    }

.clp-exp {
    position: absolute;
    left: 2px;
    display: none;
    height: calc(100vh - 72px);
    width: 17px;
    writing-mode: vertical-lr;
    -ms-writing-mode: tb-rl;
    cursor: pointer;
}

.clp-exp-2:hover {
    padding: 0px 4px;
    border-radius: 2px;
    margin-right: -4px;
}

#ulSubList li label {
    font-weight: normal;
}

.vertical-txt {
    font-size: 17px;
    line-height: 19px !important;
}

.progress-fa {
    float: left;
    margin: 2px;
    animation: fill .5s ease-in-out .5s forwards, scale .8s ease-in-out .9s both;
}

.popup-calc {
    width: 965px;
    height: 425px;
    position: absolute;
    top: 15%;
    display: none;
    left: 15%;
}

.popup-header {
    position: relative;
    padding: 5px;
}

    .popup-header .cap {
        font-weight: bold;
    }

    .popup-header .closebut {
        font-weight: bold;
        position: absolute;
        right: 10px;
        cursor: pointer;
        top: 1px;
        font-size: large;
    }

.popup-footer {
    padding: 10px;
}

.calc-box-header {
    padding: 8px;
}

.calc-rule {
    font-size: large;
}

.add-rule {
    margin-top: 3px;
    padding: 0px 5px;
    cursor: pointer;
}

.modal-content-custom {
    border-radius: 0;
}

.modal-header-custom {
    padding: 5px !important;
}

.modal-footer-custom {
    padding: 5px !important;
}

.modal-body-custom {
    height: calc(100vh - 150px);
    overflow: auto;
}

.btn-custom {
    font-size: 14px !important;
    font-weight: bold !important;
    padding: 0px 5px !important;
    width: 30px;
    height: 28px;
    margin: 1px;
}

.rule-block {
    margin: 2px 0px 10px 0px;
    padding: 15px 0px 5px 0px;
    position: relative;
}

.rule-block-caption {
    position: absolute;
    top: -13px;
    left: 0px;
    padding: 3px;
    font-weight: bold;
}

.calc-box-header label.if,
.calc-box-header label.elseif,
.calc-box-header label.else {
    border-radius: 10px;
    padding: 0px 3px;
}

.r-add-more {
    padding: 0px 0px 20px 0px;
    position: absolute;
    right: 10px;
    top: -30px;
}

.sp-close {
    position: absolute;
    top: -15px;
    right: 10px;
    cursor: pointer;
    font-size: 14px;
}

#main_If .sp-close, #main_Else .sp-close {
    display: none;
}

#r_addMore {
    width: calc(100% - 255px);
    position: relative;
}

.calc-each-container {
    margin-top: 3px;
}

.calc-box-content .calc-each-container {
    margin-left: 10px;
    margin-bottom: 2px;
}

.btn-extra-act {
    margin-right: 3px;
    display: inline-block;
}

.ctrl-row {
    display: block;
    margin: 2px 0px;
}

    .ctrl-row .drop-custom-fields,
    .ctrl-row .drop-operators,
    .ctrl-row .drop-txt-ctrl,
    .ctrl-row .drop-operants,
    .ctrl-row .ctrl-row-clear {
        display: inline-block;
    }

/*On/Off*/

.switch {
    position: relative;
    display: inline-block;
    width: 25px !important;
    min-height: 10px !important;
}

    .switch input {
        display: none;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 8px;
        width: 8px;
        left: 3px;
        bottom: 1px;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider:before {
    -webkit-transform: translateX(12px);
    -ms-transform: translateX(12px);
    transform: translateX(12px);
}

/*End On/Off*/

.act-drp-fields {
    margin-top: 2px;
}

.chk-sub-ex {
    vertical-align: sub;
}

.status-indicator {
    position: absolute;
    right: 2px;
    top: 0px;
}

.status-invalid, .status-valid {
    font-weight: bold;
    padding: 0 25px;
    margin-right: 3px;
    border-radius: 5px;
}

.validate-rule {
    font-size: 20px;
}

#horz_txt {
    line-height: 15px;
}

/*End Calculation Rule Advanced*/

.styleTreeHeightOpt > div > a > img {
    display: none;
}

.taxpar-details-grid {
    height: calc(100vh - 60px);
    overflow: auto;
}

.taxpar-grid {
    height: calc(100vh - 60px);
    overflow-x: hidden;
    overflow-y: auto;
}

.benefit-plandetil-grid {
    height: calc(100vh - 65px);
    overflow: auto;
}

.benefit-plan-grid {
    height: calc(100vh - 65px);
    overflow-x: hidden;
    overflow-y: auto;
}

/*Payroll Calculation Exception*/

#horz_txt_scope, #horz_txt_cat {
    line-height: 15px;
}

.left-sidebar-pycaex {
    overflow-x: hidden;
    overflow-y: hidden;
    width: 300px;
    float: left;
    height: calc(100vh - 75px);
    margin: 20px 0px 0px 20px;
    overflow: hidden;
    box-shadow: 1px 1px 3px 0px;
}

.right-side-pycaex {
    height: 100vh;
    width: calc(100% - 320px);
    float: left;
    padding: 20px;
    position: relative;
    transition: all 0.5s ease 0s;
}

.right-op-hid-pycaex {
    float: left;
    height: calc(100vh - 75px);
    width: 50%;
    margin-right: 20px;
    transition: flex-grow 1000ms linear;
}

.pycaex-search {
    width: 100px;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 16px;
    padding: 5px 8px 5px 30px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
    margin: 2px;
    width: calc(100% - 5px);
}

.pycaex-search-ico {
    position: absolute;
    top: 9px;
    left: 7px;
    font-size: 15px !important;
}

.scope-search-list {
    position: absolute;
    width: calc(100% - 5px);
    margin: 2px;
    display: none;
    z-index: 10;
}

#pycaex_search_ico_act {
    line-height: 14px;
    margin: 0px;
}

#ulSubList_pycaex li label {
    font-weight: normal;
}

#payroll_Excep label {
    display: inline-block !important;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

/*End Payroll Calculation Exception*/

.ser-chr-content {
    margin: 10px 5px 0px 5px;
}

.ser-chr-content-grid {
    height: calc(100vh - 115px) !important;
    overflow: auto;
}

/* Legal Calculation Setup*/

#slab_setup label {
    display: inline-block !important;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

/* End Legal Calculation Setup*/

.currency-rates-grid {
    height: calc(100vh - 100px);
    overflow: auto;
}

.currency-grid {
    height: calc(100vh - 100px);
    overflow: auto;
}

.currency-rates-grid .OASYSGrid .ValidationSummary {
    border-radius: 5px;
    display: none;
    left: 5px;
    margin-top: 3px;
    margin-left: 10px;
    min-width: 100px;
    max-width: 275px;
    padding: 10px;
    position: inherit;
    top: 0;
}

.sep-accrual-scroll {
    height: calc(100vh - 130px);
    overflow: auto;
}

.unq-078 .OASYS-check-box-list-control .action-item-panel {
    overflow: hidden;
    position: absolute;
    height: auto !important;
}

.pos-details {
    overflow: auto;
    height: calc(100vh - 10px) !important;
    padding: 5px;
}

.pos-details-header {
    display: block;
    font-weight: 700;
    line-height: 25px;
    text-indent: 5px;
}

/*Attendance Legends*/

.slide-panel {
    position: absolute;
    top: 5px;
    z-index: 99;
}

.slide-panel-content {
    position: fixed;
    right: -200px;
    width: 200px;
    padding: 5px;
    transition: all 0.5s ease;
    max-height: calc(100% - 50px);
    overflow: auto;
}

.slide-panel-tab {
    padding: 5px;
    display: block;
    position: fixed;
    top: 5px;
    right: -2px;
    transition: all 0.5s ease;
    display: inline-block;
    border: none;
    z-index: 0;
    cursor: pointer;
    font-size: 14px;
}

.slide-panel > input[type="checkbox"] {
    display: none;
}

    .slide-panel > input[type="checkbox"]:checked + label + .slide-panel-content {
        right: 0;
    }

    .slide-panel > input[type="checkbox"]:checked ~ label {
        right: 200px;
    }

.lg-div-table {
    display: table;
    width: 100%;
    border-spacing: 1px;
}

.lg-div-table-row {
    display: table-row;
    width: auto;
    clear: both;
}

.lg-div-table-col {
    float: left;
    display: table-column;
    padding: 5px;
}

    .lg-div-table-col:first-child {
        width: 15%;
        text-align: center;
    }

    .lg-div-table-col:nth-child(2) {
        width: 85%;
        text-align: left;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: 191px;
    }

/*End attendance Legends*/

.bdgemployeeexclution td {
    padding: 0px 5px;
}

.calc-par-accruals {
    height: calc(100vh - 35px) !important;
    overflow: auto;
}

.mng-emp-postitle {
    text-overflow: ellipsis;
    /*overflow: hidden;*/
    position: relative;
    line-height: 25px;
    padding-right: 6px;
}

.cursor-point {
    cursor: pointer;
}

.bulk-receipt .blk-incrmt-botm {
    /*position: relative;*/
    height: auto;
    overflow: auto;
    width: 99.5%;
    padding-right: 5px;
    margin: 0 6px;
    /* top: 0px;*/
}

.emp-mas-cand {
    padding-left: 5px;
}

.emp-mas-cand-content {
    height: 300px;
    overflow: auto;
    padding: 2px;
}

.journal_reversalPopup {
    max-height: 325px;
    min-height: 325px;
    padding: 5px;
    overflow: auto;
}

.emp-settlement {
    height: calc(100vh - 400px);
    overflow: auto;
}

.exception-frame {
    height: 280px;
    overflow: auto;
}

.style_performance_titlebar {
    border-bottom: solid 2px;
    border-style: outset;
    border-width: 0;
    cursor: move;
    display: block;
    font-weight: 700;
    line-height: 20px;
    padding: 3px;
    text-align: left;
}

    .style_performance_titlebar input[type=image] {
        cursor: pointer;
    }

.bulk_head-panel {
    color: #fff;
    font-weight: 700;
    padding: 3px 10px;
    margin-bottom: 10px;
    height: 35px;
}

.bulk-mrg-top {
    margin-top: -10px;
}

.scroll-262px {
    overflow: auto;
    height: 262px !important;
}

.benefit-plan-grid .OASYSGrid > table {
    display: table;
}

.job-req {
    border-bottom: solid 1px #f1f1f1;
}

.style_ealertselection option {
    padding: 5px 0;
}

.schedule-border td {
    border: solid 1px #f1f1f1 !important;
}

.mng-incd .style_TableHeader table td {
    padding: 0px !important;
    vertical-align: middle;
}

.mng-clm .style_TableHeader table td {
    padding: 0px !important;
    vertical-align: middle;
}

.mar-t-min5 {
    margin-top: -5px;
}

.mar-t-min5-imp {
    margin-top: -5px !important;
}

/*History Reports*/

.lst-li-caption {
    line-height: 15px;
    max-width: calc(100% - 20px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lst-li-status {
    position: absolute;
    top: 0px;
    right: 3px;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    transition: all .2s ease-in-out;
}

    .lst-li-status:hover {
        transform: scale(1.1);
    }

/*End History Reports*/

.wrk-flw-bdr {
    border: 1px solid #e0e0e0 !important;
}

.wrk-flw td {
    padding: 0px 3px !important;
}

.wrk-crnt td {
    padding: 3px !important;
}

.wrk-anlize {
    border: none;
    padding-left: 10px;
    padding-right: 10px;
}

.tab-grid-edit {
    border-collapse: collapse;
    box-sizing: border-box;
}

.mng-acc-pp {
    padding: 10px 10px 0;
}

.mng-acc-pad {
    padding: 5px 18px;
}

.tab-grid-edit td {
    box-sizing: border-box;
    padding: 8px 10px;
    border-bottom: solid 1px rgb(241, 246, 247);
}

.list-rows, .list-rows li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

    .list-rows li {
        border-bottom: solid 1px rgb(241, 246, 247);
        padding: 3px 10px;
    }

        .list-rows li label {
            margin-left: 10px;
            font-weight: normal;
        }

.intervw-mngr .ajax__tab_body {
    padding: 0px !important;
}

.input-border {
    border: solid 1px #d9e2eb !important;
}

.emply-optn .action-item-panel {
    height: 110px;
    box-shadow: none !important;
    padding-left: 5px;
}

    .emply-optn .action-item-panel label {
        font-weight: normal;
    }

    .emply-optn .action-item-panel input[type="radio"], input[type="checkbox"] {
        margin: 0px 5px /*!important*/;
    }

.advnc-pg input[type="radio"], .advnc-pg input[type="checkbox"] {
    margin-top: 5px !important;
}

.employees-task-scroll {
    height: calc(100vh - 400px );
    overflow: auto;
}

.employees-task-bottom-scroll {
    height: calc(100vh - 345px );
    overflow: auto;
}

.pop-table-th th {
    text-align: center;
}

.common-table td {
    padding: 5px;
}

.mng-eml-pstn-tt-menu {
    box-shadow: none;
    height: 25px;
    width: 97%;
    padding-left: 5px;
}

.actvty-ppup .Css_ReportGrid tbody tr > td > table tr td {
    padding: 0;
}

    .actvty-ppup .Css_ReportGrid tbody tr > td > table tr td a {
        display: block;
        padding: 5px 10px;
    }

    .actvty-ppup .Css_ReportGrid tbody tr > td > table tr td span {
        padding: 5px 10px;
        display: block;
        color: #fff;
    }

.AdditionalData {
    margin: 10px 5px;
}

.emp_Adddata > select {
    width: 95%;
}

.emp_Adddata > input[type="text"] {
    width: 95%;
}

/********* Employee History 4/6/2017 *************/

.employee-headframe #headerSelectedItem {
    border-bottom: none;
}

.emp-his-mrgtop--3 {
    margin-top: -3px;
}

.emp-his-cont-left {
    padding: 5px 10px;
}

.emp-his-content .table-bordered {
    border: none;
}

/********* Employee History 6/6/2017 *************/

.emp-his-cont-left input[type="checkbox"], .emp-his-cont-left input[type="radio"] {
    margin: 6px 5px 0px 0 !important;
    float: left;
}

.emp-his-cont-left label {
    float: left;
}

.emp-his-cont-right .emp-his-label {
    font-size: 12px;
}

/********* Employee History 4/6/2017 *************/

/********* common selction tree 12/6/2017 *************/

.comn-slctn-tree {
    background: #fff !important;
}

/********* Employee History 12/6/2017 *************/


/*Daily Attendance Worksheet*/

.hours-totals {
    position: absolute;
    bottom: 10px;
    left: 0px;
    right: 0px;
    background-color: #fff;
}

.hour-table {
    width: 100%;
    margin: 4px 0px;
}

    .hour-table > tbody > tr > td {
        text-align: center;
    }

.hours-totals .hr-container {
    text-align: center;
    float: left;
}

.hours-totals .hr-header {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 20px;
    margin: 0 auto;
}

    .hours-totals .hr-header h1 {
        font-size: 12px;
        line-height: 20px;
        overflow: hidden;
        max-width: 95%;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-left: 3px;
    }

.hours-totals .hr-data h1 {
    font-size: 12px;
}

.hours-totals .hr-data {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    height: 20px;
    margin: 0 auto;
}

.hr-group-row-color {
    cursor: pointer;
}

    .hr-group-row-color > td {
        line-height: 1.96em !important;
        padding: 0px 10px !important;
        font-weight: bold;
        white-space: nowrap !important;
    }

/*Daily Attendance Worksheet*/

/*Course survey*/

.prnt-head-top {
    text-align: center;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

/*Course survey*/

.os-table-style .style_edocsTable_vt_Border td {
    border: solid 1px #ededed;
}

.os-table-style .ajax__calendar td {
    font-weight: normal;
}

.glblmsg-list label {
    font-weight: normal;
    padding-left: 5px;
}

/*.aspNetDisabled
{
    cursor:not-allowed !important; 
}*/

.UserList > span {
    display: block;
    margin: auto !important;
    width: 80px;
}

    .UserList > span > input {
        margin-top: 6px;
        float: left;
        margin-right: 5px;
    }

.mu-main-table-td .ajax__tab_xp .ajax__tab_body {
    padding: 2px !important;
}

.Act_mob_user {
    overflow: auto;
    height: 550px;
    vertical-align: top;
}

.defa-page-content-scroll .aspNetDisabled {
    cursor: text !important;
}

/* Added for Global Messages */

.glbl-msg span input[type=checkbox] {
    margin-top: 0px;
}

.glbl-msg td input[type=checkbox] {
    margin-top: 0px;
}

.glbl-msg input[type=checkbox] {
    margin-top: 0px;
}

/* Added for Global Messages */

.expnc-dtl td {
    vertical-align: middle;
}

div#ctl00_mpeProgress_backgroundElement {
    z-index: 10005 !important;
}

.o-report-viewer .aspNetDisabled {
    cursor: text !important;
}

.user-info-link a, .grade-access-User a, .screen-access-group a, .gadget-access-group a {
    color: #333 !important;
    font-weight: bold;
    vertical-align: text-bottom;
}

    .user-info-link a > img {
        padding-bottom: 2px;
    }

.user-info-link input[type="checkbox"] {
    margin-left: 0px;
}

.css-sidemenu .icon {
    font-size: 26px;
}

.manage-incidents {
    position: relative;
}

.manage-incidents-pop {
    top: 84px;
    left: 158px;
    position: absolute;
}

.manage-claim {
    position: relative;
}

#div-Owner .manage-incidents-pop {
    top: 195px;
    left: 33%;
    position: absolute;
}

#ctl00_cphReport_uc_ReportControlOutput1_rvNonAnalysisReport_AsyncWait_Wait,
#ctl00_cphReport_uc_ReportControlPayroll1_rvNonAnalysisReport_AsyncWait_Wait {
    top: 25% !important;
    left: 45% !important;
}

.pay-wrksht-relative {
    position: relative;
}

.pay-wrksht-absolute {
    position: absolute;
    bottom: 0px;
    margin: 10px;
    width: 97%;
}


/*officeviewer*/

.off-view-container {
    background-color: #808080;
    bottom: 0;
    right: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.off-view-innercontainer {
    width: 50%;
    height: 50%;
    margin: 0 auto;
    background-color: #fff;
    margin-top: 10%;
    text-align: left;
    padding: 15px;
    border-radius: 10px;
}

.off-view-button {
    padding: 15px;
}

/*officeviewer*/

.kiosk-print {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: calc(100vh - 0px);
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.kiosk-doc {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 80%;
    flex: 1 1 80%;
    height: 80%;
}

.kiosk-bottom {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 20%;
    flex: 1 1 20%;
    height: 20%;
}

.kiosk-print iframe {
    height: calc(100% - 5px);
    width: calc(100% - 0px);
}

.kiosk-print .btm-txt {
    padding: 5px 10px;
    width: 100%;
}

.kiosk-print .label-txt {
    display: inline-block;
    float: left;
    padding-top: 15px;
    padding-right: 10px;
}

.kiosk-print .off-view-button {
    float: left
}

.trget-word-break {
    word-break: break-all;
}

#ul0, #ul1, #ul2, #ul3, #ul4 {
    overflow-y: auto;
    max-height: 300px;
    background-color: #ffffff;
}

.quik-link ul {
    overflow-y: auto;
    max-height: 300px;
    background-color: #ffffff;
    width: 100%;
}

.Adv_taxfun {
    margin-top: 20px !important;
}

#login-disab {
    background-color: rgba(0, 0, 0, 0);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    cursor: not-allowed;
    background-image: url('../images/loader.gif');
    background-repeat: no-repeat;
    background-position: center;
    display: none;
}

.mng-cand-scroll {
    overflow: auto;
    height: calc(100vh - 135px);
}

.ul-popup-with-auto-scroll {
    position: relative;
    height: calc(100vh - 275px);
    overflow: auto;
}

    .ul-popup-with-auto-scroll li {
        border-bottom: solid 1px rgba(221, 221, 221, 0.6);
        padding: 2px;
    }

#app-nav-r ul.nav > li.clientlogo {
    padding: 2px;
}

.clientlogo #imgLogo {
    width: 100px;
    height: 35px;
}


/*manage position slot*/

.mar-l-r-3px {
    margin-left: -3px;
    margin-right: -3px;
}

.mang-pos-marg {
    margin-right: -15px;
    margin-left: -15px;
}

.job-discrip {
    position: relative;
    width: 100%;
}

.attach-eye {
    position: absolute;
    right: 35px;
}

.attach-pin {
    position: absolute;
    right: 0px;
}

.lng-dicrip {
    height: 53px !important;
    resize: none;
}

.manag-pos .tab-sub-cell-2 td {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.cost-value {
    position: relative;
    width: 100%;
}

.vl-plus-btn {
    position: absolute;
    right: 0px;
}

.grid-default td {
    padding: 5px 8px !important;
    vertical-align: unset !important;
}

/*Manning / Position Addition Request*/

.mann-pos {
    transition: all 0.5s ease 0s;
}

.mann-posi-grid {
    box-shadow: 0 2px 5px rgba(200, 200, 200, 1);
    margin: 0px;
    overflow: auto;
    height: 113px;
    transition: all 0.5s ease 0s;
}

.mann-pos .Grid_View_Tab {
    margin: 0px;
    position: relative;
}

.overlay-grid-btn {
    cursor: pointer;
    line-height: normal !important;
    padding: 2px 8px;
    z-index: 100;
}

.mann-pos.popout {
    position: absolute;
    z-index: 99;
    max-height: calc(100vh - 129px);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: auto;
    background-color: #fff;
    overflow: auto;
}

.popout .overlay-grid-btn {
    display: none;
}

.mann-pos input[type="radio"], .mann-pos input[type="checkbox"] {
    margin: 3px 5px;
}

.mann-pos label {
    vertical-align: top;
    line-height: 18px;
}

.manning-postion {
    overflow: scroll;
    height: calc(100vh - 0px);
    position: relative;
}

    .manning-postion fieldset {
        position: absolute;
        left: 50%;
        top: 5%;
    }

    .manning-postion .emp-tab-wrp .ajax__tab_body,
    .manning-postion .ajax__scroll_none {
        overflow: visible;
    }

    .manning-postion .style_tabPagePosition,
    .manning-postion .cost-allow-grid,
    .manning-postion .style_tabPagePosition_designation {
        height: auto;
    }

#eDocsContentPaneWithApprovalMatrix .manning-postion .col-md-3 {
    height: auto;
    display: none
}

#eDocsContentPaneWithApprovalMatrix .manning-postion .overlay-grid-btn {
    display: none
}

#eDocsContentPaneWithApprovalMatrix .manning-postion .col-md-9 {
    width: 100%;
}

#eDocsContentPaneWithApprovalMatrix .manning-postion {
    overflow: auto;
    height: calc(100vh - 130px);
}

#eDocsContentPaneWithApprovalMatrix .mann-posi-grid {
    height: auto;
    box-shadow: none;
    /*overflow-x: hidden;*/
    overflow-y: auto;
}

.grid-font-icn:hover {
    text-decoration: none !important;
}

.carr_asp {
    float: right;
    padding-top: 5px;
}


/************************Position slot***************************/

.posi-slot-grid {
    box-shadow: 0 2px 5px rgba(200, 200, 200, 1);
    overflow: auto;
    height: 143px;
}

    .posi-slot-grid .Grid_View_Tab {
        margin: 0px;
    }

.position-header {
    display: inline-flex;
}

    .position-header > span {
        margin: 2px 5px !important;
    }

    .position-header .status-icon {
        border-radius: 50%;
        text-align: center;
        vertical-align: middle;
        font-size: 15px;
    }

/************************End Position slot***************************/

/************************Employee History***************************/

.two-col-flex-outer {
    height: calc(100vh - 90px);
    width: 100%;
    float: left;
    padding: 5px;
    position: relative;
    transition: all 0.5s ease 0s;
}

    .two-col-flex-outer .first-col {
        float: left;
        height: 100%;
        width: 10%;
        margin-right: 10px;
        transition: flex-grow 0.5s linear;
    }

    .two-col-flex-outer .second-col {
        float: left;
        height: 100%;
        width: 75%;
        transition: flex-grow 0.5s linear;
    }

    .two-col-flex-outer .frame-header {
        padding: 3px 10px;
        transition: all 0.5s linear;
    }

        .two-col-flex-outer .frame-header span {
            cursor: pointer;
            margin: 0px 2px;
            font-size: 19px;
        }

        .two-col-flex-outer .frame-header > span > i.chevron-left {
            float: right;
            line-height: 25px;
        }

    .two-col-flex-outer .hide-flex-grow {
        flex-grow: 0;
        width: 0%;
        margin: 0;
        border: none !important;
        height: 0px;
    }

        .two-col-flex-outer .hide-flex-grow .emp-hist-left-block,
        .two-col-flex-outer .hide-flex-grow .tr-cal-left-block {
            padding: 0px;
        }

        .two-col-flex-outer .hide-flex-grow .frame-header {
            opacity: 0;
            padding: 0;
        }

            .two-col-flex-outer .hide-flex-grow .frame-header span {
                margin: 0px;
            }

.timeline-container {
    max-height: calc(100vh - 130px);
    overflow: auto;
}

.timeline-sub-container {
    max-height: calc(100vh - 170px);
    overflow: auto;
}

.emp-hist-chkbxlist > tbody > tr > td {
    display: flex;
}

    .emp-hist-chkbxlist > tbody > tr > td label {
        cursor: pointer;
    }

    .emp-hist-chkbxlist > tbody > tr > td > input[type=checkbox] {
        margin: 6px 5px 0px 0px;
    }

.emp-hist-left-block {
    max-height: calc(100% - 28px);
    overflow: auto;
}

#CurrentApprovalList .style_TableHeader {
    cursor: pointer;
    padding: 4px 0px;
}

span#sp_toolbar span {
    margin: 0px 5px;
}

#sp_toolbar span i {
    transition: all 0.2s ease-in-out;
}

    #sp_toolbar span i:hover {
        transform: scale(1.1);
        box-shadow: rgba(255, 255, 255, 0.4) 0px 1px 3px 2px;
        border-radius: 4px;
    }

.emp-his-expand:hover {
    transform: scale(1.1);
}

/*****************************End Employee History **************************/

.oasys-search-list {
    display: none;
}

    .oasys-search-list ul {
        position: absolute;
        z-index: 99999;
        top: 30px;
        background-color: #fff;
        width: 400px;
        max-height: 400px;
        overflow-x: auto;
        border: solid 1px #bababa;
        -webkit-box-shadow: 5px 6px 5px -4px rgba(0, 0, 0, 0.34);
        -moz-box-shadow: 5px 6px 5px -4px rgba(0, 0, 0, 0.34);
        box-shadow: 5px 6px 5px -4px rgba(0, 0, 0, 0.34);
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .oasys-search-list ul, li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .oasys-search-list li {
        position: relative;
        text-align: left;
        line-height: normal;
        padding: 8px;
        color: rgb(53, 53, 53);
        cursor: default;
        -webkit-transition: background-color 300ms linear;
        -ms-transition: background-color 300ms linear;
        transition: background-color 300ms linear;
        background-repeat: no-repeat;
        background-position: 5px 5px;
        min-height: 55px;
        border-bottom: solid 1px rgba(187, 187, 187, 0.82);
        padding-left: 60px;
    }

        .oasys-search-list li div {
            margin: 2px 0;
            color: rgb(168, 167, 167);
            font-size: 11px;
        }

        .oasys-search-list li:hover {
            background-color: #f3f3f3;
        }

.listIcon {
    background-color: #fff;
    height: 40px;
    width: 40px;
    position: absolute;
    left: 5px;
    top: 5px;
    border-radius: 50%;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    color: #ffffff !important;
    font-size: 10pt !important;
    overflow: hidden;
}

    .listIcon img {
        width: 40px;
    }

.pwd-button-algn {
    margin: 5px 15px 0 0px;
}


/*Process Request Details popup {complex} */

.process-request-scroll {
    overflow: auto;
    height: calc(100vh - 28px);
}

.process-request-details {
    margin: 0 auto;
    width: 50%;
    padding: 10px;
    background: #fff;
}

.process-request .dv-Panel {
    height: auto;
}

.process-request-header-panel {
    padding: 10px;
    color: #fff !important;
    font-size: 14px;
}

    .process-request-header-panel > span {
        padding-right: 10px;
        display: inline-block;
    }

.process-request > table > tbody > tr > td {
    margin-top: 15px;
    display: block;
    border-bottom: 1px solid #ddd;
}

    .process-request > table > tbody > tr > td > table {
        width: 100%;
    }

    .process-request > table > tbody > tr > td > span {
        padding: 10px;
        font-size: 14px !important;
        font-weight: bold;
        display: block;
        color: #fff;
    }

    .process-request > table > tbody > tr > td > table > tbody > tr > td {
        padding: 10px;
        font-size: 12px;
        border: 1px solid #ddd;
    }

        .process-request > table > tbody > tr > td > table > tbody > tr > td > span {
            font-size: 14px !important;
            font-weight: bold !important;
            display: block !important;
            padding: 8px 10px;
            background-color: #dcdcdc;
        }

        .process-request > table > tbody > tr > td > table > tbody > tr > td > .task-attachment div {
            padding: 5px 0 !important;
        }

            .process-request > table > tbody > tr > td > table > tbody > tr > td > .task-attachment div > table > tbody > tr > td:first-of-type {
                /*width: 200px !important; Bug 3471 */
                padding: 0 7px;
            }

        .process-request > table > tbody > tr > td > table > tbody > tr > td > .dv-Panel {
            margin-left: 0px;
            margin-right: 0px;
        }

            .process-request > table > tbody > tr > td > table > tbody > tr > td > .dv-Panel table > tbody > tr > td > table > tbody > tr > td {
                padding: 5px;
                /*border-bottom: 1px solid #ddd;*/
                width: 160px;
            }

                .process-request > table > tbody > tr > td > table > tbody > tr > td > .dv-Panel table > tbody > tr > td > table > tbody > tr > td > span {
                    font-weight: bold;
                }

                    .process-request > table > tbody > tr > td > table > tbody > tr > td > .dv-Panel table > tbody > tr > td > table > tbody > tr > td > span > input[type=checkbox], .process-request > table > tbody > tr > td > table > tbody > tr > td > .dv-Panel table > tbody > tr > td > table > tbody > tr > td > span > input[type=radio] {
                        margin: 5px 5px 0px 1px;
                    }

                .process-request > table > tbody > tr > td > table > tbody > tr > td > .dv-Panel table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td {
                    border: none;
                }

                    .process-request > table > tbody > tr > td > table > tbody > tr > td > .dv-Panel table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td label {
                        margin-bottom: 0px;
                        vertical-align: top;
                    }

                    .process-request > table > tbody > tr > td > table > tbody > tr > td > .dv-Panel table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > input[type=checkbox], .process-request > table > tbody > tr > td > table > tbody > tr > td > .dv-Panel table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > input[type=radio] {
                        margin: 5px 5px 0px -4px;
                    }


    .process-request > table > tbody > tr > td > div > table > tbody > tr > td > table > tbody > tr > td {
        border: 1px solid #f9f9f9;
    }

.recruitment-popup {
    height: calc(100vh - 27px);
    overflow: auto;
}

/*uc_popup selcetor*/

.uc-popup-selector-head {
    margin-top: -10px;
    margin-left: -10px;
    margin-bottom: 10px;
    margin-right: -10px;
    color: #fff;
    font-weight: bold;
}

.uc-popup-selector td {
    padding: 5px;
}

.class-roster .o-report-viewer {
    max-height: calc(100vh - 2px);
    overflow: auto;
}

.status-change-popup .non-head-page-scroll {
    height: calc(100vh - 170px);
    overflow: auto;
}

/****** Change of status employee job requsition popup******/

.requs-pop-table {
    margin: 5px 10px 0 10px;
}

.requs-pop-table {
    width: 100%;
}

    .requs-pop-table td {
        padding: 5px 10px;
        width: 25%;
        border-bottom: solid 1px #f1f1f1;
    }

.chng-stts-bdr {
    border: 1px solid #dcdcdc;
}

/************ Birthday list Pagination *************/

.birthdaylist-grid .Css_ReportGrid td:last-of-type > table > tbody > tr > td > span {
    margin: -10px -10px -10px -10px;
    text-align: center;
    padding: 0;
    padding: 5px 10px;
    display: block;
    color: #fff;
    line-height: inherit;
}

.birthdaylist-grid .Css_ReportGrid td:last-of-type > table > tbody > tr > td > a:hover {
    text-decoration: none;
}

/************ Birthday list Pagination *************/

.mngr-rec-save {
    float: right;
    line-height: 25px;
}

/************ Manage employee *************/

.manage-emplyee-flex .emp-master-flex-controls table td {
    padding: 0px;
}

.recruit-analysis-close {
    float: right;
    height: 22px;
    padding-right: 5px;
}

input[type="file"] {
    display: inline-block !important;
}

.datalist-autoscroll {
    height: calc(100vh - 115px);
    overflow: auto;
}

.leave-flex .dv-tb-cont, .leave-flex .div-top1, .leave-flex .box-shadow-gray, .leave-flex table td {
    box-shadow: none;
    margin: 0px;
    padding: 0px;
}

/********************Trainer Calendar***********************/

.tr-cal-main-block {
    height: calc(100vh - 35px);
}

.tr-cal-left-block {
    height: calc(100% - 30px);
    overflow: auto;
}

.tr-cal-right-block {
    height: calc(100% - 30px);
    overflow: auto;
}

.fc-icon {
    line-height: 1em !important;
}

.tr-truncate {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tr-custom-title > a,
.tr-custom-title a:active,
.tr-custom-title a:hover,
.tr-custom-title a:visited {
    display: block;
    letter-spacing: 1px;
    word-spacing: 3px;
    text-decoration: none !important;
}

.tr-custom-heading a:before {
    font-family: 'FontAwesome';
    content: "\f078";
    float: right;
    transition: all 0.5s;
}

.tr-custom-heading.active a:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.tr-apply-filter {
    position: absolute;
    bottom: 0px;
    text-align: center;
    width: 100%;
    padding: 3px;
    display: none;
}

.tooltip-event {
    width: auto;
    height: auto;
    position: absolute;
    z-index: 10001;
    padding: 2px;
    border-radius: 3px;
}

.hide-flex-grow .tr-apply-filter {
    display: none !important;
}

/********************Trainer Calendar***********************/

.kiosk-process-flow {
    width: 100%;
    overflow: auto;
}

.style_edocsTable_bt_Border_td > input[type="text"] {
    font-size: 12px;
}

.leave-pln-del > input {
    margin-left: 3px
}

/*schedule > add record Popup*/

.schedule-filter {
    width: 416px;
    overflow: auto;
    height: 400px;
    display: block;
    border: 1px solid #ddd;
}

    .schedule-filter .Grid_View_Tab {
        margin: 0px;
        border: none;
    }

    .schedule-filter > div > .Grid_View_Tab td {
        white-space: nowrap;
    }

.schedule-filter-head {
    padding: 8px 10px;
    border: 1px solid #e8e8e8;
}

.add-from-list {
    padding: 4px 8px;
    border: 1px solid #e8e8e8;
}

#divCostCenter {
    display: inline-block;
}

.pay-benefit-scroll {
    height: calc(100vh - 300px);
    overflow: auto;
    overflow-x: hidden;
}

/*Payroll Administration*/

.payrol-leftborder {
    border-left: 1px solid #CECECE;
}

.payrol-left-top-border {
    border-top: 1px solid #CECECE;
}

.payroll-middle p {
    line-height: 20px;
    padding-bottom: 15px;
}

.payroll-middle div li {
    padding: 5px 0;
    padding-left: 15px;
    list-style: circle;
    list-style-position: inside;
}

.pyrl-admtn-tp-rt .spanHeader tr td:first-child {
    background: #f1f1f1;
    border-bottom: solid 1px #ddd;
    border-right: solid 1px #ddd;
    color: #333;
    font-size: 12px;
}

.pyrl-admtn-tp-rt .spanHeader tr td:nth-child(2) {
    background: #fff;
    border: solid 1px #ddd;
    color: #333;
    font-size: 12px;
}

.pyrl-admtn-tp-rt .spanHeader .PyrollStatusheader {
    padding: 0px;
}

.stylecatalogremark {
    white-space: normal !important;
    word-break: break-all;
}

/*Accrual Opening Balance*/

.accrual-opening-balance .datatable {
    border-width: 0px !important;
}

    .accrual-opening-balance .datatable TH {
        background: #f3f3f3 !important;
        border: solid thin #d0d0d0 !important;
        color: #000 !important;
    }

    .accrual-opening-balance .datatable td {
        border: solid thin #d0d0d0 !important;
        position: static;
    }

    .accrual-opening-balance .datatable .Css_GridEnhanceView_PagerStyle td {
        border: none !important;
    }

    .accrual-opening-balance .datatable input[type="text"],
    .accrual-opening-balance .datatable input[type="password"] {
        border: none !important;
    }

        .accrual-opening-balance .datatable input[type="text"]:focus,
        .accrual-opening-balance .datatable input[type="password"]:focus {
            box-shadow: none !important;
        }

    .accrual-opening-balance .datatable .Css_GridEnhanceView_PagerStyle {
        display: block;
        background: none;
        position: fixed;
        bottom: 0px;
        padding-left: 5px;
        background-color: transparent !important;
    }

        .accrual-opening-balance .datatable .Css_GridEnhanceView_PagerStyle table tr td {
            padding: 0px;
            border: none !important;
        }

            .accrual-opening-balance .datatable .Css_GridEnhanceView_PagerStyle table tr td a {
                display: block;
                background: #fff;
                padding: 0px 6px;
                border: 1px solid #d0d0d0;
                margin-bottom: 7px;
                color: #333;
            }

                .accrual-opening-balance .datatable .Css_GridEnhanceView_PagerStyle table tr td a:hover {
                    color: #333 !important;
                    text-decoration: none;
                }

            .accrual-opening-balance .datatable .Css_GridEnhanceView_PagerStyle table tr td span {
                display: block;
                padding: 0px 6px;
                margin-bottom: 7px;
                color: #fff;
            }

                .accrual-opening-balance .datatable .Css_GridEnhanceView_PagerStyle table tr td span:hover {
                    color: #fff !important;
                    text-decoration: none;
                }

/*Field Normalize Component*/

.fld-nrmlze-cpnt .style_nowrap span {
    line-height: 25px !important;
}

.fld-nrmlze-cpnt .style_nowrap input[type=checkbox] {
    margin-top: 6px !important;
}

.fld-nrmlze-cpnt .input-field input[type=checkbox] {
    margin-top: 6px !important;
}

.fld-nrmlze-cpnt .input-field label {
    display: inline-block;
    vertical-align: top;
}

.fld-nrmlze-cpnt span input[type=radio].disabled, input[type=radio][disabled] {
    vertical-align: text-bottom;
}

.leave-nrmlze-cpnt span label {
    margin-right: 20px;
    display: inline-block;
    vertical-align: text-bottom;
    line-height: 20px !important;
}

.leave-nrmlze-cpnt table td input[type="image"] {
    vertical-align: text-bottom;
}

.input-nrmlze-cpnt table td input[type=checkbox] {
    vertical-align: text-bottom;
}

.app-nrmlze-cpnt input[type="image"] {
    vertical-align: text-bottom;
}

.Appr-form-dept {
    padding: 0 8px;
}

/*Kiosk Scroll*/

.css-menu-compact #ul0 {
    overflow-y: auto;
    max-height: calc(100vh - 10px);
    background-color: #ffffff;
}

.css-menu-compact #ul1 {
    overflow-y: auto;
    max-height: calc(100vh - 50px);
    background-color: #ffffff;
}

.css-menu-compact #ul2 {
    overflow-y: auto;
    max-height: calc(100vh - 85px);
    background-color: #ffffff;
}

.css-menu-compact #ul3 {
    overflow-y: auto;
    max-height: calc(100vh - 125px);
    background-color: #ffffff;
}

.css-menu-compact #ul4 {
    overflow-y: auto;
    max-height: calc(100vh - 125px);
    background-color: #ffffff;
}

.css-menu-compact .ulQLKIOSK_001 {
    overflow-y: auto;
    max-height: calc(100vh - 165px);
    background-color: #ffffff;
}

.css-menu-compact .ulQLKIOSK_002 {
    overflow-y: auto;
    max-height: calc(100vh - 205px);
    background-color: #ffffff;
}

.css-menu-compact .ulQLKIOSK_003 {
    overflow-y: auto;
    max-height: calc(100vh - 245px);
    background-color: #ffffff;
}

/*Kiosk Scroll*/

.attnheader {
    font-weight: bold;
}

.attd-del-button {
    width: 8%;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
}

.tbl-hd-fz {
    border: none !important;
}

.main-TabContainer #sidemenu a {
    white-space: nowrap;
}

.res-div-frame .form-group a {
    display: inline-block;
    padding-top: 3px;
}

.approval_matrix_cont {
    padding-left: 10px;
    color: #FFFFFF;
}

.approval_matrix_header_lefttext {
    color: #FFFFFF;
    font-weight: bold;
    text-align: left;
    width: 100%;
}

.approval_matrix_header_righttext {
    color: #FFFFFF;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
}

/*********** Petty Cash **************/

.petty-section-shadow {
    box-shadow: 0 2px 5px rgba(200, 200, 200, 0.6);
}

.pety-right-grid tr:last-of-type {
    font-weight: bold;
}

.dlgfixed {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
}

.manage-family-pop-input label {
    display: inline-block;
    margin-right: 10px;
}

.Fix-ovr-ScopRef-column {
    height: 100px;
    padding: 0 10px;
    border: 1px solid #ddd;
    width: 625px;
    margin: 10px 10px 10px 0px;
    overflow: auto;
}

.sch_status_popup {
    margin: 0 auto !important;
    left: 35% !important;
    top: 40% !important;
}

    .sch_status_popup .modal-close-btn {
        padding: 2px;
    }

.loan-reqst-calndr .ajax__calendar table td {
    border: none;
}

/*Approval Availability*/

.approval-avail {
    height: calc(100vh - 131px);
    overflow: auto;
}

.user-group-link table td input[type=checkbox] {
    vertical-align: text-bottom;
    float: left;
    margin-top: 6px;
}

.user-group-link table td label {
    vertical-align: inherit;
    display: unset;
}

/*Employee Assets*/

.employee-assets-table > table > tbody > tr > td {
    max-width: 50%;
    display: inline-block;
    width: 100%
}

/*.employee-assets-table .style_deValBg_4Col{
    width:auto;
}*/

.employee-assets-table {
    height: calc(100vh - 94px);
    overflow: auto;
}

    .employee-assets-table .asset-remarks {
        height: 30px;
        overflow: auto;
        white-space: normal;
        display: block;
    }


/*Document Expenses*/

.document-expenses > table > tbody > tr > td {
    max-width: 50%;
    display: inline-block;
    width: 100%;
}

.document-expenses .style_deValBg_4Col {
    width: auto;
}

.document-expenses .doc-remarks {
    height: 30px;
    overflow: auto;
    white-space: normal;
    word-break: break-all;
    display: block;
}

/* Top toolbar*/

.nav-flex-frame {
    -webkit-flex-flow: row wrap;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
}

.nav-flex-in {
    -webkit-flex: 1 auto;
    flex: 1 auto;
}

.top-menu-left {
    float: left;
    line-height: 30px;
    height: 33px;
}

.top-menu-right {
    float: right;
    height: 33px;
}

.top-nav-pad > * {
    padding: 0 5px;
}

.top-menu-left span {
    line-height: 31px;
    display: block;
    height: 33px;
    font-weight: bold;
}

.top-nav-tool {
    width: 100%;
}

    .top-nav-tool .navbar-default {
        background-color: #fff;
    }

    .top-nav-tool .navbar {
        min-height: 33px;
        position: static;
    }

    .top-nav-tool .navbar-toggle {
        margin: 0px;
        border: none;
    }

        .top-nav-tool .navbar-toggle, .top-nav-tool .navbar-toggle:hover, .top-nav-tool .navbar-toggle:visited {
            background-color: transparent !important;
        }

    .top-nav-tool .navbar-nav > li {
        line-height: 32px;
        position: static;
    }

    .top-nav-tool sapn {
        line-height: 25px;
    }

    .top-nav-tool .right-actions {
        right: 0px;
        z-index: 1;
    }

.btn-label {
    display: none;
}

.top-nav-space {
    margin-left: -10px;
    margin-right: -10px;
}

/* Top toolbar*/

.depart-brk-dtls {
    height: 100px;
    margin-top: 5px;
    overflow: auto;
    width: 100%;
}

.quicksearch-bar {
    height: 20px;
    padding: 0 5px;
    margin: 6px 0px;
    line-height: normal;
}

.oasys-attachement .attachement-viewer {
    float: right;
}

    .oasys-attachement .attachement-viewer > .attachment-viewer-panel > .attachment-item a {
        float: left;
        color: #333;
    }

    .oasys-attachement .attachement-viewer > .attachment-viewer-panel > .attachment-item:hover a {
        color: #fff;
    }

/*Leave request top header view icon*/

.leave-view-icon {
    position: static !important;
}

    .leave-view-icon > .attachement-viewer {
        position: static !important;
    }

        .leave-view-icon > .attachement-viewer > .inputButton {
            border: none;
        }

        .leave-view-icon > .attachement-viewer .bottom-left {
            top: 0px;
            right: 13px;
        }

        .leave-view-icon > .attachement-viewer .bottom-left {
            top: 0px;
            right: 13px;
        }

        .leave-view-icon > .attachement-viewer > .attachment-viewer-panel > .attachment-item {
            padding: 0px 5px;
        }

            .leave-view-icon > .attachement-viewer > .attachment-viewer-panel > .attachment-item a {
                color: #333;
                background: none !important;
            }

            .leave-view-icon > .attachement-viewer > .attachment-viewer-panel > .attachment-item:hover a {
                color: #fff !important;
                background: none !important;
            }

/*Leave request top header view icon*/

/*Cash advance request inbox*/

.inbox-border-div {
    border-top: 1px solid #ededed;
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
}

.inbox-border-div-in {
    border-bottom: 1px solid #ededed;
}

.inbox-border-div-in-left {
    border-left: 0.5px solid #ededed;
}

.inbox-border-div-in-right {
    border-right: 0.5px solid #ededed;
}

.inbox-sapn-line span {
    line-height: 25px !important;
}

/* Daily Attendance WorkSheet */

.daily-attndc-wrksht table tr:first-child th:nth-child(2) {
    white-space: nowrap;
}

.daily-attndc-wrksht table tr input[type="checkbox"] {
    margin: 0 5px;
}

/*.daily-attndc-wrksht .column-dummy {
    height: calc(100vh - 41%);
    margin: 2px !important;
    top: 0px !important;
    overflow: hidden;
}*/

.daily-attndc-wrksht .clmn-hd-dmy {
    margin: 1px !important;
    top: 0px !important;
    height: 54px;
    border-top: 1px solid #408387;
    border-right: 1px solid #408387;
}

    .daily-attndc-wrksht .clmn-hd-dmy .lookupGrid_head_bg {
        height: 54px;
    }

.daily-attndc-wrksht .header-dummy {
    margin: 1px !important;
    top: 0px !important;
}

.daily-attndc-wrksht .column-dummy-head .lookupGrid_head_bg {
    line-height: 17px;
    border-bottom: 1px solid #408387;
}


/*.column-dummy-head {
    top: 1px !important;
    margin: 0px !important;
}

.column-dummy-head th {
    height: 54px;
}

.column-dummy-head .lookupGrid_head_bg{
    top: 1px !important;
    margin: 0px !important;
}*/

.column-dummy-head .lookupGrid_head_bg th {
    height: 54px;
}


/*Time Attendance Worksheet */

._style_pageDetails_scroll .daily-attndc-wrksht .ofix-head > tbody {
    max-height: calc(100vh - 135px) !important;
    height: unset !important;
}

.daily-attndc-wrksht .ofix-head > tbody {
    max-height: calc(100vh - 165px) !important;
    height: unset !important;
}

/*Time Attendance Worksheet */

/*Amendments */

.ammtmns-time {
    padding-right: 10px;
    display: inline-block;
}

.maning-subMenu > li > * {
    padding: 0 6px;
}

.dily-btm-cptn {
    font-style: italic;
    font-weight: 600;
    text-align: right;
    color: #f00;
    padding-right: 25px;
}

.dvsn-filtr-check {
    padding: 2px;
}

.dvsn-filtr-check-input {
    position: relative;
    left: 3px;
}

.dvsn-filtr-check-input-img {
    left: 4px;
    position: absolute;
}

.mntly-atnds-tool table tbody tr td {
    padding: 0px !important;
}

.mntly-atnds-tool td > * {
    padding: 0px 5px;
}

.business-travelrequest-grid {
    max-height: calc(100vh - 500px);
    min-height: 300px;
    height: auto;
    overflow: auto;
}

.business-travelrequest-bottom {
    max-height: calc(100vh - 400px);
    min-height: 200px;
    height: auto;
    overflow: auto;
}

/*Approver Availability*/

.table-fixed-headers {
    table-layout: fixed;
}

    .table-fixed-headers thead {
        position: fixed;
        z-index: 1;
        display: inline-table;
        right: 0px;
        left: 0px;
        top: 0px;
        width: 100%;
    }

    .table-fixed-headers > thead > tr > th {
        color: #fff;
    }

    .table-fixed-headers > thead > tr > th, .table-fixed-headers > tbody > tr > td {
        width: 25%;
    }

    .table-fixed-headers tbody {
        position: relative;
        top: 35px;
        width: 100%;
        display: table;
        z-index: 0;
    }

/*Approver Availability*/

.air-ticket-bottom {
    height: calc(100vh - 220px);
    overflow-x: hidden;
    overflow-y: auto;
}

.empl-pro-wid {
    width: 30px;
    height: 30px;
}

    .empl-pro-wid > div > img {
        width: 30px;
        height: 30px;
    }

.employees-option .grid-view-tab > tbody > tr > td {
    white-space: normal !important;
    word-break: break-all;
}

.emply-tsk > input[type="checkbox"] {
    vertical-align: text-bottom;
}

.emply-tsk-reqd > .required1 {
    height: 1px;
    display: inline-block !important;
    height: 10px;
    width: 10px;
    position: relative;
}

/*Check list table design */

.checklist-table-scroll {
    width: 100%;
    overflow: auto;
}

.checklist-panel {
    color: #fff;
    font-weight: 700;
    padding: 3px 10px;
    margin: 10px 10px 0px 10px;
}

    .checklist-panel .appr_btn, .checklist-panel .appr_btn:hover {
        float: right;
        border: none;
    }

.checklist-table {
    padding: 10px;
    width: 100%;
}

    .checklist-table table {
        background-color: #fff;
        width: 100%;
    }

    .checklist-table td {
        border: 1px solid #ededed;
        border-collapse: collapse;
        color: #333;
        padding: 3px 5px;
        text-align: left;
        text-indent: 0;
        white-space: nowrap;
        font-weight: normal;
    }

    .checklist-table th {
        border: 1px solid #ededed;
        border-collapse: collapse;
        padding: 3px 5px;
        text-align: left;
        text-indent: 0;
        white-space: nowrap;
    }

.checklistsub-head {
    background-color: #f8f8f8;
}

    .checklistsub-head td {
        font-weight: bold;
    }


/*Check list table design */

.emply-tsk-btn > div > .grid-view-tab > tbody > tr > td:first-child, .emply-tsk-btn .grid-view-tab > tbody > tr > td:nth-child(2), .emply-tsk-btn .grid-view-tab > tbody > tr > td:nth-child(3) {
    padding: 2px;
    text-align: center;
    width: 25px;
}

.employee-timeline .emp-his-table {
    border-bottom: 1px solid #ddd;
}

    .employee-timeline .emp-his-table table-bordered > thead > tr > th {
        border: none !important;
    }

.amendments-grid .grid-view-tab tr td {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-word;
}

.employee-others td {
    border: none !important;
}

/*Roster Swap*/

.roster-swap-grid {
    padding: 10px;
}

    .roster-swap-grid .Grid_View_Tab {
        width: 100%;
        margin: 0px;
    }

.mngr-sel-srvc-reqst-dtl .oasys-control-table-default td a {
    color: #337ab7 !important;
}

.fam-adrec input[type="checkbox"] {
    vertical-align: text-bottom;
}

.tollbr-cursor input {
    cursor: pointer;
}

.oasys-control-table-default > tbody > tr > th,
.oasys-control-header-dummy .oasys-control-header-style th,
.oasys-control-table-dummy .oasys-control-header-style th,
.oasys-control-clmn-hd-dmy .oasys-control-header-style th {
    text-align: center;
}

.notification-templates {
    height: calc(100vh - 75px);
    overflow: auto;
}

    .notification-templates .grid-view-footer {
        position: fixed;
        bottom: 0;
        left: 0;
        padding: 5px;
        background: #fff;
        width: 100%;
        text-align: left;
    }

.sal-adv-123-btn .grid-view-tab > tbody > tr > td:first-child, .sal-adv-123-btn .grid-view-tab > tbody > tr > td:nth-child(2), .sal-adv-123-btn .grid-view-tab > tbody > tr > td:nth-child(3), .sal-adv-123-btn .Grid_View_Tab > tbody > tr > td:first-child, .sal-adv-123-btn .Grid_View_Tab > tbody > tr > td:nth-child(2), .sal-adv-123-btn .Grid_View_Tab > tbody > tr > td:nth-child(3) {
    text-align: center;
    width: 25px;
    padding: 2px;
}

.course-survey-scroll {
    height: calc(100vh - 100px);
    overflow: auto;
}

.BoxBorder_header .taxpar-grid .OASYSGrid > table {
    display: table;
}

.BoxBorder_header .taxpar-grid .OASYSGrid table > tbody {
    width: 100%;
}

.oasys-control-header-dummy .oasys-control-header-style th {
    padding: 5px 0;
}

/*Cash statement page and print*/

/*.cash-statement-page .oasys-control-table-default > tbody > tr {
    border-right: 1px solid #000 !important;
    border-left: 1px solid #000 !important;
    border-bottom: 1px solid #000 !important;
}*/

.cash-statement-page .oasys-control-table-default > tbody > tr td:nth-last-child(3) {
    border-right-width: 1px;
}

.cash-statement-page .oasys-control-table-default > tbody > tr td:nth-last-child(4) {
    border-right-width: 1px;
}

.cash-statement-page .oasys-control-table-default > tbody > tr.G td:nth-last-child(5) {
    border-right-width: 1px;
}

.cash-statement-page .oasys-control-table-default > tbody > tr.G td:nth-last-child(8) {
    border-right-width: 1px;
}

.cash-statement-page .oasys-control-table-default > tbody > tr.G td {
    border-bottom-width: 2px;
}

.cash-statement-page .oasys-control-table-default > tbody > tr.F td:nth-last-child(3) {
    border-right-width: 1px;
}

.cash-statement-page .oasys-control-table-default > thead, .cash-statement-page .oasys-control-table-default > thead tr, .cash-statement-page .oasys-control-table-default > thead tr th {
    display: block;
}


/*Cash statement page and print*/

.MDTRTravel-frame {
    width: 100%;
    overflow: auto;
}

    .MDTRTravel-frame .grid-view-tab td {
        vertical-align: text-top;
        white-space: normal !important;
    }

.dv-hd-fz > table.tbl-hd-fz > tr > th {
    padding: 0;
    border: 0;
}

.os-table-style.table-responsive.ibx-btm-tbl-scroll {
    padding: 0;
}

    .os-table-style.table-responsive.ibx-btm-tbl-scroll th {
        position: sticky;
        top: 1px;
        top: .5px;
        border-top: 0;
        box-shadow: 0px -1px white;
    }

.approvals-Report-height {
    height: calc(100vh - 65px);
}

.approvals-Report .frame-hide {
    display: none;
}

.emp-his-table ET tr th {
    box-shadow: 1px 1px #ddd;
}

.approvals-Report .div-cust-scroll-top {
    height: calc(100vh - 120px);
    overflow: auto;
}

/* Fontello icon changed to Font awesome*/

.oasys-icon-user-male:before {
    content: "\f007" !important;
    font-family: FontAwesome !important;
}

.oasys-icon-edit:before {
    content: "\f044" !important;
    font-family: FontAwesome !important;
    font-size: 17px;
}

.oasys-icon-chart-line:before {
    content: "\f201" !important;
    font-family: FontAwesome !important;
    font-size: 17px;
}

.oasys-icon-th:before {
    content: "\f00b" !important;
    font-family: FontAwesome !important;
    font-size: 17px;
}

#app_changeMode .oasys-icon-th:before {
    content: "\f00b" !important;
    font-family: FontAwesome !important;
    font-size: 18px !important;
    line-height: 24px;
}

.oasys-icon-paper-plane:before {
    content: "\f1d9" !important;
    font-family: FontAwesome !important;
    font-size: 17px;
}

.oasys-icon-attach:before {
    content: "\f0c6" !important;
    font-family: FontAwesome !important;
}

.oasys-icon-globe-1:before {
    content: "\f0ac" !important;
    font-family: FontAwesome !important;
}

.oasys-icon-search:before {
    content: "\f002" !important;
    font-family: FontAwesome !important;
}

.oasys-icon-info-1:before {
    content: "\f129" !important;
    font-family: FontAwesome !important;
}

/* Fontello icon changed to Font awesome*/

/* For approval matrix*/

.topoff-scroll #eDocsContentPaneWithApprovalMatrix, #eDocsApprovalMatrix {
    border: none;
    border-width: 0px;
    overflow: auto;
}

.topoff-scroll .page-scroll {
    height: calc(100vh - 250px);
}

.topoff-scroll #eDocsContentPaneWithApprovalMatrix {
    height: calc(100vh - 190px);
    overflow-x: hidden;
}

    .topoff-scroll #eDocsContentPaneWithApprovalMatrix .Trn_cos_grid {
        height: calc(100vh - 195px);
        overflow: auto;
    }

    .topoff-scroll #eDocsContentPaneWithApprovalMatrix .os-grid-table-frame {
        margin: 0px;
    }

    .topoff-scroll #eDocsContentPaneWithApprovalMatrix .hig-scrl-300px {
        height: calc(100vh - 300px);
        overflow-y: auto;
        overflow-x: hidden;
    }

        .topoff-scroll #eDocsContentPaneWithApprovalMatrix .hig-scrl-300px .grid-view-tab td {
            white-space: normal !important;
        }

    .topoff-scroll #eDocsContentPaneWithApprovalMatrix .inbx-height-auto {
        height: auto;
    }

    .topoff-scroll #eDocsContentPaneWithApprovalMatrix .inbx-non-head-scroll {
        height: calc(100vh - 250px);
        overflow: auto;
    }

    .topoff-scroll #eDocsContentPaneWithApprovalMatrix .inbx-head-scroll {
        height: calc(100vh - 265px);
        overflow: auto;
    }

.job-requisition-scroll {
    height: calc(100vh - 40px);
    overflow: auto;
}

.request-cancellation table td:nth-last-child(2) {
    white-space: normal !important;
    word-wrap: break-word !important;
    word-break: break-all !important;
}

.request-cancellation > div {
    overflow: unset !important;
}

.divi-not-allowed select:disabled, .divi-not-allowed input[type="text"]:disabled {
    cursor: not-allowed;
}

/* Text Area EXpand */

.textarea-expand {
    height: 21px;
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid rgba(0, 0, 0, 0.5);
    overflow: hidden;
}

    .textarea-expand:focus {
        height: 80px;
        position: absolute;
        z-index: 100;
        right: 10px;
        top: 5px;
        width: 160px;
        /*transition: all ease-in-out .1s;*/
    }

.daily-attndc-wrksht .grid-view-tab td:hover .textarea-expand:disabled {
    height: 50px;
    position: absolute;
    z-index: 100;
    right: 10px;
    top: 5px;
    width: 160px;
    overflow: auto;
    /*transition: all ease-in-out .1s;*/
}

.daily-attndc-wrksht .grid-view-tab td {
    position: relative;
}

/* Text Area EXpand */

.app-logo-std #appLogo {
    background-image: url('../images/standard.png');
    background-color: #fff;
}

.refresh-par-input input[type="checkbox"] {
    vertical-align: sub;
}

.app-logo-etr #appLogo {
    background-image: url('../images/eterprise.png');
    background-color: #fff;
}

.document-release tbody {
    display: block;
    width: 100%;
}

.app-logo-ult #appLogo {
    background-image: url('../images/ultimate.png');
    background-color: #fff;
}

.app-logo-lte #appLogo {
    background-image: url('../images/light.png');
    background-color: #fff;
}

.app-logo-lte-oryx #appLogo {
    background-image: url('../images/lte-oryx.png');
    background-color: #fff;
}

.for-disable-field input:disabled, .for-disable-field select:disabled {
    cursor: not-allowed;
}

.user-theme-scroll {
    height: calc(100vh - 100px);
    vertical-align: top;
    overflow: hidden;
}

    .user-theme-scroll:hover {
        overflow: auto;
    }

/*Report pdf*/

table#printHeader > tbody > tr {
    display: table-row;
}

table#printHeader .center_td_printHeader {
    width: 100%;
    text-align: center;
}

.center_td_printHeader.v-bot {
    font-weight: bold;
    text-decoration: underline;
}

.aprval-matrix-table td table td:nth-last-child(3) {
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
}

.dtrbusiness-travel-request table td:nth-last-child(3) {
    white-space: normal !important;
    word-wrap: break-word !important;
    word-break: break-all !important;
}

.bulk-chk-boxlist label {
    vertical-align: sub !important;
}

.bulk-edcs-grid input[type=checkbox] {
    margin: 0px !important;
}

.change-ofstatus table {
    width: 100%;
}

.accom-schedule-scroll {
    height: calc(100vh - 95px);
    overflow: auto;
}

.radio-btn-list input[type="radio"], .radio-btn-list label {
    display: inline-block;
    float: left;
}

.radio-btn-list label {
    line-height: 22px !important;
    padding-right: 15px;
}

/*For bug 3002*/

/*.dis-not-allowed div input[disabled], .ssss div input[type="image"] {
    cursor: not-allowed !important;
}*/

.leave-details-in div table tbody tr th:first-child, .leave-details-in div table tbody tr th:nth-child(2),
.leave-details-in div table tbody tr + tr td:first-child, .leave-details-in div table tbody tr + tr td:nth-child(2) {
    /*display: inline-block;*/
    padding: 3px 2px;
}

/*For bug 3002*/

.line-23px-imp {
    line-height: 23px !important;
}

.asgnment-scroll {
    max-height: 150px;
    overflow: auto;
}

/*Added for this bug 3190*/

.air-ticket-details > tbody > tr > td {
    padding: 2px 0px;
}

/*Added for this bug 3190*/

/*Added for this bug 3172*/

.mnge-acc-pop {
    height: calc(100vh - 35px);
    overflow: auto;
}

.topmenu-input table td select, .topmenu-input table span, .topmenu-input table input[type="image"] {
    margin-left: 4px;
    margin-right: 4px;
}

/*Added for this bug 3172*/

/*Added for this bug 3172*/

/*Added for this bug 3125,3178*/

.OASYSGrid .text,
.OASYSGrid .errNotify {
    margin: 0px !important;
}

.OASYSGrid td.textarea-td {
    white-space: nowrap;
    max-width: 250px;
    min-width: 250px;
    text-overflow: ellipsis;
    overflow: hidden;
}

/*Added for this bug 3125,3178*/

.mntly-atane-wrksht table tbody th:first-of-type {
    padding: 0 5px;
}

.job-req-radio input[type="radio"] {
    margin-left: 0px !important;
}

.mng-self-ser-edit table .text {
    width: 95px;
}

/*License Message*/

.license-body {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.license-message, .license-message2 {
    width: calc(50% - 100px);
    margin: 0 auto;
    margin-top: 15%;
    padding: 10px;
    /*transform: translateY(50%);*/
}

.license-message2 {
    width: 350px;
}

.license-head {
    font-size: 16px;
    font-weight: bold;
}

    .license-head .comp-logo-text {
        vertical-align: super;
    }

.license-text1 {
    font-size: 14px;
    font-weight: bold;
    margin: 5px 0px;
}

.license-text2 {
    font-size: 14px;
    margin: 3px 0px;
    color: #333;
}

.license-text3 {
    margin: 3px 0px;
}

.dyIframe-Container {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999999;
    z-index: 9;
}

    .dyIframe-Container #dyIframe {
        width: 100%;
        height: 100%;
    }

.update-license {
    position: absolute;
    right: 0px;
    top: 5px;
    font-size: 20px;
}

.license-update {
    text-align: center;
}

    .license-update .line1 {
        display: inline-flex
    }

    .license-update .line1-span1 {
        padding: 25px 20px;
        font-weight: bold;
    }

.lic-list-container {
    padding: 2px
}

.lic-list-block {
    margin: 3px 0px;
}

.lic-list-head {
    padding: 5px;
    font-weight: bold;
}

.lic-list-item {
    padding: 5px;
    display: flex;
}

.lic-list-head-span2 {
    padding: 0px;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    transition: all .8s;
}

    .lic-list-head-span2 i {
        margin: 3px;
    }

.lic-list-indic-group {
    float: right;
}

    .lic-list-indic-group .expired, .lic-list-indic-group .warning, .lic-list-item .expired, .lic-list-item .warning, .lic-list-item .info1, .lic-list-item .info2 {
        padding: 2px 5px;
        border-radius: 5px;
        margin-right: 4px;
    }

.lic-list-item .info2 {
    margin-left: auto;
}
/*.lic-list-container .lic-list-item span.dvname-span {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 60%;
    display: inline-block;
    white-space: nowrap;
    line-height: 12px;
    white-space: nowrap;
}*/

.lic-list-container .lic-list-item span {
    /*overflow: hidden;
    text-overflow: ellipsis;*/
    display: inline-block;
    /* white-space: nowrap;*/
    /*line-height: 12px;*/
    /*white-space: nowrap;*/
}

    .lic-list-container .lic-list-item span.dvnamehead-span {
        width: 50%;
    }

    .lic-list-container .lic-list-item span.dvDivid-span {
        width: 10%;
    }

    .lic-list-container .lic-list-item span.dvname-span {
        width: 40%;
    }

    .lic-list-container .lic-list-item span.dvcount-span {
        width: 15%;
    }

    .lic-list-container .lic-list-item span.dvexpdate-span {
        width: 20%;
    }


/*End License Message*/

/*PM Task Management*/

.pm-custom-collapsible {
    position: absolute;
    right: 0px;
    padding: 5px;
    top: 25px;
    /*transition: all 0.5s ease;*/
    float: right;
    height: calc(100vh - 45px);
    width: calc(60% - 5px);
    z-index: 1;
}

.pm-arrow {
    left: -33px;
    position: absolute;
    padding: 5px;
    top: 0;
    font-size: 25px;
    cursor: pointer;
}

/*End PM Task Management*/

/*Bug 3376*/

.mng-ocpts-hgt-135px {
    height: calc(100vh - 135px);
}

/*Bug 3376*/

/*Manage Occupants bug 3361 */

.mng-ocpts-grid > table > tbody > tr > td {
    max-width: 50%;
    display: inline-block;
    width: 100%
}

.mng-ocpts-grid .style_deValBg_4Col {
    width: auto;
}

.mng-ocpts-grid .mng-ocpts-cmnts {
    height: 30px;
    overflow: auto;
    white-space: normal;
    display: block;
}

/*Manage Occupants*/

/*Bug 3318*/

.disp-conts label {
    display: contents;
}

/*Bug 3318*/

/*Bug 3316*/

.air-ticket-details > tbody > tr > td:nth-child(1) {
    width: 20% !important;
}

.air-ticket-details > tbody > tr > td:nth-child(2) {
    width: 76% !important;
}

.air-ticket-details > tbody > tr > td:last-of-type {
    width: 4% !important;
}

/*Bug 3316*/

.checkbox-mandatory {
    font-weight: 700;
    padding: 0 5px;
    text-align: left;
    /*white-space: nowrap; Bug 3471 */
}

/*Bug 3316*/

.attendance-worksheet .grid-view-tab tr:first-child th:nth-child(2) label {
    vertical-align: bottom;
}

.control-type input[type="text"] {
    width: 100px;
}

.form-frame-height {
    height: calc(100vh - 62px)
}

.benft-grid .grid-view-tab {
    width: 100%;
}

    .benft-grid .grid-view-tab td {
        white-space: normal;
    }

.hr-style {
    height: 10px !important;
    margin-bottom: 10px !important;
    width: 95%;
    border-bottom: 1px solid #ddd !important;
}

.app-mngr-block {
    height: calc(100vh - 52px);
    overflow: auto;
}

.remrk-prfl-wrp {
    position: relative;
    display: inline-block;
    overflow: hidden;
    white-space: normal;
    margin-top: 0px !important;
    height: 20px;
}

    .remrk-prfl-wrp:hover {
        visibility: visible;
        width: 95%;
        background-color: #ececec;
        text-align: left;
        padding: 5px;
        left: 0px;
        height: 50px;
        overflow: auto;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
        white-space: normal;
        line-height: normal;
    }

.respons-pp-aprvr {
    max-height: 250px;
    overflow: auto;
}

.calCtr-daily-attendance {
    height: calc(100vh - 0px);
    overflow: auto;
}

.myintrst-grid table tr td:nth-last-child(2) {
    white-space: normal !important;
}

.lvpln-wrap {
    overflow: auto;
    margin: 5px;
    height: calc(100% - 10px);
}

.addrec-plusimg {
    width: 16px;
    padding: 2px;
}

.tl-rt-pd-2 {
    padding-right: 2px !important;
}

.emp-insur-flex .flex-custome-1 {
    width: 16.666667%;
}

.emp-insur-flex .flex-custome-2 {
    width: 83.333333%;
}

.emp-insur-flex table .box-shadow-gray {
    box-shadow: none;
}

.emp-insur-flex table .div-top1 {
    margin-top: 0px;
}

/*Attendance Calender*/

#cal_layer_mask {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    display: block;
    background: url(../Images/loading.gif) no-repeat center;
}

/*End Attendance Calender*/

/*Report Control PDF popup*/

.temp-poup #dialog, .temp-poup #dialog_AltLang {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999;
}

#dialog .dialog-inner, #dialog_AltLang .dialog-inner {
    width: 35%;
    margin: 0 auto;
    margin-top: 10%;
    padding: 5px;
}

    #dialog .dialog-inner .dialog-head, #dialog_AltLang .dialog-inner .dialog-head {
        padding: 5px;
        font-weight: bold;
    }

        #dialog .dialog-inner .dialog-head .dialog-close, #dialog_AltLang .dialog-inner .dialog-head .dialog-close {
            float: right;
            cursor: pointer;
            padding: 0px 4px;
            font-weight: bold;
        }

#dialog .table > tbody > tr > td,
#dialog .table > tbody > tr > th,
#dialog .table > tfoot > tr > td,
#dialog .table > tfoot > tr > th,
#dialog .table > thead > tr > td,
#dialog .table > thead > tr > th {
    border-top: none;
}

#td_preview, #td_apply {
    text-align: right;
}

/*End Report Control PDF popup*/

.deallocate-height {
    height: calc(100% - 35px) !important;
}

.expense-claim-frame {
    height: calc(100vh - 50px);
    overflow: auto;
    margin-top: 7px !important;
}

.extern-pymnt-add-pop {
    height: 115px;
    border: 1px solid #ddd;
}

.extern-pymnt-add-pop-in-head {
    padding: 5px 10px;
    border-bottom: 1px solid #ddd;
}

.extern-pymnt-add-pop-in {
    overflow: auto;
    height: 84px;
    padding: 5px 10px;
}

.butn-pad {
    padding: 3px 4px;
}

.bts-mar-rt-rem {
    margin-right: -15px;
}

.emly-dtls-drpdw {
    width: 334px;
    margin-left: 13px;
}

.change-stts-input {
    width: 51%;
    padding-right: 27px;
    line-height: normal;
}

    .change-stts-input input {
        background-color: #fff !important;
        border: 1px solid #d9e2eb !important;
        height: 22px;
        padding: 0 3px;
        width: 50%;
    }

.change-stts-plus {
    width: 22px;
    padding: 2px;
    vertical-align: top;
    margin-top: 26px;
}

.scroll-x-hide {
    overflow-x: hidden !important;
}

/*Stop Salary*/

.sal-on-hld input[type="checkbox"] {
    vertical-align: middle;
    margin-left: 10px;
}

.sal-on-hld {
    display: block;
    box-shadow: 0 1px 5px rgb(224, 224, 224);
    margin-bottom: 3px;
}

    .sal-on-hld label {
        vertical-align: sub !important;
    }

.sal-rlse-txtbx input[type=checkbox], .sal-rlse-txtbx input[type=checkbox][disabled] {
    vertical-align: text-bottom;
}

.stop-salary-grid {
    height: calc(100vh - 163px);
    overflow: auto;
}

    .stop-salary-grid .grid-view-tab {
        width: 100%;
        border-width: 0px !important;
    }

/*.attendance-worksheet .grid-view-tab tbody tr th input[type=checkbox] {
    margin-bottom:3px;
}*/

.attendance-worksheet .grid-view-tab tbody tr th label {
    line-height: 13px !important;
}

.interface-tool-container .Grid_View_Tab tbody {
    height: calc(100vh - 42px);
    overflow: auto;
    display: block;
    width: 100%;
}

.audit-log-btn table td table td {
    padding: 0px !important;
    line-height: 15px;
}

    .audit-log-btn table td table td a {
        background-color: #fff;
        display: block;
        padding: 6px 10px;
    }

    .audit-log-btn table td table td span {
        display: block;
        padding: 6px 10px;
        color: #fff;
    }

.mng-orther-tab #content {
    height: calc(100vh - 148px);
    overflow: auto;
}

    .mng-orther-tab #content .contentblock > div:first-child {
        min-height: 436px;
    }

/*For this bug 3701*/

.access-groups-menu .action-header-panel {
    margin-right: 0px;
}

.access-groups-menu .action-item-panel td {
    padding-left: 8px;
}

.access-groups-menu .action-item-panel input[type="checkbox"] {
    vertical-align: middle;
}

.access-groups-menu .action-item-panel label {
    vertical-align: sub;
}

.custom-reports-table td {
    padding-bottom: 5px;
    padding-top: 3px;
}

/*For this bug 3701*/

/*For this bug 3600*/

.extrnl-pymnt-frm {
    margin: 5px 5px 0px 5px;
}

.extrnl-pymnt-grid-1 {
    max-height: 135px;
    overflow: auto;
}

.extrnl-pymnt-frm .Grid_View_Tab {
    margin: 0px;
}

.extrnl-pymnt-grid-2 .header-dummy {
    left: 5px !important;
}

/*For this bug 3600*/

.claim-detls-frm {
    min-height: 192px;
}

.process-log-frame {
    height: calc(100vh - 122px);
    overflow: auto;
}

.snapsht-text .oasys-search-list ul {
    top: 75px;
}

.manage-claims-frame {
    margin: -5px;
    height: calc(100vh - 72px);
    overflow: auto;
}

/*For Ticket Flex Field*/

.ticket-flex-fld {
    width: 100%;
    padding: 10px;
}

    .ticket-flex-fld td {
        width: 51% !important;
    }

/*.ticket-flex-fld td .flex-controls-data-tab {
            width: 100% !important;
            border: none;
        }

            .ticket-flex-fld td .flex-controls-data-tab td:last-child {
                width: 10px !important;
            }

            .ticket-flex-fld td .flex-controls-data-tab td {
                border: none;
            }

    .ticket-flex-fld .flex-controls-data-tab .column-1 {
        width: 50% !important;
    }

    .ticket-flex-fld .flex-controls-data-tab .column-2 {
        width: 50% !important;
    }

    .ticket-flex-fld textarea {
        width: 100% !important;
        font-weight: normal !important;
    }

    .ticket-flex-fld input[type="text"] {
        width: 100% !important;
        font-weight: normal !important;
    }

    .ticket-flex-fld textarea {
        display: block;
        height: 175px !important;
    }

.for-l-printtkt {
    width: 100% !important;
    float: left;
}

.for-r-printtkt {
    width: 100% !important;
    float: left;
}

.ticket-flex-fld input[type="text"] {
    width: 150px !important;
    font-weight: normal !important;
}*/

/*For Ticket Flex Field*/

.AdditionalData-scroll {
    height: calc(100vh - 76px);
    overflow: auto;
}

.positions-grid-head .grid-view-tab .lookupGrid_head_bg {
    display: table-header-group;
}

.customer-orientation-scroll {
    height: calc(100vh - 60px);
}

.calculation-rules .header-dummy th {
    line-height: 18px;
}

.calculation-rules .column-dummy {
    top: 1px !important;
}

.calculation-rules .clmn-hd-dmy .lookupGrid_head_bg th {
    line-height: 18px;
}

.calculation-rules .column-dummy tr td {
    line-height: 23px;
    padding: 0 10px;
}

.calculation-rules .column-dummy tr th {
    line-height: 23px;
}

.AdditionalData-scroll .cmn-lbl .table-responsive {
    overflow-x: hidden;
}

.air-tkt-invce .style_edocsTable_vt_Border .aspNetDisabled {
    cursor: not-allowed;
}

.mngemployee-view .ajax__tab_body {
    padding: 5px !important;
    overflow-x: hidden;
}

.transaction-div-block {
    margin: 3px;
    border: solid 1px #ddd;
    padding: 5px;
}

.transaction-div-fixed {
    bottom: 0;
    right: 0;
    left: 0;
    position: absolute;
}

.transaction-div-header {
    padding: 5px;
    font-weight: bold;
    box-shadow: 0px 0px 4px 1px #888;
    margin: 0px 2px 2px 2px;
}

.transaction-div-block-scroll {
    overflow: auto;
    height: calc(100vh - 275px);
}

.entitlement-table tbody tr td {
    border: solid 1px #fff;
    padding: 5px;
}

.leave-app-table-cell {
    /*width:50%;*/
}

.pnl-inaccessible {
    background: /* On "top" */ repeating-linear-gradient( 45deg, #fdfbfb, #dedede 10px, #efefef 10px, #eee 20px ), /* on "bottom" */ linear-gradient( to bottom, #e2e2e2, #bbb );
    text-align: center;
    height: 25px;
    font-weight: bold;
}

    .pnl-inaccessible > span {
        line-height: 25px;
        margin-top: 5px;
    }

table > tbody > tr > td > div.pnl-inaccessible > span {
    line-height: 25px;
}

.casual-grid-cont {
    border: solid 1px #ddd;
    margin: 2px;
    padding: 3px;
    height: calc(50vh - 25px);
    overflow: auto;
}

.casual-emp-sel {
    padding: 3px;
    height: calc(50vh - 25px);
}

.casual-emp-sel-td1, .casual-emp-sel-td3 {
    border: solid 1px #ddd;
    width: 48%;
    vertical-align: top;
}

.casual-emp-sel-td2 {
    vertical-align: middle;
}

.casual-emp-sel-grid-cont {
    height: calc(50vh - 60px);
    overflow: auto;
}

.casual-emp-td-head {
    border-bottom: solid 1px #ddd;
    padding: 5px;
    color: #fff;
}

/*Manage Employees Other tab*/

.mng-orther-tab #content #ctl00_cphContent_tcEmployeeMaster_Others_Uc_EmployeesOthers1_UpdatePanel1 {
    background: #408387;
    border-radius: 3px;
    min-height: 3px;
    padding: 3px;
}

.mng-orther-tab #content #dv_8 > div:first-child {
    height: auto;
    min-height: unset;
}

.mng-orther-tab #content #dv_8 > div > #ctl00_cphContent_tcEmployeeMaster_Others_Uc_EmployeesOthers1_UpdatePanel1 > table td:first-child {
    width: 100%;
}
/*Manage Employees Other tab*/

.cntrct-dtl-fld-bt-pad {
    padding-bottom: 8px !important;
}

.forms-lett-frm .f-left {
    font-weight: normal;
}

.job-discrip .input-text-5 {
    width: 86%;
}

.amendments-grid-scroll {
    height: calc(100vh - 171px);
    overflow: auto;
}

.grid-drop-menu .OASYSGrid select {
    width: auto !important;
}

.bulk-in-scroll {
    height: calc(100vh - 252px) !important;
}

.entitle-popup-scroll {
    height: calc(100vh - 4px);
    overflow: auto;
}

.entitle-popup div table {
    border: none !important;
}

    .entitle-popup div table th {
        text-align: left;
    }

    .entitle-popup div table th, .entitle-popup div table td {
        padding: 4px;
    }

.lpo-popup-scroll {
    height: calc(100vh - 246px);
    overflow: auto;
}

#dv_filters .filter-1 .action-item-panel {
    max-height: 350px;
    height: auto;
    overflow: auto;
}

#dv_filters .filter-1 .action-header-panel {
    height: auto;
    max-height: 110px;
    overflow: auto;
}

/*Master Change Request*/

.mst-chng-rqst {
    padding: 10px 15px;
}

    .mst-chng-rqst .Grid_View_Tab {
        width: 100%;
        margin: 0px;
    }

.mst-chng-rqst-btm {
    padding: 10px;
}

.flex-mstr-chng-reqst {
    flex-flow: wrap;
    display: flex;
}

.mst-chng-rqst-btm .coll-icon {
    padding: 4px 6px;
}

/*Master Change Request*/

.global-dvs-msg {
    height: calc(100vh - 450px);
    overflow: auto;
    max-width: 370px;
    border: 1px solid #ddd;
    display: table-caption;
    padding-left: 5px;
    z-index: 1;
    background: #fff;
}

/*for IE browser*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .global-dvs-msg {
        width: 450px;
    }
}

/*for edge browser*/

@supports (-ms-ime-align:auto) {
    .global-dvs-msg {
        width: 450px;
    }

    .GridviewScrollItem > td {
        position: unset;
    }
}

.global-dvs-msg .glblmsg-list {
    width: 100%;
    margin-right: 15px;
}

.clndr-cnfrm-pp table td input[type="checkbox"] {
    vertical-align: sub;
}

@supports (-ms-ime-align: auto) {
    #fullsvr .form-div-frame .select-list-1 {
        padding-right: 0px;
    }
}

.BudgetImportGvPanel table th {
    text-align: center;
}

/*Employee Timeline */

.employee-timeline table th {
    border-right: 1px !important;
    font-weight: 500;
}

.employee-timeline table td {
    border-right: 1px !important;
    border-top: 1px !important;
}

.employee-timeline table {
    border: 0px;
}

.att-crctn-rqst .grid-view-tab {
    width: 100%;
}

.att-crctn-dtls {
    height: calc(100vh - 142px);
    overflow: auto;
}

.emp-att-dtls {
    overflow: auto;
    height: calc(100vh - 197px);
}

.contractor-lpo {
    height: calc(100vh - 40px);
    overflow: auto;
}

.grid-frm .GridviewScroll .firstcolumn {
    padding-left: 5px;
    padding-right: 5px;
}

#eDocsContentPaneWithApprovalMatrix .inbox-hide {
    display: none;
}

.it-request-form td {
    width: 20%;
}

    .it-request-form td input[type="checkbox"] {
        vertical-align: text-bottom;
    }

    .it-request-form td label {
        vertical-align: inherit;
    }

#eDocsContentPaneWithApprovalMatrix .expense-claim-frame {
    height: auto;
}

/*.performance-tab-frame {
    height: calc(100vh - 235px) !important;
    overflow: auto;
}*/

.masterlabelcls {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding-left: 5px;
}

.iframe-pagescroll-1 {
    height: calc(100vh - 125px);
    width: 100%;
}

.mode-pdate {
    margin: 15px 15px 0px 15px;
    padding: 5px 10px;
}

.access-all {
    margin: 0px 15px 10px 15px;
    padding: 5px 10px;
}

    .access-all span {
        vertical-align: text-bottom;
    }

.country-head {
    padding: 3px 5px;
    margin-bottom: 3px;
    outline: none;
    font-weight: bold;
}

.country-head-list {
    padding: 3px 5px;
    margin-bottom: 3px;
    outline: none;
    font-weight: bold;
}

    .country-head-list input[type=checkbox][disabled] {
        vertical-align: sub;
    }

.coll-icon {
    padding: 4px 6px;
}

.country-list {
    padding: 5px 10px;
    margin-bottom: 3px;
}

.country-list-items {
    max-height: 200px;
    min-height: 200px;
    overflow: auto;
}

    .country-list-items input[type="checkbox"] {
        vertical-align: sub;
    }


/*Approvals Report tree*/

.approvals-report-tree .sel-tree-content .caption {
    display: none;
}

.approvals-report-tree .style_NavigationTabContainer {
    width: auto;
    min-width: auto;
}

.approvals-report-tree .sel-tree-content .styleTreeHeightOpt {
    height: calc(100vh - 161px);
    /*margin-top: 31px;*/
    /*border-top: 1px solid #ddd;*/
}

.approvals-report-tree .content-scroll.appr-dept {
    height: calc(100vh - 123px);
}

.approvals-report-tree .sel-tree-content .Ccs_Search_Box {
    bottom: 50px;
}

.master-arrow-design .BulletedListStyle li {
    padding: 0px;
}

    .master-arrow-design .BulletedListStyle li:last-child {
        border-bottom: none;
    }

    .master-arrow-design .BulletedListStyle li a {
        line-height: 35px;
    }

    /*.master-arrow-design .BulletedListStyle li a:hover {
    background-color: rgba(244, 254, 255, 0.2) !important;
}*/

    .master-arrow-design .BulletedListStyle li:hover {
        background-color: transparent !important;
    }

    .master-arrow-design .BulletedListStyle li a:before {
        content: '\25BA' !important;
        /*content: "?";*/
        padding: 0 5px;
        font-size: 10px;
    }

.master-arrow-design .BulletedListStyle #master_id {
    padding-left: 20px;
}

    .master-arrow-design .BulletedListStyle #master_id .mst a:before {
        content: "▷" !important;
        padding: 0 7px;
        font-size: 17px;
        vertical-align: top;
    }

/*for IE browser*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .master-arrow-design .BulletedListStyle #master_id .mst a:before {
        font-size: 10px;
    }
}

/*for edge browser*/

@supports (-ms-ime-align:auto) {
    .master-arrow-design .BulletedListStyle #master_id .mst a:before {
        font-size: 10px;
    }
}

.manage-aplicn-parmtr {
    overflow: auto;
    max-height: 91vh;
}

.OASYSGrid .textArea, .OASYSGrid textarea.editor, .OASYSGrid select.text {
    font-size: 12px;
}

.OASYSGrid-tbody option:first-child {
    display: none;
}

.attdnc-exptn-grid .OASYSGrid table {
    display: table;
    width: 100%;
}

    .attdnc-exptn-grid .OASYSGrid table tbody {
        display: inline-table;
        width: 100%;
    }

        .attdnc-exptn-grid .OASYSGrid table tbody th {
            text-align: left;
        }

.job-planner .datatable TH.first {
    color: unset;
}

.mngintergrid-left {
    float: left;
}

.mst-chng-rqst > div {
    overflow: auto;
}

.trgt-sgrmnt-grid tr th, .trgt-sgrmnt-grid tr td {
    padding-left: 10px;
    padding-right: 10px;
}

.course-modal .oasys__tab_xp .ajax__tab_body {
    padding-left: 1px !important;
    padding-right: 1px !important;
    padding-top: 7px !important;
}

.course-modal .course-modal-sec1 {
    min-height: 258px;
}

.course-modal .tab-exp-cell-2 td {
    padding-top: 2px !important;
}

.course-modal .course-modal-check input[type="checkbox"] {
    vertical-align: sub;
}

.course-modal .course-modal-check input[type="image"] {
    vertical-align: sub;
}

.course-modal .ajax__tab_xp .ajax__tab_header {
    margin: 0;
}

.mng-incd-dtl-tab .ajax__tab_xp .ajax__tab_body {
    padding: 0px;
}

.mng-incd-dtl-table > tbody > tr > td {
    padding: 5px 10px;
}

.mng-incd-tab-scroll {
    height: calc(100vh - 70px);
}

.exptd-bsns-dtl .fa-upload {
    margin-right: 5px;
}

/*Default Important Notice*/

.bs-callout-icon {
    display: inline-block;
    float: left;
    font-size: 19px !important;
}

.bs-callout {
    padding: 20px 20px 20px 40px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}

    .bs-callout h4 {
        margin-top: 0;
        margin-bottom: 5px;
    }

.bs-callout-danger {
    border-left-color: #8f1635 !important;
    background-color: #f7fbef;
}

.bs-txt-danger {
    color: #8f1635;
}

.extrnl-pymnt-frm .Grid_View_Tab {
    margin: 0 auto;
    position: relative;
}

    .extrnl-pymnt-frm .Grid_View_Tab th {
        position: sticky;
        top: -1px;
        height: 29px;
    }


/*Bug 1058*/
_::-webkit-full-page-media, _:future, :root #Login1_ddSelectLanguage {
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 98% 50%;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

/*.financial-farget tr:first-child {
    display: none;
}*/

.OASYSGrid tr.OASYSDataRow td select {
    font-size: 9pt;
}

.financial-farget tr td, .financial-farget tr th {
    border: 1px solid #ddd;
}

.templatetop {
    margin-top: 15px;
}

.dwncollapse {
    float: right;
    padding-right: 5px;
}

/*.glbl-pop-scope-ref {
    overflow: auto;
    display: block;
    border: 1px solid #ddd;
    width: 100%;
    padding: 5px;
    padding-top: 0px;
    height: calc(100vh - 425px);
    overflow: auto;
}
.glbl-pop-scroll-container {
    height: calc(100vh - 155px);
    overflow: auto;
}*/

.templatetop {
    margin-top: 15px;
}

.dwncollapse {
    float: right;
    padding-right: 5px;
}

.glbl-pop-scope-ref {
    overflow: auto;
    display: block;
    border: 1px solid #d9e2eb !important;
    width: 93% !important;
    padding: 5px;
    padding-top: 0px;
    max-height: 95px;
    overflow: auto;
    position: absolute;
    z-index: 1;
    background-color: #fff;
}

.global-drop-down {
    border: 1px solid #d9e2eb !important;
    height: 27px;
    width: 100% !important;
    padding: 0 5px;
    position: relative;
    display: inline-block;
}

    .global-drop-down::after {
        content: "▷";
        float: right;
        padding: 5px 0;
        font-size: 10px;
    }

.global-drop-down-bottom {
    position: absolute;
    width: 93% !important;
    max-width: unset !important;
    display: none;
    background-color: #fff;
    overflow: auto;
    z-index: 1;
    top: 27px;
    border: 1px solid #d9e2eb !important;
}

.globa-drop-show {
    display: block;
}

.global-mesg-temp input[type="text"] {
    height: 24px;
    width: 100%;
}

.global-mesg-temp input[type=submit] {
    background: #408387;
    color: #fff;
    border: none;
    border-radius: 2px;
    padding: 4px 12px;
    font-weight: bold;
    display: inline-block;
    float: right;
    border: 1px solid #408387;
}

    .global-mesg-temp input[type=submit]:hover {
        background: #efefef;
        color: #408387;
        transition: background-color .15s ease-in-out;
    }

.global-mesg-temp input[type="file"] {
    width: 80%;
    float: left;
    padding: 3px;
    border: solid 1px #d9e2eb
}

    .global-mesg-temp input[type="file"]:focus {
        outline: none;
    }

.mask-div {
    height: 100%;
    width: 100%;
    background-color: transparent;
    position: absolute;
    top: 0;
    z-index: 0;
    left: 0;
    /*pointer-events: none;*/
}

.oasysgrid-view-mode table > tbody > tr td:first-child,
.oasysgrid-view-mode table > tbody > tr th:first-child {
    display: none;
}

.dropdown-hide-button {
    float: right;
}

.oasys-check-list-parant .filter-1 .action-item-panel {
    max-height: 300px;
    height: auto;
    overflow: auto;
}

.oasys-check-list-parant .filter-1 .action-header-panel {
    height: auto;
    max-height: 110px;
    overflow: auto;
}

.oasys-check-list-parant .OASYS-check-box-list-control .action-item-panel {
    width: calc(100% - 30px);
    height: calc(100vh - 200px);
}

/*.financial-farget tr:first-child {
    display: none;
}
*/
.empl-misc-cmpnt {
    height: calc(100vh - 466px);
    overflow: auto;
}

    .empl-misc-cmpnt .grid-view-tab {
        margin: 0 auto;
        position: relative;
        border-width: 0px !important;
    }

        .empl-misc-cmpnt .grid-view-tab th {
            position: sticky;
            top: 0px;
            height: 25px;
        }

.financial-farget .target-objective {
    max-height: 150px;
    display: inline-block;
    overflow: auto;
    width: 300px;
}

.ajaxcontroltoolkit-parrant .ajax__html_editor_extender_container {
    width: 100% !important;
}

.rdlcscroll-adjust-height .new-rdlc-report-div > div > div > .MSRS-RVC .SplitterNormal + td > div {
    height: calc(100vh - 142px) !important;
}

.settle-rdlcscroll-adjust-height .new-rdlc-report-div > div > div > .MSRS-RVC .SplitterNormal + td > div {
    height: calc(100vh - 188px) !important;
}

.settle-rdlcscroll-adjust-height .new-rdlc-report-div .MSRS-RVC > table td .MenuBarBkGnd .ToolBarButtonsCell .WidgetSet {
    display: inline-block !important;
}

.settle-rdlcscroll-adjust-height .new-rdlc-report-div .MSRS-RVC > table td .MenuBarBkGnd .ToolBarButtonsCell .ToolbarExport .MenuBarBkGnd {
    width: 200px !important;
}

.settle-rdlcscroll-adjust-height .new-rdlc-report-div .MSRS-RVC > table td .MenuBarBkGnd {
    display: block !important;
    width: 100% !important;
}

.new-rdlc-report-div > div {
    height: calc(100vh - 46px);
}

.new-rdlc-report-div .MSRS-RVC {
    height: calc(100vh - 46px) !important;
}

    .new-rdlc-report-div .MSRS-RVC > table {
        height: auto !important;
    }

.new-rdlc-report-div div {
    font-family: Tahoma !important;
    outline: none !important;
}

.jobreq-editor div span {
    line-height: normal;
    margin-top: 0;
}

.jobreq-editor > div > span {
    padding-left: 5px;
}

.jobreq-editor .ajax__html_editor_extender_container {
    width: 100% !important;
}

.sick-leave-rdlc .action-item-panel {
    height: auto;
}

.approver-tab table td {
    white-space: nowrap;
}

.employee-assets-table .asset-remarks {
    height: 30px;
    overflow: auto;
    white-space: normal;
    display: block;
    word-break: break-word;
}

.prjct-leave-scroll {
    overflow: auto;
    height: calc(100vh - 110px);
}

.push-lft-side2 {
    width: 100%;
}

.flx-cl-img1 input[type="image"] {
    margin: 4px;
}

#tab-content2 .kiosk-frame, #tab-content4 .kiosk-frame, #tab-content5 .kiosk-frame, #tab-content6 .kiosk-frame {
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 5px;
}

.empl-misc-cmpnt {
    height: calc(100vh - 466px);
    overflow: auto;
}

.grid-headerfix-container > div > .Css_ReportGrid {
    margin: 0 auto;
    position: relative;
}

    .grid-headerfix-container > div > .Css_ReportGrid > tbody tr th {
        position: sticky;
        top: 0px;
        z-index: 1;
        background-color: #408387;
    }

.grid-headerfix-container > .Css_ReportGrid {
    margin: 0 auto;
    position: relative;
}

    .grid-headerfix-container > .Css_ReportGrid > tbody tr th {
        position: sticky;
        top: 0px;
        z-index: 1;
        background-color: #408387;
    }

.grid-headerfix-container > .OASYSGrid > table {
    margin: 0 auto;
    position: relative;
}

    .grid-headerfix-container > .OASYSGrid > table th {
        position: sticky;
        top: 0px;
        z-index: 1;
    }

.grid-headerfix-container .dv-hd-fz {
    display: none !important;
}

.oasys-grid-container .GridView .OASYSGrid-content .table-responsive, .oasys-grid-container .GridView .OASYSGrid-header .table-responsive {
    display: inline-table;
}

.OASYSGrid-content .table, .OASYSGrid-header .table {
    border-collapse: collapse;
}

.panel-collapse .card-body .table-responsive {
    display: inline-table;
}

#exceptionDetails .btstrap-tab-content .badge {
    font-size: 100% !important;
}

.clndr-cnfrm-pp table td > label {
    font-weight: bold;
}

.Fix-ovr-ScopRef-column > table > tbody > tr > td > label {
    font-weight: bold
}

.style_PopupPanel_Content_med > table > tbody > tr > td > label {
    font-weight: bold;
}

.panel-default .panel-body .unq-081 .OASYSGrid .ValidationSummary {
    left: 8px !important;
    right: auto;
}

.pycalv-align {
    vertical-align: top;
}

.emp-hist-left-block > table {
    display: table;
    width: 100%;
}

.ajax__html_editor_extender_texteditor ul li, .ajax__html_editor_extender_texteditor ol li {
    margin-left: 15px;
}

.tdAddRecord > span > label {
    font-weight: bold;
}

.tdAddRecord > label {
    font-weight: bold;
}

.emply-tsk > label {
    font-weight: bold;
}

.panel-default .panel-body .unq-081 {
    max-height: calc(100vh - 300px);
    overflow: auto;
    margin-top: 0px;
}

#r_addMore {
    width: calc(100% - 190px);
    position: relative;
}

.advncdfn-ht-34px {
    height: 34px !important;
}

.ajax__calendar_container td {
    border: none !important;
}

.disable-area-1 textarea:disabled {
    overflow: visible !important;
    border: none !important;
    box-shadow: none !important;
    height: auto;
    background-color: transparent
}

.disable-area-1 select:disabled {
    border: none !important;
    box-shadow: none !important;
    background-color: transparent;
    color: #000;
    padding-left: 0px;
    padding-right: 0px;
}

.disable-area-1 input[type="text"]:disabled {
    border: none !important;
    box-shadow: none !important;
    background-color: transparent
}

.well-card-panel {
    min-height: 20px;
    padding: 19px !important;
    margin-bottom: 20px;
    border-radius: 4px;
}

.chkbx-lis-vln label {
    vertical-align: sub;
    font-weight: bold;
}

.grid-headerfix-container .grid-view-tab, .grid-headerfix-container .Grid_View_Tab {
    margin: 0 auto;
    position: relative;
}

    .grid-headerfix-container .grid-view-tab > tbody > tr > th, .grid-headerfix-container .Grid_View_Tab > tbody > tr > th {
        position: sticky;
        top: 0px;
        z-index: 100;
    }

.hd-fx-tp-bdr .Grid_View_Tab > tbody > tr > th {
    border-top-width: 0px;
}

.grid-headerfix-container .header-dummy {
    display: none !important;
}

.user-not-template > div {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-top: 0px !important;
}

.glbl-ntot-drop .action-item-panel {
    padding: 0px !important;
}

.casual-emp-sel-grid-cont input[type="checkbox"] {
    margin: 0px;
}

.cbxfiltercheck input[type="checkbox"], .cbxfiltercheck label {
    margin: 0px 5px 0 0 !important;
    font-weight: bold;
}

.style_height_loanSchedule .grid-view-tab input[type="checkbox"] {
    margin: 0px;
}

.air-tkt-invce .style_DataListCaptions {
    font-weight: bold;
}

.extern-pymnt-add-pop-in > div > table > tbody > tr > td > label {
    font-weight: bold;
}

.recruit-radio input[type="radio"] {
    vertical-align: text-bottom;
}

.job-req-check-radio input[type="checkbox"], .job-req-check-radio input[type="radio"] {
    margin-left: 0px !important;
}

.sal-rlse-txtbx input[type="checkbox"], check-box-styl input[type="checkbox"] {
    margin-left: 0px !important;
}

.postion-flex-field .emp-master-flex-controls .flex-controls-dl .flex-controls-data-tab .flex-custome-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.postion-flex-field .emp-master-flex-controls .flex-controls-dl .flex-controls-data-tab .flex-custome-2 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}

    .postion-flex-field .emp-master-flex-controls .flex-controls-dl .flex-controls-data-tab .flex-custome-2 input[type="text"] {
        width: 96.333333% !important;
        float: right;
    }

.sal-on-hld input[type="checkbox"] {
    margin-top: 5px;
}

.docrelreturn .grid-view-tab input[type="checkbox"], .schpartcbx input[type="checkbox"],
.cbIsExternalFundalign input[type="checkbox"], .cbxIsValidvacancy input[type="checkbox"],
.style_RecruitmentTabpage input[type="checkbox"], .schedule-border td input[type="checkbox"], .trgt-table input[type="checkbox"],
.cbxmnglnguage input[type="checkbox"] {
    margin-left: 0px;
}

.schedule-border td input[type="checkbox"], .schedule-border td label {
    font-weight: bold;
    vertical-align: middle;
}

/*.mng-emply-vw-flex .flex-controls-dl .for-disable-field .flex-custome-2 select {
    cursor: not-allowed;
}*/

.emp-pos-edit-icon {
    position: absolute;
    left: auto;
    right: 0px;
    top: 4px;
}

#eDocsContentPaneWithApprovalMatrix #iframeFileContent {
    width: 100%;
    height: 61vh;
}

.hig-scrl-145px {
    height: calc(100vh - 145px);
    overflow: auto;
}

.pop-in-scroll {
    height: calc(100vh - 220px);
    overflow: auto;
}

.dlt-rsn-pop {
    z-index: 999;
    top: 26% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
}

.impt-analy-grid table tbody {
    height: calc(100vh - 324px) !important;
}

.candidate-grid .attachment-viewer-panel {
    right: 0px;
    left: auto;
}

.btn-slect-all {
    position: absolute;
    top: 0px;
    padding: 7px 10px;
    font-size: 13px;
    border-radius: 0px;
    border: none !important;
    right: 30px
}

    .btn-slect-all a {
        color: inherit;
        text-decoration: none;
        font-size: bold;
    }

.accrual-ph-table {
    max-height: calc(100vh - 422px);
    overflow: auto;
}

    .accrual-ph-table > table > tbody > tr > td:first-child {
        display: none;
    }

    .accrual-ph-table .th-color {
        font-weight: bold;
        text-indent: 2px;
    }

    .accrual-ph-table .os-table-style {
        margin: 0 auto;
    }

        .accrual-ph-table .os-table-style .th-color {
            position: sticky;
            top: 0px;
            z-index: 100;
            border-top-width: 0px;
        }

.gall-img-upload .gall-image {
    width: 110px;
    height: 100px;
    padding: 5px;
    border: 1px solid #e8e8e8;
    background-color: #fff;
}

.gall-img-upload td {
    width: 15%;
}

.gall-img-frame {
    position: relative;
    width: 100%;
    margin-bottom: 12px;
}

.gall-image {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}

.gall-img-frame .closebtn {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 46%;
    left: 44%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.gall-img-frame:hover .gall-image {
    opacity: 0.3;
}

.gall-img-frame:hover .closebtn {
    opacity: 1;
}

.gall-img-upload-grid {
    max-height: calc(100vh - 150px);
    overflow: auto;
}

.gall-img-section {
    max-height: calc(100vh - 240px);
    overflow: auto;
}

.val-position-1 {
    position: absolute;
    right: -29px;
    top: 0;
}

.gal-upld-drop .OASYS-check-box-list-control {
    margin-right: -2%;
}

.gall-img-frame .closebtn a {
    border-radius: 50%;
    height: 16px;
    width: 17px;
    padding: 3px;
    line-height: 10px;
    font-size: 11px;
    vertical-align: top;
}

.qg-gridframe div table tbody tr th {
    background-color: #408387;
    padding: 4px;
    color: #fff;
}

.qg-gridframe td {
    padding: 4px;
    color: #212529;
}

.qg-gridframe th, .qg-gridframe td {
    padding: 4px;
}

.qg-gridframe table tr:nth-of-type(odd) {
    background-color: #eef6f7;
}

.qg-pop-cr-gridframe {
    height: calc(100vh - 300px);
    overflow: auto;
}

    .qg-pop-cr-gridframe .grid-view-tab {
        border-top-width: 0px !important;
    }

.clndr-cnfrm-pp table td > div > span label {
    font-weight: bold;
}

.clndr-cnfrm-pp .check-box-style input[type="radio"] {
    margin-left: 6px;
}

.emp-pickup {
    height: calc(100vh - 397px);
    overflow: auto;
}

.externalgrid {
    height: calc(100vh - 50px);
    overflow: auto;
}

#eDocsContentPaneWithApprovalMatrix .style_ealertselection {
    height: calc(100vh - 242px) !important;
    overflow: auto;
    padding: 5px;
}

.over-asment-inhead {
    font-weight: bold;
    padding: 5px 10px;
    background-color: #408387;
    display: block;
    color: #fff;
}

.unq-138 .eRecBody .style_Header_Section {
    background-color: #58989c;
    display: block;
    color: #fff;
    height: 28px;
    line-height: 20px;
}

.unq-138 .eRecBody tbody tr th {
    margin: 0px !important;
}

.unq-138 .eRecBody {
    margin: 10px;
    border: 1px solid #ddd;
}

    .unq-138 .eRecBody td textarea {
        margin: 5px;
    }

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

.final-clear-req-frame {
    height: calc(100vh - 50px);
    overflow: auto;
    margin-top: 7px !important;
}

.final-clear-req > table > tbody > tr:first-of-type {
    display: none;
}

.final-clear-in-table > table > tbody > tr > td {
    border: none;
    display: block;
    padding: 0;
}

.upld-airfree {
    max-height: calc(100vh - 239px);
    overflow: auto;
}

.import-airfree {
    max-height: calc(100vh - 239px);
    overflow: auto;
}


/*.benefit-plandetil-grid .OASYSGrid .row-pager {
    background: #ededed;
    bottom: 0;
    display: block;
    left: 0;
    position: fixed;
    right: 0;
}

.taxpar-grid .OASYSGrid .row-pager {
    background: #ededed;
    bottom: 0;
    display: block;
    left: 0;
    position: fixed;
    right: 0;
}
*/

#roster.grid-headerfix-container > div > .datatable {
    margin: 0 auto;
    position: relative;
}

    #roster.grid-headerfix-container > div > .datatable > tbody:first-child .Css_GridEnhanceView_Header > th {
        position: sticky;
        top: 0px;
        z-index: 1;
    }

    #roster.grid-headerfix-container > div > .datatable > tbody:first-child .Css_GridEnhanceView_Header + .Css_GridEnhanceView_Header > th {
        position: sticky;
        top: 36px;
        z-index: 1;
    }

    #roster.grid-headerfix-container > div > .datatable > tbody:first-child .Css_GridEnhanceView_Header > th:after,
    #roster.grid-headerfix-container > div > .datatable > tbody:first-child .Css_GridEnhanceView_Header > th:before {
        content: '';
        position: absolute;
        left: 0;
        width: 100%;
    }

    #roster.grid-headerfix-container > div > .datatable > tbody:first-child .Css_GridEnhanceView_Header > th:before {
        top: -1px;
        border-top: solid thin #d0d0d0;
    }

    #roster.grid-headerfix-container > div > .datatable > tbody:first-child .Css_GridEnhanceView_Header > th:after {
        bottom: -1px;
        border-bottom: solid thin #d0d0d0;
    }

.tr_modelPopUp400 .tab-exp-cell-2 tbody tr td:first-of-type {
    width: 150px;
}

.grid-headerfix-container .grid-view-tab > tbody > tr > th {
    z-index: 1 !important;
}

.final-cls-dt-list > table, .final-cls-dt-list > table > tbody > tr > td > table {
    width: 100%;
}

    .final-cls-dt-list > table, .final-cls-dt-list > table > tbody > tr > td > table > tbody > tr > td {
        border-top-color: transparent !important;
    }

        .final-cls-dt-list > table > tbody > tr > td, .final-cls-dt-list > table, .final-cls-dt-list > table > tbody > tr > td > table > tbody > tr > td {
            border: none;
            font-weight: normal;
            border-top-color: transparent !important;
        }

            .final-cls-dt-list > table, .final-cls-dt-list > table > tbody > tr > td > table > tbody > tr > td span label {
                font-weight: normal;
                width: 70%;
            }

                .final-cls-dt-list > table > tbody > tr > td > table > tbody > tr > td input[type=checkbox] {
                    vertical-align: middle;
                }

                .final-cls-dt-list > table > tbody > tr > td > table > tbody > tr > td label {
                    font-weight: normal;
                }

                .final-cls-dt-list > table > tbody > tr > td > table > tbody > tr > td:first-of-type {
                    padding-top: 0px;
                }

                .final-cls-dt-list > table > tbody > tr > td > table > tbody > tr > td {
                    padding-top: 5px;
                    padding-right: 0px;
                    padding-bottom: 0px;
                    padding-left: 0px;
                }

                .final-cls-dt-list > table > tbody > tr > td {
                    padding-top: 0px;
                    padding-bottom: 0px;
                    padding-left: 5px;
                    padding-right: 5px;
                }

                    .final-cls-dt-list > table > tbody > tr > td span {
                        font-weight: bold;
                    }

/********Chosen dropdown search*******/

.chosen-container.chosen-container-single {
    width: 100% !important;
}

.chosen-container-single .chosen-single span {
    line-height: 20px;
    margin-top: 0;
}

.chosen-container-single .chosen-single {
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    border: solid 1px #d9e2eb !important;
    background-image: none !important;
    box-shadow: none !important;
}

.chosen-container .chosen-drop {
    border: solid 1px #d9e2eb !important;
}

@media only screen and (min-width: 1200px) {

    .parrent-chosen .chosen-container-single {
        /* width: 100% !important; */

        float: right;
        width: 90.4% !important;
    }

    .ot-pop-pdl-0-imp {
        padding-left: 0px !important;
    }

    .ot-pop-pdr-15 {
        padding-right: 15px;
    }
}

.term-show-detail .chosen-container-single .chosen-single span {
    color: #444;
    font-weight: normal;
}

.term-show-detail .chosen-drop {
    font-weight: normal;
}

.chosen-container .chosen-results li span {
    display: none;
}

/******** End chosen dropdown search*******/

div#dv_9 textarea.textArea.pos-rel {
    height: 22px !important;
}

.trgt-table table.table-full-width tbody tr table tbody tr td {
    padding-left: 10px;
}

    .trgt-table table.table-full-width tbody tr table tbody tr td input[type="checkbox"] {
        vertical-align: text-bottom
    }

table.table-full-width.tab-exp-cell-2.mar-5px tbody tr td:last-of-type .inputButton {
    margin-right: 10px;
}

#divcareeroptions table.style_deTable.table-full-width .style_deFormCaption input[type=radio] {
    vertical-align: sub;
}

.dv-Panel .air-ticket-details .chkbx-lis-vln .checkbox-mandatory {
    padding-left: 0px;
}

    .dv-Panel .air-ticket-details .chkbx-lis-vln .checkbox-mandatory input[type="checkbox"] {
        margin-left: 0;
    }

/*#file-Panel .wid-40per.f-right span[style*="visibility:hidden;"] {
    display: none;
}
*/

input#ctl00_cphContent_tcEmployeeMaster_Terms_Uc_EmployeesTerms1_txtTicketFrequency,
input#ctl00_cphContent_tcEmployeeMaster_Terms_Uc_EmployeesTerms_txtTicketFrequency {
    margin-right: 7px;
}

.document-release #tr_ReleasedTo .pad-l-7 {
    padding-left: 0px;
}

#dv_eDocs_LeaveIndex #table8 .Grid_View_Tab {
    margin: 0px;
}

.mng-intface-pop a {
    color: #33696C;
    margin: 15px;
    text-align: left;
    display: block;
    font-weight: 600;
}

.chosen-container .chosen-results li span {
    display: none;
}

#ctl00_ContentPlaceHolder1_upunits .mnge-acc-pop {
    height: calc(100vh - 35px);
    overflow: auto;
}

.final-cls-dt-list > table, .final-cls-dt-list > table > tbody > tr > td > table {
    width: 100%;
}

    .final-cls-dt-list > table > tbody > tr > td, .final-cls-dt-list > table, .final-cls-dt-list > table > tbody > tr > td > table > tbody > tr > td {
        border: none;
        font-weight: normal;
    }

        .final-cls-dt-list > table, .final-cls-dt-list > table > tbody > tr > td > table > tbody > tr > td span label {
            font-weight: normal;
            width: 70%;
        }

            .final-cls-dt-list > table > tbody > tr > td > table > tbody > tr > td input[type=checkbox] {
                vertical-align: middle;
            }

            .final-cls-dt-list > table > tbody > tr > td > table > tbody > tr > td label {
                font-weight: normal;
            }

            .final-cls-dt-list > table > tbody > tr > td > table > tbody > tr > td:first-of-type {
                padding-top: 0px;
            }

            .final-cls-dt-list > table > tbody > tr > td > table > tbody > tr > td {
                padding-top: 5px;
                padding-right: 0px;
                padding-bottom: 0px;
                padding-left: 0px;
            }

            .final-cls-dt-list > table > tbody > tr > td {
                padding-top: 0px;
                padding-bottom: 0px;
                padding-left: 5px;
                padding-right: 5px;
            }

                .final-cls-dt-list > table > tbody > tr > td span {
                    font-weight: bold;
                }

#div_Release.docrelreturn, #div_Return.docrelreturn {
    overflow: auto;
    max-height: 75%;
}

#ctl00_ContentPlaceHolder1_upRelease, #ctl00_ContentPlaceHolder1_upReturn {
    height: 48vh;
}

#ctl00_ContentPlaceHolder1_upunits .manage-accom.clearfix + .lft-rght-btns .left-btns {
    bottom: 5px;
}

.mobilequick {
    width: 100px;
    height: 100px;
    margin-top: 15px;
    pointer-events: none;
    display: flex;
    margin: 0 auto;
}

.emply-doc-custm {
    height: calc(100vh - 37px);
    overflow: auto;
}

    .emply-doc-custm .grid-view-footer {
        position: sticky;
        bottom: 0;
    }

.journal-setup-grid {
    height: calc(100vh - 110px);
    overflow: auto;
    margin: 10px;
}

    .journal-setup-grid .grid-view-tab {
        width: 100%;
    }

ul.ulhover.dis-block-posi {
    position: absolute;
    left: 250px !important;
}

    ul.ulhover.dis-block-posi.dis-block-imp li a {
        padding: 10px 15px;
    }

.css-sidemenu.css-menu-compact ul#navigation li ul.ulQLKIOSK_002 {
    position: absolute;
}

    .css-sidemenu.css-menu-compact ul#navigation li ul.ulQLKIOSK_002 li.qkdocnames {
        position: unset;
    }

.css-sidemenu.css-menu-ext ul#navigation li ul.ulQLKIOSK_002 li.qkdocnames ul.ulhover.dis-block-posi {
    position: unset !important;
    left: 0px !important;
}

    .css-sidemenu.css-menu-ext ul#navigation li ul.ulQLKIOSK_002 li.qkdocnames ul.ulhover.dis-block-posi a {
        padding-left: 25px;
    }

.css-sidemenu.css-menu-ext ul#navigation li ul.ulQLKIOSK_002 li.qkdocnames > .qkdocnamesinner {
    font-weight: bold;
}

.overtime-rqst-grid div table td {
    vertical-align: top;
}

.jrnl-calc-pop {
    box-shadow: 0 2px 20px 20px rgb(200 200 200 / 33%);
    height: calc(100vh - 100px);
}

    .jrnl-calc-pop .s-m-content {
        height: calc(100% - 31px);
    }

        .jrnl-calc-pop .s-m-content .dep-pay .comp-name span {
            display: inline-block;
            float: right;
        }

        .jrnl-calc-pop .s-m-content .pay-table td {
            border: 0.5px solid #e9e9e9 !important;
        }

        .jrnl-calc-pop .s-m-content .pay-table .dep-pay {
            background-color: #dcdcda;
        }

        .jrnl-calc-pop .s-m-content .pay-table td > table tr td {
            border: 0.5px solid #f0f0f0 !important;
        }

        .jrnl-calc-pop .s-m-content .pay-table td > table tr:hover {
            transition: 0.7s;
            background-color: rgb(0 0 0 / 4%) !important;
        }

        .jrnl-calc-pop .s-m-content .pay-table td,
        .jrnl-calc-pop .s-m-content .pay-table tr td:last-child:not(.dep-name) {
            font-size: inherit;
            text-align: left;
        }

            .jrnl-calc-pop .s-m-content .pay-table td .oasys-icon-cancel-2 {
                padding-top: 3px;
                padding-right: 6px;
            }

        .jrnl-calc-pop .s-m-content .pay-table .border-bdr-clr tr:last-child td {
            border-bottom: 1px solid #000;
        }

        .jrnl-calc-pop .s-m-content .dep-pay .comp-name {
            font-size: 13px !important;
        }

        .jrnl-calc-pop .s-m-content .pay-table table .inner-table-head:hover {
            background-color: #f4f4f4 !important;
        }

        .jrnl-calc-pop .s-m-content .pay-table table .inner-table-head {
            background-color: #f4f4f4 !important;
        }

            .jrnl-calc-pop .s-m-content .pay-table table .inner-table-head td {
                font-weight: bold;
                padding-top: 5px;
                padding-bottom: 5px;
            }

        .jrnl-calc-pop .s-m-content .pay-table table tr td b {
            color: #747474;
        }

        .jrnl-calc-pop .s-m-content .pay-table tr table tr td {
            padding-top: 5px;
            padding-bottom: 5px;
        }

        .jrnl-calc-pop .s-m-content .de-sub {
            font-size: 12px;
            background-color: #ececec;
        }

            .jrnl-calc-pop .s-m-content .de-sub td b {
                font-weight: bold;
                background-color: transparent !important;
                color: #313131;
            }

            .jrnl-calc-pop .s-m-content .de-sub > td {
                padding-top: 7px;
                padding-bottom: 7px;
            }

        .jrnl-calc-pop .s-m-content .de-sublist .expdata {
            font-size: 12px;
        }

        .jrnl-calc-pop .s-m-content .de-sublist span {
            display: inline-block;
            float: right;
            padding-top: 3px;
        }

        .jrnl-calc-pop .s-m-content .de-sublist span {
            padding: 3px 5px !important;
            font-size: 11px;
        }

        .jrnl-calc-pop .s-m-content .de-sublist > td {
            font-weight: bold;
            padding-left: 15px !important;
            padding-right: 15px !important;
            padding-top: 6px;
            padding-bottom: 6px;
            color: #747474;
        }

.lic-list-container .lic-list-block {
    max-height: calc(100vh - 380px);
    overflow: auto;
}

.grid-headerfix-container > div > .gvLstCtrl {
    margin: 0 auto;
    position: relative;
}

    .grid-headerfix-container > div > .gvLstCtrl th {
        position: sticky;
        top: 0px;
        z-index: 1;
        padding: 5px 10px;
    }

    .grid-headerfix-container > div > .gvLstCtrl > tbody > tr > td {
        border: solid 0.5px #d5d5d5;
    }

    .grid-headerfix-container > div > .gvLstCtrl td {
        padding: 3px 5px;
    }

.css-sidemenu .quik-link ul {
    max-height: unset;
}

.css-sidemenu:not(.css-menu-compact) {
    height: calc(100vh);
    overflow: auto;
}

.css-menu-compact .quik-link ul {
    max-height: 300px;
}

.css-sidemenu:not(.css-menu-compact)::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.css-sidemenu:not(.css-menu-compact)::-webkit-scrollbar-track {
    width: 5px;
}

/* Handle */
.css-sidemenu:not(.css-menu-compact)::-webkit-scrollbar-thumb {
    width: 5px;
}

    /* Handle on hover */
    .css-sidemenu:not(.css-menu-compact)::-webkit-scrollbar-thumb:hover {
        width: 5px;
    }

.style_toolbaritem input[type=image]:disabled {
    opacity: 0.5;
}

.mobilequick {
    width: 100px;
    height: 100px;
    margin-top: 15px;
    pointer-events: none;
    display: flex;
    margin: 0 auto;
}

.quik-link span.click-link {
    display: inline-block;
    width: 91%;
    text-align: left;
}

ul.ulhover.dis-block-posi {
    position: absolute;
    left: 250px !important;
}

    ul.ulhover.dis-block-posi.dis-block-imp li a {
        padding: 10px 15px;
    }

.css-sidemenu.css-menu-compact ul#navigation li ul.ulQLKIOSK_002 {
    position: absolute;
}

    .css-sidemenu.css-menu-compact ul#navigation li ul.ulQLKIOSK_002 li.qkdocnames {
        position: unset;
    }

.css-sidemenu.css-menu-ext ul#navigation li ul.ulQLKIOSK_002 li.qkdocnames ul.ulhover.dis-block-posi {
    position: unset !important;
    left: 0px !important;
}

    .css-sidemenu.css-menu-ext ul#navigation li ul.ulQLKIOSK_002 li.qkdocnames ul.ulhover.dis-block-posi a {
        padding-left: 25px;
    }

.css-sidemenu.css-menu-ext ul#navigation li ul.ulQLKIOSK_002 li.qkdocnames > .docouter {
    font-weight: bold;
}

.css-sidemenu .quik-link ul {
    max-height: unset;
}

.css-sidemenu:not(.css-menu-compact) {
    height: calc(100vh);
    overflow: auto;
}

.css-menu-compact .quik-link ul {
    max-height: 300px;
}

.css-sidemenu:not(.css-menu-compact)::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.css-sidemenu:not(.css-menu-compact)::-webkit-scrollbar-track {
    width: 5px;
}


/* Handle */
.css-sidemenu:not(.css-menu-compact)::-webkit-scrollbar-thumb {
    width: 5px;
}

    /* Handle on hover */
    .css-sidemenu:not(.css-menu-compact)::-webkit-scrollbar-thumb:hover {
        width: 5px;
    }

.liactive > a {
    font-weight: bold;
}

.middle-panel-in span {
    word-break: break-all
}

#dv_dlUsersGrp {
    height: 34vh;
    overflow: auto;
}

.ovt-grid div table td {
    white-space: nowrap;
}

.lic-list-container .lic-list-block {
    max-height: calc(100vh - 380px);
    overflow: auto;
}

.upld-table td {
    padding: 0 5px
}

.tab-exp-cell-2 td.style_deValBg_1Col.tdAddRecord .select-menu-1 {
    width: 44%;
}

.scl-alwnc-main {
    max-height: calc(100vh - 422px);
    overflow: auto;
}
/*.scl-alwnc-main .scl-alwnc-grid {
    border:1px solid #ddd;
}*/

.mng-emp-postitle-in {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 300px;
    display: inline-block;
    white-space: nowrap;
}

@media (max-width: 767px) {
    .lv-rmrks-size {
        width: 300px;
        display: inline-block;
    }

    .form-box-frame-leave.mar-b-0.clearfix.print-mheight-unset {
        min-height: 180px !important;
    }
}

.procheader-scroll {
    height: calc(100vh - 178px) !important;
    overflow: auto;
}

/* New Peep Design*/

.style_History_BlockHead span {
    font-weight: 400;
    padding-left: 10px;
}

.style_PeapHeaderBlock.kiosk-process-flow.table-responsive.remove-printscroll .financial-farget tr td {
    border: none;
    vertical-align: top;
}

.style_PeapHeaderBlock.kiosk-process-flow.table-responsive.remove-printscroll .financial-farget tr th {
    border: none;
}

#divPrintContainer .style_deTable tr td .style_deTable {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
    border: none !important;
}

#divPrintContainer .style_deTable .style_PeapGroupcontent,
#divPrintContainer .style_deTable .style_PeapGroupcontent > div {
    height: auto !important;
}

#divPrintContainer .style_deTable .style_PeapGroupTableHeader {
    padding: 5px 10px;
}

.style_Peap_TabBody .form-box-head {
    padding: 7px 10px;
    font-weight: 500;
}

#divPrintContainer > .style_PeapHeaderBlock table > tbody > tr:hover {
    background-color: transparent !important;
}

#divPrintContainer > .style_PeapHeaderBlock table > tbody > tr > td .style_PeapTemplateTableHeader {
    padding: 2px 10px;
}

.style_Peap_TabBody .form-box-head {
    padding: 7px 10px;
    font-weight: 500;
}

.financial-farget > tbody > tr > td > span:not(.td-print-pad span) {
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    display: inline-block;
}

.tbl-print-ratingtemp td {
    padding: 10px
}

.bg-white td span + br {
    display: none;
}

.trgt-sgrmnt-grid {
    height: calc(100vh - 297px);
    overflow: auto;
}

#ctl00_cphContent_tcPeap .trgt-sgrmnt-grid {
    height: calc(100vh - 342px);
}

.peap-entry .form-box-head {
    font-size: 12px;
    line-height: normal;
}

.peap-target .form-box-head {
    font-size: 12px;
    line-height: normal;
}

.performance-tab-frame {
    height: auto;
}

.peap-entry .ajax__tab_body {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.peap-entry .ajax__tab_panel {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    /*padding-left: 5px !important;
    padding-right: 5px !important;*/
}

.financial-farget .style_TableHeader {
    line-height: 28px;
}

.style_Peap_TabBody.unq-138 {
    height: calc(100vh - 335px);
    overflow: auto;
}

.peap-entry .style_PeapGroupTableHeader {
    padding: 5px 10px;
}

.peap-entry .style_PeapTemplateTableHeader {
    padding: 5px 10px;
}

    .peap-entry .style_PeapTemplateTableHeader span {
        font-weight: bold;
    }

    .peap-entry .style_PeapTemplateTableHeader input[type='image'] {
        margin-left: 10px;
    }

.peap-entry .print-table-row .ibdef-print {
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.peap-entry .perf-print-block br {
    display: none;
}

.peap-target .form-box-head {
    font-size: 12px;
    line-height: normal;
}

.peap-target .performance-tab-frame {
    height: auto !important;
}

.peap-asses .eRecBody tbody tr th {
    margin-top: 10px !important;
}

.peap-asses .eRecBody .style_Header_Section {
    height: auto;
}

.peap-asses .unq-138 {
    height: calc(100vh - 320px);
    overflow: auto;
}

.peap-recom .style_Peap_TabBody_ManagerRecommendation {
    height: calc(100vh - 223px);
}

.peap-recom .style_Header_Section {
    height: 26px;
    line-height: 26px;
}

.peap-recom .eRecBody .style_Header_Section {
    font-weight: bold;
}

.is-hidden {
    display: none;
}

.tbl-print-ratingtemp input[type="radio"] {
    vertical-align: sub;
    margin-right: 6px;
}

.tbl-print-ratingtemp label {
    margin-right: 15px;
}

.tbl-print-ratingtemp .trbutton {
    outline: none;
    box-shadow: none !important;
}

    .tbl-print-ratingtemp .trbutton:hover {
        outline: none;
        box-shadow: none;
    }

.trbutton {
    outline: none;
    box-shadow: none !important;
}

    .trbutton:hover {
        outline: none;
        box-shadow: none;
    }

    .trbutton:focus {
        outline: none;
        box-shadow: none;
    }

.peap-perf .tbl-print-ratingtemp .nborder {
    border: none;
}

.vacancy-dtl-main {
    height: calc(100vh - 0px);
    overflow: auto;
}

.vacancy-dtl-lst li {
    line-height: 25px;
}

.financial-farget .tr-alter td .fa {
    font-size: 17px;
}

.style_History_BlockHead {
    position: relative;
    border-radius: 0px;
    border: none !important;
    padding: 4px 16px 4px 12px;
}

    .style_History_BlockHead:before {
        content: '';
        position: absolute;
        right: -12px;
        bottom: 0px;
        width: 0;
        height: 0;
    }

    .style_History_BlockHead:after {
        content: '';
        position: absolute;
        left: -2px;
        top: -1px;
        bottom: 0;
        width: 0;
        height: 0;
    }

.prc-flw-hd {
    position: relative;
    padding: 3px 16px 3px 12px;
}

    .prc-flw-hd:before {
        content: '';
        position: absolute;
        right: -12px;
        bottom: -1px;
        width: 0;
        height: 0;
    }

.tr-alter a {
    outline: none;
    box-shadow: none !important;
}

.trgt-table .wrkflwprint > tbody > tr > td {
    height: 38px;
}

.wrk-flw-tbl {
    border-radius: 4px;
    padding: 2px;
    padding-left: 8px;
    padding-right: 8px;
}

.vacancy-dtl-main {
    height: calc(100vh - 0px);
    overflow: auto;
}

.vacancy-dtl-lst li {
    line-height: 25px;
}

.docvideowrapper {
    position: absolute;
    z-index: 9999999;
    width: 30%;
    left: 41px;
}

.docvideo {
    width: 100%;
}

.train_main_menuul {
    position: relative;
    left: 350px;
    /* right: 0; */
    top: -23px;
}

.videoviwer .docvideowrapper {
    position: absolute;
    left: 718px;
    bottom: 11px;
    width: 45%;
}

.peap-entry .indu-dev-plan .indu-dev-plan-table th {
    padding: 4px 10px;
    height: 26px;
}

.peap-entry .indu-dev-plan .indu-dev-plan-table td {
    padding: 4px 10px;
}

.peap-entry .indu-dev-plan {
    height: calc(100vh - 218px);
    overflow: auto;
}

.intrv-assmnt-frm {
    height: calc(100vh - 292px);
    overflow: auto;
    padding: 10px;
}

.emp-rcmtr-main {
    height: calc(100vh - 35px);
    overflow: auto;
}

.emp-rcmtr-table > tbody > tr > td {
    padding: 5px 10px;
}

.emp-rcmtr-table .style_TableHeader, .emp-rcmtr-table .style_deFormCaptionMandatoryTransparent {
    padding-top: 0px;
    padding-bottom: 0px;
}

.emp-rcmtr-table .emp-rcmtr-radio input[type="radio"] {
    vertical-align: initial;
    margin-right: 6px;
}

.emp-rcmtr-table .emp-rcmtr-radio label {
    vertical-align: top;
    margin-right: 16px;
}

.emp-rcmtr-table .emp-rcmtr-check input[type=checkbox] {
    vertical-align: inherit;
    margin-right: 6px;
}

.emp-rcmtr-table .emp-rcmtr-check label {
    vertical-align: inherit;
    margin-right: 16px;
}

.css-menu-compact span.kiosk-menu-icon.fa.fa-lightbulb-o {
    padding-left: 6px;
}

.css-menu-ext span.kiosk-menu-icon.fa.fa-lightbulb-o {
    padding-right: 6px;
    padding-left: 6px;
}

.my-perspective {
    height: calc(100vh - 302px) !important;
    display: block;
    overflow: auto;
}

.error-txt-line-imp {
    line-height: 30px !important;
}

.Accru-enc-grid .gv-par-1-2-icon .Grid_View_Tab {
    margin: 0pc;
}

.payrlwrksht-variable .pay-benefit-scroll {
    height: calc(100vh - 140px);
    overflow: auto;
}

    .payrlwrksht-variable .pay-benefit-scroll .Grid_View_Tab {
        margin: 0px;
    }

.delet-custm-btn {
    font-weight: bold;
    margin-top: -3px;
}


.wrap-option-text {
    white-space: normal !important;
    max-width: 500px;
}

.highlight-text {
    background-color: yellow;
}

.licence-toolbar-search input {
    float: left;
    width: 20%;
    /* position: relative; */
    padding-right: 36px;
    /* left: 9px; */
    margin-bottom: 5px;
}

.licence-toolbar-search .fa-search {
    position: relative;
    right: 23px;
    /* left: -23px; */
    top: 4px;
}

.license-details {
    height: calc(100vh - 40px);
    overflow: auto;
}

    .license-details > div > .Css_ReportGrid {
        margin: 0 auto;
        position: relative;
    }

        .license-details > div > .Css_ReportGrid > tbody tr th {
            position: sticky;
            top: 0px;
            z-index: 1;
            background-color: #408387;
        }

.user-defind-dtlist table td span {
    width: 40%;
    display: inline-block;
}

.user-defind-dtlist table td {
    padding-top: 5px;
    padding-bottom: 5px;
}

.verify-non-auto-form {
    height: calc(100vh - 126px);
    overflow: auto;
}

.verify-non-auto-filter {
    margin-top: 82px;
}

.forms-letter-grid table tr td {
    vertical-align: top;
}

.licence-toolbar-btn {
    position: absolute;
    left: 21%;
    right: auto;
    top: 0;
    padding: 8px 10px;
    border-radius: 2px;
    margin: 3px;
}

.align-checkbox-btm input[type="checkbox"] {
    vertical-align: bottom;
}

.align-radio-btn input[type="radio"] {
    vertical-align: sub;
}

.align-radio-btn label {
    padding-right: 15px;
}

.hourly-casual-staff-request-form {
    height: calc(100vh - 35px);
    overflow: auto;
}

.hourly-casual-staff-grid {
    max-height: calc(100vh - 458px);
    overflow: auto;
}

.birth-cele-request .Grid_View_Tab {
    width: 100%;
}

.edu-assis-rqst {
    height: calc(100px - -92px);
    overflow: auto;
}

.job-requistion-print span {
    white-space: initial;
}

.banquet-flower-orderform {
    height: calc(100vh - 340px);
    overflow: auto;
}

    .banquet-flower-orderform .Grid_View_Tab {
        width: 100%;
        margin: 0px;
    }

.birth-cele-request {
    width: 100%;
    height: calc(100vh - 260px);
    overflow: auto;
}

.mic-change-rqs-grid {
    height: calc(100vh - 218px);
    overflow: auto;
}

.vipamenity-order-grid {
    height: calc(100vh - 307px);
    overflow: auto;
}

.reset-apprsl-blk .style_History_BlockHead:before {
    z-index: 1;
    right: -12px;
    top: 1px;
    border-top: 12px solid transparent;
}

.reset-apprsl-blk .prc-flw-hd:before {
    z-index: 1;
    right: -10px;
    top: 1px;
}

.reset-apprsl-blk .style_History_BlockHead:after {
    border-left: 13px solid #fff;
    border-top: 13px solid transparent;
    border-bottom: 14px solid transparent;
    top: -1px;
    left: 0px;
}

.reset-apprsl-blk .style_History_BlockHead {
    margin: 0 6px 0 6px;
}

.reset-apprsl-blk .prc-flw-hd {
    margin-right: 4px;
}

.job-description .inputButton {
    left: 0px;
    right: auto
}

.tg-arrow-frame {
    position: sticky;
    right: 10px;
}

/*.tg-arrow-frame button {
    position:fixed;
    right: 12px;
}*/


.peapcmnttxtarea {
    height: 50px;
}

/*checkin checkout History*/
.horizontal-links {
    display: flex;
    justify-content: center;
}

.btn-caption {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    padding: 10px;
    color: #fff;
    border: none;
    border-radius: 25px;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .btn-caption i {
        margin-right: 8px;
    }

    .btn-caption:hover {
        text-decoration: none;
        filter: brightness(90%);
        color: #ffff !important;
        font-weight: 800;
    }

.Checkbutton-container {
    padding: 10px;
    margin-top: 10px;
    display: flex;
    justify-content: center;
    gap: 10px;
}

.check-history {
    max-width: 800px;
    margin: 0 auto;
    height: calc(100vh - 276px);
    overflow: auto;
}

.checkinhis-table {
    border: none;
    width: 100%;
    border-collapse: collapse;
}

    .checkinhis-table td {
        padding: 8px;
        text-align: left;
    }

    .checkinhis-table th {
        padding: 8px;
        text-align: left;
    }

.checkin-progress-bar {
    height: 5px;
    background-color: #f0f0f0;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 8px;
    position: relative;
}

    .checkin-progress-bar > .progress {
        height: 100%;
        width: 0;
        background-color: #4caf50;
        transition: width 0.3s ease-in-out;
        border-radius: 5px; /* Match the border radius of the progress-bar */
        position: relative;
    }

        .checkin-progress-bar > .progress::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 0;
            transform: translate(-50%, -50%);
            width: 10px;
            height: 10px;
            background-color: #4caf50;
            border-radius: 50%;
            z-index: 1;
        }

        .checkin-progress-bar > .progress::after {
            content: '';
            position: absolute;
            top: 50%;
            right: 0;
            transform: translate(50%, -50%);
            width: 10px;
            height: 10px;
            background-color: #ff0000;
            border-radius: 50%;
            z-index: 1;
        }

.checkhis-info {
    position: absolute;
    right: 22px;
    top: 22px;
}

    .checkhis-info i {
        font-size: 14px;
    }

.slidingDiv {
    bottom: -200px;
    right: 0;
    width: 300px;
    height: 100%;
    transition: bottom 0.5s ease;
}

.checkclockmain {
    height: calc(100vh - 180px);
    overflow: auto;
    width: 400px;
    overflow-x: hidden;
}

.clock-table {
    width: 100%;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
}

    .clock-table th {
        background-color: #f2f2f2;
        border: 1px solid #ccc;
        padding: 10px;
        text-align: left;
        font-weight: bold;
    }

    .clock-table td {
        border: 1px solid #ccc;
        padding: 10px;
        text-align: left;
    }

    .clock-table tr:nth-child(even) {
        background-color: #f9f9f9;
    }

    .clock-table tr:hover {
        background-color: #e0e0e0;
    }

.checkhis-info .checkhis-info-btn {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .checkhis-info .checkhis-info-btn:focus {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8;
    }



.petty-cash-rqs-grid {
    height: calc(100vh - 312px);
    overflow: auto;
}

.forms-letter-popup {
    overflow: auto;
    height: calc(100vh - 180px);
}

    .forms-letter-popup table td div div > table td > table tr > td {
        padding: 5px 10px;
        white-space: nowrap;
    }


.kioskcheck-card {
    min-width: 421px !important;
}

/* PStransactions*/

.style_PSTransDropDown {
    width: auto;
    position: absolute;
    top: 2px;
    left: 429px;
    width: 250px;
}

.parent-Ps-container {
    margin-top: 2px;
}

.PSTrans {
    height: calc(100vh - 186px);
    overflow-y: auto;
    padding: 2px;
}

.pstransdettble {
    width: 100%;
    position: relative;
    border-collapse: collapse;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

    .pstransdettble thead {
        position: sticky;
        top: 0;
        z-index: 1;
    }


    .pstransdettble th,
    .pstransdettble td {
        padding: 5px;
        text-align: left;
    }


.PSfilter-toggle {
    cursor: pointer;
    font-size: 20px;
    padding: 7px;
    display: inline-block;
    position: absolute;
    top: -3px;
    left: 400px;
    color: #408387;
}

.PSrecalculate-icon {
    cursor: pointer;
    font-size: 20px;
    padding: 7px;
    display: inline-block;
    position: absolute;
    top: -3px;
    left: 689px;
    color: #408387;
}


.PSfilter-popup {
    display: none;
    position: absolute;
    width: 429px;
    padding: 8px;
    background: white;
    border: 1px solid #ccc;
    z-index: 1000;
    left: 20px;
    top: 40px;
    max-height: 135px;
    border-radius: 5px;
    overflow-x: hidden;
}

.PSfilter-content {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.PSfilter-row {
    display: flex;
    justify-content: space-between;
    text-align: center;
}

.PSfilter-column,
.PSfilter-condition,
.PSfilter-value {
    width: calc(33.33% - 10px);
}

.PSfilter-actions {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 10px;
}

.PSfilter-button {
    padding: 5px 10px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
}


.PSfilter-content .close {
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    opacity: 1 !important;
}

    .PSfilter-content .close:hover,
    .PSfilter-content .close:focus {
        text-decoration: none;
        cursor: pointer;
    }

.PSfilter-content h2 {
    text-align: center;
    margin: 0;
}

.PSfilter-header {
    margin-left: -8px;
    margin-right: -8px;
    margin-top: -8px;
}

.PS-grid-container {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 1px;
    margin: 0 2px;
}

.PS-grid-item {
    padding: 10px;
}

.PS-key {
    font-weight: bold;
}

.PSfinalize-icon {
    cursor: pointer;
    font-size: 20px;
    padding: 7px;
    display: inline-block;
    position: absolute;
    top: -3px;
    left: 712px;
}

.PSDelete-icon {
    cursor: pointer;
    font-size: 20px;
    padding: 7px;
    display: inline-block;
    position: absolute;
    top: -3px;
    left: 736px;
}

/* PStransactions*/

.roster-detail-search-close {
    position: absolute;
    left: auto;
    right: 0px;
    color: #408387;
    padding: 6px 10px;
    cursor: pointer;
}

.job-req-adv {
    overflow: auto;
    height: calc(100vh - 36px);
}

.job-req-adv-grid .Grid_View_Tab {
    margin: 0px !important;
}

.topoff-scroll .job-req-adv {
    height: calc(100vh - 190px);
    overflow: auto;
}

.hourly-casual-grid {
    max-height: calc(100vh - 406px);
    overflow: auto;
}

.unq-052 .Grid_View_Tab th > a {
    text-decoration: none;
}

.grid-space-0 .Grid_View_Tab {
    margin: 0px;
}

/*Manage Interface Weekly toolbar checklist */

.checkbox-list-reset .OASYS-check-box-list-control {
    position: unset !important;
}

.manage-interface-checkbox-list {
    max-width: 300px;
}

    .manage-interface-checkbox-list .OASYS-check-box-list-control .action-header-panel {
        padding-bottom: 0px;
    }

    .manage-interface-checkbox-list .OASYS-check-box-list-control .action-item-panel {
        width: calc(100% - 70%) !important;
    }

    .manage-interface-checkbox-list .action-header-panel {
        min-width: 60px;
    }

/*Manage Interface Weekly toolbar checklist */

/* Manage Position Slot Tab Cost allocation tree */

.allocation-tree-container {
    position: relative;
}

.allocation-tree {
    padding-top: 50px;
    height: calc(100vh - 150px);
    overflow: auto;
    padding-bottom: 20px;
}

    .allocation-tree ul {
        list-style-type: none;
        margin: 0;
        border-left: 1px solid #d0d0d0;
        display: flex;
        flex-direction: column;
        gap: 25px;
    }

    .allocation-tree li {
        padding-left: 25px !important;
        position: relative;
        display: flex;
        align-items: flex-start;
        padding: 0px 20px;
    }

        .allocation-tree li:before {
            content: "";
            position: absolute;
            left: 0px;
            top: 13px;
            width: 10px;
            height: 1px;
            background-color: #d0d0d0;
        }

        .allocation-tree li:after {
            content: "▶";
            position: absolute;
            left: 9px;
            top: 6px;
            font-size: 9px;
            width: 10px;
            height: 1px;
            color: #d0d0d0;
        }

    .allocation-tree > ul:first-child > li {
        margin-bottom: 10px;
    }

    .allocation-tree > ul:first-child {
        padding: 8px 00px;
    }

.allocation-tree-list-frame {
    position: relative;
}

.allocation-dropdown, .allocation-split-box {
    margin: 0;
}

.allocation-editable-label, .netsplit-container {
    cursor: pointer;
    padding: 2px 10px;
    border: 1px solid #d9e2eb !important;
    height: 26px;
    line-height: 20px;
    border-radius: 3px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.disabled-field {
    background-color: #f0f0f0;
    color: #000;
    border: 1px solid #ccc;
    cursor: not-allowed;
    opacity: 0.6;
}

.editable-dropdown-container {
    width: 200px;
}

    .editable-dropdown-container .allocation-dropdown {
        width: 100%;
        height: 26px;
    }


.editable-splitbox-container {
    width: 100px;
    margin-right: 70px;
}

    .editable-splitbox-container .allocation-split-box {
        width: 100%;
        height: 26px;
        border-radius: 3px;
        padding: 2px 10px;
    }

    .editable-splitbox-container input[type=text]:focus, .editable-splitbox-container textarea:focus {
        box-shadow: none !important;
    }

.allocation-toggle-button, .allocation-delete-button, .allocation-plus-button {
    line-height: normal;
    width: 20px;
    height: 20px;
    font-size: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: background-color 0.3s, transform 0.3s;
}

    .allocation-toggle-button:hover, .allocation-delete-button:hover, .allocation-plus-button:hover {
        transform: scale(1.1);
    }

.allocation-toggle-button {
    background-color: #408387;
    color: #fff;
}

.allocation-delete-button {
    background-color: #dc3545;
    color: #fff;
    font-size: 12px !important;
}

.allocation-plus-button {
    background-color: #45a049;
    color: #fff;
    position: absolute;
    right: 38px;
    top: 3px;
}

.allocation-toggle-button-frame {
    width: 46px;
    height: 26px;
}

.allocation-tree-top {
    position: absolute;
    top: 0;
    padding: 10px;
    left: auto;
    right: 0;
    font-weight: bold;
    background-color: #ffffff;
    z-index: 99;
    display: flex;
    gap: 16px;
    /* width: auto;*/
    width: 100%;
    justify-content: flex-end;
}

.total-netsplit-main-container {
    order: 1;
}

/********************* Manage Position Slot Tab Cost allocation tree *********************/

.style_group > td {
    background-color: transparent !important;
    color: inherit !important;
}

.custom-padding-table td {
    padding: .75rem;
}

.approvals-Report-height .td-no-border td {
    border: none !important;
}

/* DGF Total Reward Statement starts*/

.remuneration-statement-container {
    padding: 15px 12px;
    height: calc(100vh - 48px);
}

.remuneration-table-wrapper {
    height: calc(100vh - 217px);
    overflow: auto;
}

.remuneration-table thead th, .remuneration-table tbody td {
    border: 1px solid #f3f3f3;
    text-align: left;
    padding: 5px 6px;
}

.remuneration-table thead th {
    background-color: #f2f2f2;
    font-size: 13px;
}

.remuneration-section-header {
    font-weight: bold;
}

.remuneration-header {
    max-height: 124px;
}

.remuneration-header-list {
    font-size: 14px;
    line-height: 22px;
}

.remuneration-header-label-name {
    font-size: 25px;
}

.remuneration-table .total-row {
    background-color: #ff6600;
    color: #fff;
    font-weight: bold;
}

.remuneration-main-heading {
    background-color: #d9e1f2 !important;
}

/* Print */
@media print {
    .remuneration-statement-container, .remuneration-table-wrapper {
        height: auto;
        overflow: visible;
    }

    .remuneration-print {
        display: none;
    }
}

/* Responsive */

@media (max-width: 575.98px) {
    .remuneration-statement-container {
        overflow: auto;
    }

    .remuneration-table-wrapper {
        height: auto;
        overflow: visible;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .remuneration-statement-container {
        overflow: auto;
    }

    .remuneration-table-wrapper {
        height: auto;
        overflow: visible;
    }
}

@media (min-width: 767.98px) and (max-width: 991.98px) {
    .remuneration-statement-container {
        overflow: auto;
    }

    .remuneration-table-wrapper {
        height: auto;
        overflow: visible;
    }
}

/* DGF Total Reward Statement ends*/

.salary-proposal-rdlc-container .new-rdlc-report-div > div {
    height: calc(100vh - 248px) !important;
    overflow: auto;
}

.salary-proposal-rdlc-container .new-rdlc-report-div td[style*="height:100%"] > div {
    height: auto !important;
}

.salary-proposal-rdlc-container .new-rdlc-report-div .MSRS-RVC {
    height: 100%;
}

.loan-requests-flex-field table {
    width: 100%;
}

    .loan-requests-flex-field table td {
        padding: 2px 0px;
    }

.bs-leave-app-bottom {
    height: calc(100vh - 300px);
    overflow: auto;
}

    .bs-leave-app-bottom .Grid_View_Tab {
        margin: 0px
    }

    .bs-leave-app-bottom .form-box-head {
        position: sticky;
        top: 0;
    }

.dummy-payslip-container .new-rdlc-report-div div[role="document"] {
    height: calc(100vh - 126px) !important;
}

.dummy-payslip-benefit-grid {
    height: calc(100vh - 248px);
    overflow: auto;
}

.dummy-separation-payslip-container {
    height: calc(100vh - 88px);
    overflow: auto;
}

    .dummy-separation-payslip-container .new-rdlc-report-div div[role="document"] {
        height: auto !important;
    }

    .dummy-separation-payslip-container .new-rdlc-report-div .MSRS-RVC, .dummy-separation-payslip-container .new-rdlc-report-div > div {
        height: auto !important;
    }

/*Interface Log(By Date) starts*/

.interface-log-wrapper {
    height: calc(100vh - 54px);
    overflow-x: auto;
    border: 1px solid #c0c0c0;
}

.interface-log-table {
    width: 100%;
    border-collapse: collapse;
}

    .interface-log-table td a {
        text-decoration: none !important;
        font-weight: 500;
        padding: 4px 10px;
        color: #212529;
        background-color: #408387;
        border-radius: 3px;
        color: #ffffff !important;
        transition: background-color 0.3s ease, color 0.3s ease;
    }

        .interface-log-table td a:hover {
            background-color: #5ca1a5;
            color: #ffffff !important;
        }

    .interface-log-table th {
        background-color: #408387;
        padding: 4px 8px;
        color: #fff;
        border: 1px solid #2c6c6f;
    }

    .interface-log-table .json-header-row th {
        background-color: #c2f2f4;
        color: #212529;
        letter-spacing: .5px;
        padding: 6px 8px;
        border: 1px solid #a9d3d5 !important;
    }

    .interface-log-table .json-table > tr > th {
        color: #212529;
        border-top: none !important;
        border-bottom: none !important;
    }

    .interface-log-table .json-table > .json-header-row th {
        color: #4d6364;
    }

.details-table th {
    background-color: #408387;
    padding: 6px 8px;
    color: #d5f3f5;
}

.array-table th {
    background-color: #408387;
    padding: 6px 8px;
    color: #d5f3f5;
}

.object-table th {
    background-color: #408387;
    padding: 6px 8px;
    color: #d5f3f5;
}

.dynamic-table th {
    background-color: #56979b;
    padding: 6px 8px;
    color: #d5f3f5;
    border: 1px solid #488589;
}

.interface-log-table td {
    border: 1px solid #dee1e6;
}

.standard-fields-table .header-row th {
    background-color: #c2f2f4;
    color: #212529;
    border: 1px solid #a8d7d9 !important;
    padding: 6px 8px;
}

.standard-fields-table tr td {
    border: 1px solid #dee1e6 !important;
}

.interface-log-table td, .details-table td, .array-table td, .object-table td, .dynamic-table td {
    padding: 8px;
}

.interface-log-table .details-row {
    background-color: #f1f1f1;
}

    .interface-log-table .details-row > td {
        padding: 10px;
    }

.interface-log-table .record-container {
    border: 1px solid #ddd;
    /*margin-bottom: 15px;*/
    padding: 10px;
    background-color: white;
}

.interface-log-table .record-header {
    font-weight: bold;
    background-color: #408387;
    padding: 5px;
    /*margin: -10px -10px 10px -10px;*/
    color: #fff;
}

.interface-log-table .section-header {
    font-weight: bold;
    padding: 4px 8px;
    background-color: #75babf;
    color: #212529;
    margin-top: 10px;
}

.interface-log-table .json-field-container {
    margin-top: 10px;
    border: 1px solid #eee;
    padding: 5px;
}

.interface-log-table .field-header {
    font-weight: bold;
    margin-bottom: 5px;
}

.interface-log-table .loading-row, .interface-log-table .error-row {
    background-color: #f8f8f8;
    text-align: center;
    padding: 10px;
}

.interface-log-table .error-row {
    color: red;
}

.interface-log-table .drill-down-content {
    margin-top: 10px;
    padding: 10px;
    border: 1px solid #ddd;
    background-color: #f9f9f9;
}

.interface-log-table .simple-value {
    padding: 5px;
    background-color: #f9f9f9;
}

.interface-log-table .third-level-container {
    background-color: #ffffff;
}

.interface-log-table .third-level-header {
    font-weight: bold;
    background-color: #33696c;
    padding: 4px 8px;
    color: #fff;
    border: 1px solid #488589;
}

.interface-log-table .loading {
    padding: 10px;
    text-align: center;
    font-style: italic;
    color: #666;
    background-color: #f8f8f8;
}


.interface-log-table .standard-fields-table, .interface-log-table .standard-fields-table th, .interface-log-table .standard-fields-table td {
    border: 1px solid #ddd;
    border-collapse: collapse;
}

    .interface-log-table.standard-fields-table a {
        color: #0066cc;
        text-decoration: none;
    }

        .interface-log-table .standard-fields-table a:hover {
            text-decoration: underline;
        }

.details-container {
    max-height: 400px;
    overflow-y: auto;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-top: 10px;
}

.record-header i {
    margin-right: 8px;
    transition: transform 0.3s;
}

.loading-more {
    text-align: center;
    padding: 10px;
    color: #6c757d;
    font-style: italic;
    background-color: #f8f9fa;
    border-top: 1px solid #dee2e6;
    position: sticky;
    bottom: 0;
}

/*Interface Log(By Date) ends*/

.invert-1 {
    filter: invert(1);
}

.accrual-opening-balance .Css_GridEnhanceView_Header {
    background-color: #f3f3f3 !important;
}

.style_eDocs_LeaveIndex .lookupGrid_head_bg a {
    text-decoration: none;
}

.manning-log-details {
    padding: 10px;
    height: calc(100% - 0%);
    overflow: auto;
}

    .manning-log-details table tr th {
        padding: 5px;
        background-color: #408387;
        color: #fff;
    }

/*Report Snapshot*/

.bs-dropdown-bar:hover, .bs-dropdown-bar:active, .bs-dropdown-bar:focus {
    color: #212529 !important;
}

.snap-hit-list .panel-group {
    margin-bottom: 0px !important;
}

    .snap-hit-list .panel-group .cust-a {
        padding: 6px 8px;
        margin-top: 3px;
    }

    .snap-hit-list .panel-group .caret {
        display: none !important;
    }

/*Report Snapshot*/