/* 
 * HRv12 CSS
 * 
 * SL - 9/27/2018
 * 
 * 
 */



/*
Misc
*/

/*Stop MODAL - LOV hover color*/
.pointer.hover.u-color-1 {
    background-color: inherit!important;
    fill: inherit!important;
    color: inherit!important;
}

/*Hide MODAL - LOV SEARCH CLEAR ICON*/
/*
.a-GV-columnItem .search-clear.fa.fa-times-circle-o {
    display:none!important;
}
*/

/*Removes mouse-over white-background on display_only items */
.t-Form-inputContainer span.display_only {
    border-color: transparent!important;
    background-color: transparent!important;
}

/*indent label*/
.indentLabel .t-Form-labelContainer .t-Form-label {
    padding-left: 20px;
}

/*org top label*/
.orgLabel .t-Form-inputContainer {
    margin-left: 4px;
}

/*general hidden class*/
.hr_hidden {
    display: none;
}

/*general hidden class*/
.hr_hidden_imp {
    display: none!important;
}

.HR_Region_min_org {
    min-width: 1250px;
}

.HR_Region_min {
    min-width: 550px
}

#t_Body_nav {
    background-color: inherit;
}

.t-Body-title {
    background-color: #ffffff;
}

.t-ButtonRegion--slim .t-ButtonRegion-buttons {
    padding-top: 0px;
    padding-bottom: 0px;
}


/*display only item bold text*/
.HR_bold span.display_only.apex-item-display-only {
    font-size: 1.8rem;
    font-weight: 600;
}

/*client_logo*/
/*
.t-Header .t-Header-logo a img {
    width:50%;
}
*/

/*
Button
*/
.HR_field_btn {
    margin-top: 8px;
}

.HR_button.t-Button {
    color: #336699;
}



/*
Interactive Grid
*/

/*IG Blank Toolbar Div*/
.a-IG-header:empty {
    padding: 0px;
    border-bottom: 0px;
}

/*EDIT BUTTON BG-COLOR*/
.a-Toolbar-toggleButton > .a-Button.is-active {
    background-color: #24CB7F;
    color: #fff;
}

/*DISABLED TEXT INPUT*/
.dtext {
    /*background-color: #f5f7f8!important;*/
    /*background-color: #efefef!important;*/
    background-color: #EDEDED!important;
}

.HR_display_only_label .t-Form-inputContainer .display_only.apex-item-display-only {
    color: #363636;
    font-weight: bolder;
    font-size: 1.2rem;
    line-height: 2.4rem;
}

.t-Alert--page.t-Alert--success .t-Alert-title {
    color: #FFFFFF;
}

/*IG cell overflow*/
.wrap-cell {
    max-height: 64px;
    white-space: normal;
    overflow: hidden;
}

/*conditionally show/hide links on grids*/
.gridShowHide.gridLinkShow span {
    display: none;
}

.gridShowHide.gridLinkHide a {
    display: none;
}



/*Emp Module Header*/
.t-HeroRegion {
    background-color: #ffffff;
}

.t-Body-title {
    background-color: rgba(255, 255, 255);
}

.HeroStat {
    font-size: 1.2rem;
}

.t-HeroRegion-wrap.HeroHeader {
    padding: 8px;
}

/*.eheader_stat .t-Form-labelContainer .t-Form-label {
    font-size: 16px;
}*/

.eheader_stat .t-Form-labelContainer {
    white-space: nowrap;
    width: 50%;
}

.eheader_stat .t-Form-inputContainer {
    color: #363636;
    width: 50%;
}

.eheader_stat.rel-col>.col {
    padding-top: 2px;
    padding-bottom: 2px;
}

.eheader_stat .t-Form-inputContainer .display_only.apex-item-display-only {
    font-weight: 600;
}

@media (max-width:640px) {
    .eheader_stat .t-Form-labelContainer .t-Form-label {
        font-size: 12px;
    }
    
    .eheader_stat.rel-col>.col {
        padding-top: 4px;
        padding-bottom: 0px;
    }
    .eheader_stat.rel-col .t-Form-labelContainer {
        width: 25%!important;
        float: left;
    }
    
    .eheader_stat.rel-col .t-Form-inputContainer {
        width: 75%!important;
        float: left;
    }H
    
    
    /*
    .eheader_stat.rel-col>.col {
        width: 50%!important;
        float: left;
    }
    */
}

.hicon-G {
    font-size: 16px!important;
    color: #4aaa2c;
}
.hicon-O {
    font-size: 16px!important;
    color: orange;
}
.hicon-R {
    font-size: 16px!important;
    color: #e14848;
}



/*EMPLOYEE MODULE*/
.HRMS_body.empModule .apex-item-textarea, .HRMS_body.empModule .apex-item-text, .HRMS_body.empModule .apex-item-select {
    color: #393939;
    background-color: white;
    border-color: #dfdfdf;
}

.HRMS_body.empModule .t-Body {
    background-color: #f5f7f8;
}

.HRMS_body .t-Body-content .t-Form-labelContainer {
    padding-right: 0px;
}



/*FIELDSET*/
fieldset legend {
    color: #336699;
    text-align: left;
    padding: 0px 6px 0px 0px;
    height: 24px;
    text-transform: none;
}

fieldset.fsheader{
    padding: 0;
    border-top: 1px solid #a3bddd;
    font-size: 12px;
    font-weight: 700;
    margin-top: 8px;
    /*margin-left: 6px;*/
}



/* List Background color fix */
.t-Cards--featured .t-Card .t-Card-icon .t-Icon, .t-Card--featured .t-Card-icon .t-Icon {
    border-radius: 100px;
    color: #FFF;
    background-color: inherit;
}

.fa-2x {
    font-size: 48px!important;
}



/*Tabs CSS*/
.HR_Tabs_List {
    background-color: #336699;
}

.HR_Tabs_List a {
    color: white;
}

.HR_Tabs_List .t-Tabs-item {
    display: inline-block;
}

.HR_Tabs_List .t-Tabs-item {
    display: inline-block;
}

.HR_Tabs_List li:hover, .HR_Tabs_List a:hover {
    background: #003366;
    color: #ffffff;
}

.HR_Tabs_List .t-Tabs-item.is-active .t-Tabs-link {
    background: #003366;
    box-shadow: 0 -2px 0 #003366 inset;
    font-weight: 700;
    color: #FFFFFF;
}

.HR_Tabs_List .t-Tabs-item .t-Tabs-link {
    color: #FFFFFF;
}


/*NAV BAR*/

.t-Header-logo {
    background-color: inherit;
    height: 48px;
}

.t-Header-branding {
    background: linear-gradient(to right, white 0px, white 100px, white, #336699 25%);
}


/*MENU*/

.a-TreeView {
    min-height: 100%;
}


/*HRPR ITEM*/

.t-Form-label {
    white-space: normal;
}

.t-Form-labelContainer {
    white-space: nowrap;
}

/*APEX - HELP TEXT SPACING*/
button.hr_helpButton {
    padding-top: .4rem;
    padding-bottom: .4rem;
}


/*COLUMN WIDTH OVERRIDE*/
.hr_or_col_12 {
    width: 100%;
}

.hr_or_col_6 {
    width: 50%;
}

.hr_or_col_4 {
    width: 33.33333%;
}

.hr_or_col_3 {
    width: 25%;
}