@font-face {
    font-family: 'Myriad Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: local('../fonts/MYRIADPRO-REGULAR.woff'), url('../fonts/MYRIADPRO-REGULAR.woff') format('woff');
}

@font-face {
    font-family: 'Myriad Pro Regular';
    src: url('../fonts/MYRIADPRO-REGULAR.woff') format('woff');
}

body {
    font-family: 'Myriad Pro Regular';
    font-size: 1rem;
    color: #37405d;
    font-weight: 400;
}
body.eog-master {
    background-color: #eaf0f4;
    overflow-x: hidden;
    overflow-y: auto;
}
/* ----- customize your site ----- */
:root {
    --navyBlue-button: #0f2e56;
    --navyBlue-button-hover: #0f4c75;
    --white-button: #ffffff;
    --white-button-hover: #0f4c75;
    --skyblue-button: #428CBE;
    --skyblue-button-hover: #2f719d;
    --form-label: #4b4f54;
    --form-control-placeholder: #afb0b0;
    --table-border: #edeff0;
    --table-header: #747474;
    --table-actions-hover: #9b9b9b;
    --radio-button: #afb0b0;
    --form-control-border: #ced4da;
    --gray-button-bg-color: #ebebeb;
    --gray-button-hover-color: #d4d4d4;
    --gray-button-text-color: #838383;
    /*------Sidebar & Main-Container vars-------*/
    --menu-max-width: 285px;
    /*------general vars-------*/
    --widget-container-padding-x: 15px;
    --generic-container-padding-x: 30px;
    --generic-container-padding-y: 20px;
    --link-button-font-size: 18px;
    --button-image-height-width: 24px;
    /*------Menu vars-------*/
    --menu-root-font-size: 18px;
    --sub-menu-font-size: 16px;
    --menu-image-height-width: 24px;
    --menu-link-padding: 14px;
    --menu-level1-padding-left: 22px;
    --menu-level2-padding-left: 22px;
    --menu-level3-padding-left: 22px;
    --menu-level-1-2-3-padding: 14px;
    --menu-text-padding-left: 17px;
    /*------people section vars-------*/
    --people-image-height-width: 32px;
    --people-header-font: 24px;
    --people-button-font-size: 16px;
    --people-count-font-size: 75px;
    --people-link-text-width: 135px;
    --people-link-padding-left: 7px;
    --people-link-padding-right: 7px;
    --people-button-padding-left: 28px;
    --people-button-padding-top: 16px;
    --people-container-height: 465px;
    /*-----dashboard section vars-------*/
    --communicationCenterPadding: 10px 20px;
    --communicationCenterPadding-col-2: 15px;
    --quickReportSettings-margin-top: -10px;
    --quickReportFont-input-font: 16px;
    --quickReportFont-rcbInput-font: 16px;
    --widgetFontSize-RadPicker-width: 105%;
    --widgetFontSize-Radcombobox-width: 104%;
    /*-------payroll card vars---------*/
    --payroll-header-fontsize: 24px;
    --payroll-sub-header-fontsize: 22px;
    --payroll-information-fontsize: 18px;
    --payroll-label-fontsize: 16px;
    --payroll-container-height: 594px;
    --people-card-link-container3-after: -100%;
    --people-card-link-container2-after: 8%;
    /*------Buttons Styling-------*/
    --button-generic-padding: 10px 20px;
    --button-min-height: auto;
    --button-asp-font-size: 16px;
    --button-telerik-padding: 13px 22px;
    --button-html-padding: 10px 20px;
    --button-asyc-upload-padding: 15px 30px;
    --button-asyc-upload-height: 42px;
    --generic-container-empHRDeleteButton: 10px 20px;
    /*-----------Dashboard-Widget-Margin-Vars----------*/
    --dashboard-widget-margin: 30px;
    --report-configWidth-flex: 0 0 33.33%;
    --report-configWidth-max-width: 33.33%;
    --report-configWidth-pl: 0;
    --report-configtax-pr: 17px;
    --report-configtax-pt: 0px;
    --report-configtax-pl: 0px;
    --report-configlogo-pl: 15px;
    --reportPrint-pr: 0px;
    --reportAnnual-pr: 17px;
    /*-----------Employee-HR-Tab-Vars----------*/
    --employee-hr-tab-pop-up-left: 20%;
    --employee-hr-tab-pop-up-max-width: auto;
}

@media (max-width: 1023.9px), (min-width: 1024px) and (max-width: 1165.9px) {
    body.eog-master {
        --button-generic-padding: 8px 16px;
        --button-min-height: 20px;
        --button-asp-font-size: 13px;
        --button-telerik-padding: 10px 17px;
        --button-html-padding: 8px 20px;
        --button-asyc-upload-padding: 13px 22px;
        --button-asyc-upload-height: 32px;
        --generic-container-empHRDeleteButton: 5px 16px;
    }
}

@media (max-width: 1023.9px) {
    :root {
        --widget-container-padding-x: 6px;
        --sidebar-image-height-width: 16px;
        --people-header-font: 14px;
        --link-button-font-size: 11px;
        --people-button-font-size: 10px;
        --people-image-height-width: 24px;
        --button-image-height-width: 14px;
        --people-count-font-size: 35px;
        --people-link-text-width: 83px;
        --people-button-padding-left: 10px;
        --people-button-padding-top: 7px;
        --people-container-height: 390px;
        --generic-container-padding-x: 14px;
        --generic-container-padding-y: 12px;
        --menu-root-font-size: 13px;
        --sub-menu-font-size: 12px;
        --menu-image-height-width: 16px;
        --menu-link-padding: 5px;
        --menu-level1-padding-left: 8px;
        --menu-level2-padding-left: 8px;
        --menu-level3-padding-left: 8px;
        --menu-level-1-2-3-padding: 5px;
        --menu-text-padding-left: 12px;
        --menu-max-width: 210px;
        --quick-link-font: 10px;
        --widget-font: 10px;
        --quickReportSettings-margin-top: -19px;
        --quickReportSettings-background-color: transparent;
        --communicationCenterPadding: 10px 8px;
        --communicationCenterPadding-col-2: 8px;
        --quickReportFont-input-font: 13px;
        --quickReportFont-rcbInput-font: 13px;
        --widgetFontSize-RadPicker-width: 87%;
        --widgetFontSize-Radcombobox-width: 80%;
        --payroll-header-fontsize: 14px;
        --payroll-sub-header-fontsize: 12px;
        --payroll-information-fontsize: 11px;
        --payroll-label-fontsize: 10px;
        --payroll-container-height: 470px;
        --people-card-link-container3-after: -90%;
        --people-card-link-container2-after: 18%;
        --dashboard-widget-margin: 10px;
        --report-configWidth-flex: auto;
        --report-configWidth-max-width: 49.4%;
        --report-configWidth-pl: 10px;
        --report-configtax-pr: 0px;
        --report-configtax-pt: 7px;
        --report-configtax-pl: 11px;
        --report-configlogo-pl: 5px;
        --reportPrint-pr: 8px;
        --reportAnnual-pr: 8px;
        --employee-hr-tab-pop-up-left: 10%;
        --employee-hr-tab-pop-up-max-width: 770px;
    }
}

@media (min-width: 1024px ) and (max-width: 1365.9px) {
    :root {
        --widget-container-padding-x: 6px;
        --sidebar-image-height-width: 16px;
        --people-header-font: 14px;
        --link-button-font-size: 11px;
        --button-image-height-width: 14px;
        --people-button-font-size: 10px;
        --people-image-height-width: 24px;
        --people-count-font-size: 35px;
        --people-link-text-width: 83px;
        --people-button-padding-left: 8px;
        --people-button-padding-top: 7px;
        --people-container-height: 390px;
        --generic-container-padding-x: 14px;
        --generic-container-padding-y: 12px;
        --menu-root-font-size: 13px;
        --sub-menu-font-size: 11px;
        --menu-image-height-width: 16px;
        --menu-link-padding: 5px;
        --menu-level1-padding-left: 8px;
        --menu-level2-padding-left: 8px;
        --menu-level3-padding-left: 8px;
        --menu-level-1-2-3-padding: 5px;
        --menu-text-padding-left: 12px;
        --menu-max-width: 210px;
        --quick-link-font: 10px;
        --widget-font: 10px;
        --quickReportSettings-margin-top: -19px;
        --quickReportSettings-background-color: transparent;
        --communicationCenterPadding: 10px 8px;
        --communicationCenterPadding-col-2: 8px;
        --quickReportFont-input-font: 13px;
        --quickReportFont-rcbInput-font: 13px;
        --widgetFontSize-RadPicker-width: 87%;
        --widgetFontSize-Radcombobox-width: 80%;
        --payroll-header-fontsize: 14px;
        --payroll-sub-header-fontsize: 12px;
        --payroll-information-fontsize: 11px;
        --payroll-label-fontsize: 10px;
        --payroll-container-height: 470px;
        --people-card-link-container3-after: -90%;
        --people-card-link-container2-after: 18%;
        --dashboard-widget-margin: 10px;
        --report-configWidth-flex: auto;
        --report-configWidth-max-width: 49.4%;
        --report-configWidth-pl: 10px;
        --report-configtax-pr: 0px;
        --report-configtax-pt: 7px;
        --report-configtax-pl: 11px;
        --report-configlogo-pl: 5px;
        --reportPrint-pr: 8px;
        --reportAnnual-pr: 8px;
        --employee-hr-tab-pop-up-left: 15%;
    }
}

@media (min-width: 1366px) and (max-width: 1439.9px) {
    :root {
        --menu-link-padding: 8px;
        --menu-level-1-2-3-padding: 8px;
        --widget-container-padding-x: 10px;
        --sidebar-image-height-width: 18px;
        --people-header-font: 18px;
        --link-button-font-size: 13px;
        --people-button-font-size: 12px;
        --button-image-height-width: 18px;
        --people-image-height-width: 35px;
        --people-count-font-size: 40px;
        --people-link-text-width: 98px;
        --people-button-padding-left: 14px;
        --people-button-padding-top: 7px;
        --people-container-height: 450px;
        --generic-container-padding-x: 18px;
        --generic-container-padding-y: 16px;
        --quick-link-font: 12px;
        --widget-font: 12px;
        --quickReportSettings-margin-top: -19px;
        --quickReportSettings-background-color: transparent;
        --payroll-header-fontsize: 18px;
        --payroll-sub-header-fontsize: 16px;
        --payroll-information-fontsize: 15px;
        --payroll-label-fontsize: 14px;
        --payroll-container-height: 540px;
        --people-card-link-container3-after: -85%;
        --people-card-link-container2-after: 20%;
        --dashboard-widget-margin: 18px;
        --report-configWidth-flex: auto;
        --report-configWidth-max-width: 49.4%;
        --report-configWidth-pl: 10px;
        --report-configtax-pr: 0px;
        --report-configtax-pt: 7px;
        --report-configtax-pl: 11px;
        --report-configlogo-pl: 5px;
        --reportPrint-pr: 8px;
        --reportAnnual-pr: 8px;
        --employee-hr-tab-pop-up-left: 20%;
    }
}

@media (min-width: 1440px) and (max-width: 1679.9px) {
    :root {
        --widget-container-padding-x: 10px;
        --sidebar-image-height-width: 18px;
        --people-header-font: 18px;
        --link-button-font-size: 14px;
        --people-button-font-size: 13px;
        --button-image-height-width: 18px;
        --people-image-height-width: 35px;
        --people-count-font-size: 42px;
        --people-link-text-width: 105px;
        --people-button-padding-left: 16px;
        --people-button-padding-top: 8px;
        --people-container-height: 424px;
        --generic-container-padding-x: 20px;
        --generic-container-padding-y: 18px;
        --quick-link-font: 12px;
        --widget-font: 12px;
        --quickReportSettings-margin-top: -19px;
        --quickReportSettings-background-color: transparent;
        --payroll-header-fontsize: 18px;
        --payroll-sub-header-fontsize: 16px;
        --payroll-information-fontsize: 15px;
        --payroll-label-fontsize: 14px;
        --payroll-container-height: 515px;
        --people-card-link-container3-after: -90%;
        --people-card-link-container2-after: 18%;
        --dashboard-widget-margin: 20px;
        --report-configWidth-flex: auto;
        --report-configWidth-max-width: 49.4%;
        --report-configWidth-pl: 10px;
        --report-configtax-pr: 0px;
        --report-configtax-pt: 7px;
        --report-configtax-pl: 11px;
        --report-configlogo-pl: 5px;
        --reportPrint-pr: 8px;
        --reportAnnual-pr: 8px;
        --employee-hr-tab-pop-up-left: 20%;
    }
}

@media (min-width: 1680px) and (max-width: 1919.9px) {
    :root {
        --widget-container-padding-x: 12px;
        --sidebar-image-height-width: 24px;
        --people-header-font: 24px;
        --link-button-font-size: 18px;
        --people-button-font-size: 15px;
        --button-image-height-width: 22px;
        --people-image-height-width: 44px;
        --people-count-font-size: 65px;
        --people-link-text-width: 135px;
        --people-button-padding-left: 24px;
        --people-button-padding-top: 12px;
        --people-container-height: 475px;
        --generic-container-padding-x: 22px;
        --generic-container-padding-y: 20px;
        --quick-link-font: 14px;
        --widget-font: 14px;
        --quickReportSettings-margin-top: -19px;
        --quickReportSettings-background-color: transparent;
        --payroll-header-fontsize: 24px;
        --payroll-sub-header-fontsize: 22px;
        --payroll-information-fontsize: 18px;
        --payroll-label-fontsize: 16px;
        --people-card-link-container3-after: -90%;
        --people-card-link-container2-after: 17%;
        --dashboard-widget-margin: 24px;
        --employee-hr-tab-pop-up-left: 25%;
    }
}

@media (min-width: 1920px) {
    :root {
        --widget-container-padding-x: 15px;
        --sidebar-image-height-width: 24px;
        --people-header-font: 24px;
        --link-button-font-size: 18px;
        --people-button-font-size: 16px;
        --button-image-height-width: 24px;
        --people-image-height-width: 44px;
        --people-count-font-size: 75px;
        --people-link-text-width: 135px;
        --people-button-padding-left: 24px;
        --people-button-padding-top: 12px;
        --people-container-height: 465px;
        --generic-container-padding-x: 22px;
        --generic-container-padding-y: 20px;
        --quick-link-font: 14px;
        --widget-font: 14px;
        --payroll-header-fontsize: 24px;
        --payroll-sub-header-fontsize: 22px;
        --payroll-information-fontsize: 18px;
        --payroll-label-fontsize: 16px;
        --payroll-container-height: 594px;
        --people-card-link-container3-after: -100%;
        --people-card-link-container2-after: 8%;
        --dashboard-widget-margin: 30px;
        --employee-hr-tab-pop-up-left: 25%;
    }
}

/* ----- customize your site ----- */
/**font**/
.base-font-family {
    font-family: 'Myriad Pro Regular' !important;
}
/*------ heading style ------*/
h1, h2, h3, h4, h5, h6 {
    font-family: 'Myriad Pro Regular';
    font-weight: 400;
    margin: 0 0 0.625rem 0;
    color: #0F4C75;
    line-height: 1.3 !important;
}
.font-size-12px {
    font-size: 12px !important;
}
.font-size-16px {
    font-size: 16px !important;
}
.font-size-14px {
    font-size: 14px !important;
}

h1 {
    font-size: 2.250rem;
    margin-bottom: 1.813rem;
}

h2 {
    font-size: 2rem;
}

h3 {
    font-size: 1.75rem;
}

h4 {
    font-size: 1.50rem;
}

h5 {
    font-size: 1.375rem;
}

h6 {
    font-size: 1.125rem;
}

.width100 {
    width: 100%;
}

.min-width-100 {
    min-width: 100%;
}

.min-width-75 {
    min-width: 75%;
}

.min-height-450-px {
    min-height: 450px;
}

.max-width-45 {
    max-width: 45% !important;
}

.h-7em {
    height: 7em !important;
}
/*----- common class for padding ------*/
.p-0 {
    padding: 0 !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.plr-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.ptop-10 {
    padding-top: 10px !important;
}

.ptop-20 {
    padding-top: 20px !important;
}

.ptop-30 {
    padding-top: 30px !important;
}

.pright-10 {
    padding-right: 10px !important;
}

.pbottom-10 {
    padding-bottom: 10px !important;
}

.pbottom-20 {
    padding-bottom: 20px !important;
}

.pleft-10 {
    padding-left: 10px !important;
}

.pleft-20 {
    padding-left: 20px !important;
}

.ptb-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

/*----- common class for margin ------*/
.mlr-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.mar-0 {
    margin: 0 !important;
}

.mtop-0 {
    margin-top: 0 !important;
}

.mright-0 {
    margin-right: 0 !important;
}

.mbottom-0 {
    margin-bottom: 0 !important;
}

.mleft-0 {
    margin-left: 0 !important;
}

.mtop-10 {
    margin-top: 10px !important;
}

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

.mright-5 {
    margin-right: 5px !important;
}

.mright-10 {
    margin-right: 10px !important;
}

.mbottom-10 {
    margin-bottom: 10px !important;
}

.mleft-10 {
    margin-left: 10px !important;
}

.mleft-15 {
    margin-left: 15px !important;
}

.mtop-20 {
    margin-top: 20px !important;
}

.mright-20 {
    margin-right: 20px !important;
}

.mtopbottom-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.mtop-30 {
    margin-top: 30px !important;
}

.mtop-50 {
    margin-top: 50px !important;
}

.mtop-60 {
    margin-top: 60px !important;
}

.mbottom-15 {
    margin-bottom: 15px !important;
}

.mbottom-20 {
    margin-bottom: 20px !important;
}

.mbottom-30 {
    margin-bottom: 30px !important;
}

.mbottom-45 {
    margin-bottom: 45px !important;
}

.top-0 {
    top: 0;
}

.top-30 {
    top: 30px;
}

.right-0 {
    right: 0;
}

.right-30 {
    right: 30px;
}

*,
*:focus {
    outline: none;
}

ul {
    list-style-type: none;
    padding: 0;
}

/*--- Error Messages ----*/

.error-message {
    color: #b00020 !important;
    position: absolute;
    font-size: 0.875rem !important;
}

.label-error {
    border: 1px solid #b00020 !important;
}

/*-------------- common CSS ---------------*/

.error-message {
    line-height: 1.25rem;
    position: relative;
}

.success-message {
    color: var(--form-label);
    font-size: 1rem;
    line-height: 1.25rem;
    display: flex;
}

.close-icon {
    cursor: pointer;
}
/* ----- button styling ----- */

.navyBlue-button, .white-button, .skyblue-button {
    border-radius: 30px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    /* min-width: 15rem; */
    font-weight: 500;
    font-size: 1rem;
    text-align: center;
    padding: 0.500rem 1.50rem;
    transition: all 0.4s ease 0s;
}

.navyBlue-button {
    background-color: var(--navyBlue-button);
    border: 1px solid var(--navyBlue-button);
    color: var(--white-button) !important;
}

    .navyBlue-button:hover, .white-button:hover
    .navyBlue-button:focus, .white-button:focus {
        background-color: var(--navyBlue-button-hover) !important;
        outline: none;
        box-shadow: none;
        color: #fff;
    }

.white-button {
    background-color: var(--white-button);
    border: 1px solid var(--navyBlue-button);
    color: var(--navyBlue-button);
}

    .white-button:hover,
    .white-button:focus {
        background-color: var(--navyBlue-button-hover) !important;
        outline: none;
        box-shadow: none;
        color: var(--white-button);
    }

.skyblue-button {
    background-color: var(--skyblue-button);
    border: 1px solid var(--skyblue-button);
    color: var(--white-button) !important;
}

    .skyblue-button:hover, .white-button:hover
    .skyblue-button:focus, .white-button:focus {
        background-color: var(--skyblue-button-hover) !important;
        outline: none;
        box-shadow: none;
        color: #fff;
    }

/**** Common Layout CSS ****/

.generic-container {
    background: white;
    padding: var(--generic-container-padding-x) var(--generic-container-padding-y);
    border-radius: 10px;
    box-shadow: 0 0 25px -1px rgba(79,86,90,.2);
    position: relative;
}
.widget-container {
    padding: 0px var(--widget-container-padding-x);
}

.small-widget {
    height: 200px;
}


.menu-btn {
    background: none;
    border: none;
    outline: none;
    margin-right: 1.438rem;
    position: absolute;
    top: 15px;
    left: 25%;
}

    .menu-btn:focus {
        outline: none;
    }

.height-auto {
    height: auto !important;
}

.width-auto {
    width: auto !important;
}

.right-container {
    margin-left: 4.688rem;
    margin-top: 4rem;
    padding: 10px 5px;
    /*width: 97%;
     overflow-x: auto;*/
}
.eog-main-logo {
    height: 50px !important;
    margin-top: 15px !important;
    margin-left: 10px !important;
}

/*-----------------First Time Login--------------*/
.terms-ajax-panel,
.myAccount-ajax-panel,
.resetPassword-ajax-panel {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 10px;
}
.terms-text-area {
    height: 60vh !important;
}
.ftl-container {
    overflow: auto;
}
@media (max-width: 1024px) {
    #contentframeLogin {
        min-width: 1024px;
        max-width: 1024px;
    }
    .ftl-container {
        min-width: 1024px;
    }
}
/*-----------------Reset Password--------------*/
.expand-rad-text-box,
.expand-rad-text-box span,
.expand-rad-text-box input {
    width: 300px !important;
}
.password-reset-content {
    width: 650px;
    padding: 20px;
}
.resetPassword-ajax-panel {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 30px;
}

/*----------------Forgot Password------------*/
.forgot-password-ajax-panel {
    padding: 20px;
    background-color: #ffffff;
    border-radius: 10px;
}


/*----- login screen------*/

.login-bg-container {
    width: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 15px;
    background-image: url('../images/bg-img.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 1;
}

    .login-bg-container::before {
        content: "";
        display: block;
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(15,76,117,0.8);
    }

.login-wrapper {
    width: 480px;
    border-radius: 10px;
    overflow: hidden;
    padding: 80px 50px 40px 50px;
    background: #ffffff;
    position: relative;
}

    .login-wrapper .form-group {
        position: relative;
        width: 80%;
        margin: 0 auto;
    }

        .login-wrapper .form-group .show-hide-icon {
            display: inline-block;
            position: absolute;
            top: 8px;
            right: 0.938rem;
            cursor: pointer;
            z-index: 1;
        }

.eog-logo {
    height: 43.55px !important;
}

.login-wrapper .form-group .show-hide-icon img {
    width: 1rem;
    opacity: 0.7;
}

.copyright-text {
    color: #808080;
    font-size: 14px;
}

.powered-by-panel {
    position: relative;
    display: inline-block;
    left: 28rem;
    width: 0px;
}

.powered-by-logo {
    width: 8rem;
}

/*--------- Trademarks section------------*/
.trademarks-content {
    width: 300px;
    text-align: center;
    margin: 0 auto;
    margin-top: 70px;
    font-size: 14px;
}

    .trademarks-content p {
        margin-bottom: 0 !important;
    }

/*---------- Header section ---------------*/
header.header {
    background-color: #ffffff;
    -webkit-box-shadow: 0 3px 10px -3px #c1c1c1;
    -moz-box-shadow: 0 3px 10px -3px #c1c1c1;
    box-shadow: 0 3px 10px -3px #c1c1c1;
    padding: 11px 15px;
}


.nav-link .nav-link-icon {
    color: #3f6ad8;
    font-size: 1rem;
    width: 30px;
    text-align: center;
    opacity: .45;
    margin-left: -10px;
}
/*------------ swith screen button --------------*/

.switch {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 24px;
    margin-bottom: 0;
    margin-right: -6px;
    margin-top: 4px;
}

    .switch .turned-on {
        opacity: 0;
        width: 0;
        height: 0;
    }

    .switch input {
        margin-left: 5px;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider.round {
        background-color: #ccc;
    }

    .slider:before {
        position: absolute;
        content: "";
        height: 15px;
        width: 15px;
        left: 3px;
        top: 4px;
        background-color: #fff;
        -webkit-transition: .4s;
        transition: .4s;
    }

.turned-on + .slider {
    background-color: #fff;
    border: 1px solid #6ABEF7
}

.turned-on:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

.turned-on + .slider:before {
    -webkit-transform: translateX(24px);
    -ms-transform: translateX(24px);
    transform: translateX(24px);
    background-color: #6ABEF7;
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.nav-item {
    margin: 0 14px;
}

    .nav-item .nav-link {
        padding-left: 0;
        padding-right: 0;
    }

/*** User Profile ***/

.user-profile {
    width: auto;
}

    .user-profile ul li a {
        padding: 0;
        display: flex;
        align-items: center;
        color: #37405d;
    }

.user-profile-image {
    width: 3.438rem;
    height: 3.438rem;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 0.625rem;
}

.user-profile-name {
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 6px;
}

.user-profile ul li a.dropdown-toggle::after {
    right: 0.32rem;
}

.user-profile ul li a[aria-expanded="true"] {
    background: none;
}

.user-profile .dropdown-menu a {
    padding: 0.313rem 0.625rem;
    cursor: pointer;
}

    .user-profile .dropdown-menu a:hover {
        background: #0f2e56;
        color: #fff;
    }

.user-profile .dropdown-menu .fa {
    position: absolute;
    top: -0.938rem;
    right: 0.313rem;
    font-size: 1.25rem;
}

.user-profile .dropdown-menu {
    box-shadow: 0 0 18px -1px rgba(79,86,90,.2);
    border: 1px solid #0f2e56;
    padding: 0;
    top: 2.65rem;
    left: auto;
    right: -8px;
    position: absolute;
}

.align-item-center {
    align-items: center;
}
/*** Navigation Sidebar CSS ***/
#sidebar {
    height: 100%;
    background: var(--navyBlue-button-hover);
    top: 4.1rem;
    overflow: visible;
    scrollbar-width: thin;
}

.sidebar {
    height: 100%;
    background: var(--navyBlue-button-hover);
    top: 4.375rem;
}

.left-sidebar {
    max-width: 75px;
}

.expand-sidebar {
    max-width: var(--menu-max-width);
}

.expand-right-container {
    margin-left: var(--menu-max-width);
    /*width: 85%;*/
}

.sidebar-link-text {
    display: none;
}


    #sidebar.expand-sidebar .sidebar-link-text {
        display: inline-block;
    }

#sidebar.left-sidebar .dropdown-toggle:after {
    display: none;
}

#sidebar.expand-sidebar .dropdown-toggle:after {
    display: inline-block;
}

.generic-sidebar-icons {
    width: 1.563rem;
    height: 1.563rem;
    margin-right: 0.5rem;
}

a[aria-expanded="true"].generic-sidenav-dropdown .sidebar-nav-arrow {
    transform: rotate(0deg);
}

.generic-sidenav-dropdown .sidebar-nav-arrow {
    position: absolute;
    right: 0.375rem;
    top: 1.350rem;
    color: #6abef7;
    transform: rotate(180deg);
    font-size: 0.938rem;
    display: none;
}

#sidebar.expand-sidebar .generic-sidenav-dropdown .sidebar-nav-arrow {
    display: inline-block;
}

.left-sidebar ul li {
    height: 3.625rem;
    overflow: hidden;
}

.left-sidebar.expand-sidebar ul li {
    height: auto;
    overflow: initial;
}

.options {
    background: #F1F3F4;
    height: 400px;
    padding: 0.688rem 1.125rem 2rem 1.125rem;
    border-radius: 10px;
}

.widget-container h4 {
    text-transform: uppercase;
    color: #0F2E56;
}

.widget-container h6 {
    color: #37405D;
}

/*----Advertisement Section----*/
.imgADV {
    height: 100%;
}

/*---- main footer section----*/
footer {
    clear: both;
}

    footer .main-footer {
        background: none;
        padding: 0.538rem;
        color: #808080;
        text-align: center;
        font-size: 0.875rem;
        width: 100%;
        z-index: 1000;
    }

        footer .main-footer a {
            color: #808080;
            font-size: 0.875rem;
        }

            footer .main-footer a:hover {
                color: #6abef7;
            }
.footer {
    position: static;
    bottom: 0px;
    padding: 3px;
    width: 100%;
    text-align: center;
    background-color: #eaf0f4;
    z-index: 1000;
}
.wrapper-100.expand-right-container .footer {
    width: 100% !important;
}
/*** Quick Link Widget ***/
.quick-link li, .quick-report li {
    padding: 0.625rem 0;
    border-bottom: 1px solid #ccc;
}

    .quick-link li .fa, .quick-report li .fa {
        margin-right: 0.313rem;
    }

.quick-link {
    padding-left: 1.125rem;
    /* margin-top: 1.25rem; */
    padding-left: 0;
}

.quick-report {
    padding-left: 1.125rem;
    /* margin-top: 1.25rem; */
    padding-left: 0;
    height: 340px;
    overflow: auto;
}

    .quick-link li a, .quick-report li a {
        color: #0f2e56;
        display: inline-flex;
        align-items: center;
    }

        .quick-link li a:hover, .quick-report li a:hover {
            color: #6abef7;
        }

        .quick-link li a .fa, .quick-report li a .fa {
            color: #37405D;
        }

.quick-link-svg {
    width: 1.313rem;
    height: 1.75rem;
    margin-right: 1.063rem;
}
.quick-link li a {
    font-size: var(--quick-link-font);
}

/*-------------------------------------Dashboard tabstrip css-------------------------*/

.dashboardCustom .rtsLevel1 .rtsSelected {
    background-color: transparent !important;
}

    .dashboardCustom .rtsLevel1 .rtsSelected .rtsTxt {
        color: #0F2E56;
        border-bottom: 4px solid #0F4C75;
        width: 202px;
    }

.dashboardCustom .rtsTxt {
    color: #808080;
    font-family: 'Myriad Pro Regular';
    font-size: 22px;
}
.dashboardCustom.RadTabStrip_GO_Refresh_Bootstrap .rtsLI .rtsLink {
    border: none !important;
}

/*------Dashboard Payroll Card---------*/
.label-bold {
    color: #37405D !important;
}

.label-space {
    margin-right: 17px;
}

.RadLabel {
    padding-right: 2px !important;
}
/* Payroll card button css*/
.icon span.rbPrimaryIcon {
    top: 11px !important;
}

.mtop-10 {
    margin-top: 14px !important;
    margin-left: 46px !important;
}
/*----------------------------people card css---------------------*/
.people-container {
    height: var(--people-container-height);
}
.people-button {
    font-size: var(--people-button-font-size) !important;
    padding: var(--people-button-padding-top) var(--people-button-padding-left) !important;
    background-color: #428CBE !important;
    color: #ffffff !important;
    border-color: transparent !important;
    border-radius: 24px !important;
    width: -webkit-fill-available;
    width: -moz-available;
}
.people-button:hover {
    background-color: #0F4C75 !important;
}
.people-button:active {
    outline: 0 !important;
}
.people-button span {
    display: inline-block !important;
    position: static !important;
}
.people-button span.rbPrimaryIcon {
    width: var(--button-image-height-width) !important;
    height: var(--button-image-height-width) !important;
    top: 0px !important;
    left: 0px !important;
    background-size: contain !important;
    background-position: center !important;
}
.people-buttonsection {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: left;
    height: 37%;
    align-content: center;
}
.people-buttonsection > div:nth-child(3n) {
    text-align: right;
}
.people-buttonsection > div:nth-child(2),
.people-buttonsection > div:nth-child(5){
    text-align: center;
}
.people-buttonsection .item-applicant-tracking,
.people-buttonsection .item-hr-support-center,
.people-buttonsection .item-view-employees,
.people-buttonsection .item-add-employees,
.people-buttonsection .item-time-transaction,
.people-buttonsection .item-time-setup {
    flex: 0 0 31%;
    margin-bottom: var(--people-header-font);
    margin-left: 1.4%;
}
.people-header {
    font-size: var(--people-header-font);
}
.people-section-link {
    border: none !important;
    background-color: transparent !important;
    color: #37405D !important;
    font-size: var(--link-button-font-size) !important;
    padding: 4px 7px 4px 7px !important;
    margin: 1rem 0rem;
}
.people-section-link span.rbText {
    width: var(--people-link-text-width) !important;
    white-space: normal;
    text-align: left;
}
.people-section-image {
    height: var(--people-image-height-width);
    width: var(--people-image-height-width);
}
.people-section-link-count {
    color: #0F2E56 !important;
    font-size: var(--people-count-font-size) !important;
    line-height: var(--people-count-font-size) !important;
}
.people-card-image-link {
    display: flex;
    align-items: center
}
.people-section-link-count-container {
    display: flex;
    padding: 0px !important;
    justify-content: center;
    margin: 1rem 0rem;
    align-items: center;
}
.people-card-link-container {
    margin-bottom: 0.25rem;
    margin-left: -10px;
    height: 57%;
}
.people-card-link-container > div:nth-child(1) > .people-section-link-count-container,
.people-card-link-container > div:nth-child(3) > .people-section-link-count-container {
    padding: 0px var(--people-link-padding-right) 0px 0px !important;
}
.people-card-link-container.one-row > div:nth-child(2):before,
.people-card-link-container.two-rows > div:nth-child(2):before {
    border-left: 1px solid #6ABEF7;
    display: block;
    content: '';
    position: relative;
    left: 0%;
    top: 20%;
    height: 70%;
    width: 0px
}
    .people-card-link-container.two-rows > div:nth-child(3):after {
        border-top: 1px solid #6ABEF7;
        display: block;
        content: '';
        position: relative;
        top: var(--people-card-link-container3-after);
        left: 7.5%;
        height: 0px;
        width: 85%;
    }
    .people-card-link-container.two-rows > div:nth-child(2):after {
        border-bottom: 1px solid #6ABEF7;
        display: block;
        content: '';
        position: relative;
        top: var(--people-card-link-container2-after);
        left: 7.5%;
        height: 0px;
        width: 85%;
    }
.people-card-link-container.two-rows > div:nth-child(3):before {
    border-right: 1px solid #6ABEF7;
    display: block;
    content: '';
    position: relative;
    left: 100%;
    top: 20%;
    height: 70%;
    width: 0px
}
.people-card-link-container > div:nth-child(even) {
    justify-content: space-between !important
}
.people-card-link-container > div:nth-child(odd) {
    justify-content: space-between;
    padding-right: 0.3rem;
    padding-left: 0px;
}
.twp-sc-msr-container {
    margin-top: var(--generic-container-padding-x);
}
.peoples-service-rep-card,
.twp-card,
.swipeclock-card {
    border-radius: 10px;
    overflow: hidden;
    height: calc(var(--people-count-font-size) + 30px);
}
.peoples-service-rep-card {
    background-color: #ffffff;
    padding: var(--generic-container-padding-x) var(--generic-container-padding-y);
}
.twp-card {
    text-align: center;
    background-color: #272E3E;
}
.swipeclock-card {
    text-align: center;
    background-color: #ffffff;
}
.swipeclock-card a,
.twp-card a {
    padding: 0px;
}
.sc-image-link img,
.twp-image-link img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.my-service-rep-header {
    font-size: calc(var(--people-header-font) - 2px) !important;
    margin-bottom: 5px !important; 
}
.peoples-service-rep-card .RadLabel.RadLabel_GO_Refresh_Bootstrap {
    font-size: var(--people-button-font-size) !important;
}

/****************Communication Center************/
.communication-center {
    border-radius: 10px;
    padding: 0px;
    background-color: #ffffff;
    height: 584px;
    overflow: hidden;
    box-shadow: 0 0 25px -1px rgb(79 86 90 / 20%);
}

.cc-card-title {
    color: #0F2E56;
    font-size: 24px;
    background-color: #A0CDEB;
    padding: 20px 30px;
}

.cc-card-list {
    height: 500px;
    overflow-y: auto;
}

    .cc-card-list a {
        color: #37405D;
    }

        .cc-card-list a:hover {
            text-decoration: none;
        }

    .cc-card-list .Announcement {
        font-weight: 600;
    }

    .cc-card-list .Task {
        font-weight: 400;
    }

    .cc-card-list .row {
        padding: 10px 25px;
    }

        .cc-card-list .row div {
            white-space: nowrap;
            width: 41px;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .cc-card-list .row:hover {
            background-color: #E1F2FE;
        }

    .cc-card-list .type-icon {
        position: relative;
        width: 25px;
        background-repeat: no-repeat;
        background-position: center top;
    }

    .cc-card-list .Task .type-icon {
        background-image: url('../Images/Icons/cc-task-icon.svg');
    }

    .cc-card-list .Announcement .type-icon {
        background-image: url('../Images/Icons/cc-announcement-icon.svg');
    }

    .cc-card-list::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 4px;
        background-color: #F5F5F5;
    }

    .cc-card-list::-webkit-scrollbar {
        width: 8px;
        background-color: #F5F5F5;
    }

    .cc-card-list::-webkit-scrollbar-thumb {
        border-radius: 6px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #bbb;
    }
.announcements-modal .rwTable,
.announcements-modal .rwTable .rwWindowContent > div:first-child {
    height: auto !important;
}
/*** generic Time Info Section ***/
.generic-timeinfo {
    margin: 24px 16px;
}

    .generic-timeinfo label {
        color: #808080;
        display: block;
        margin-bottom: 0;
    }

    .generic-timeinfo span {
        color: #37405d;
        font-size: 3.625rem;
        display: inline-block;
    }

.text-green {
    color: #8DCC42;
}

.text-gray {
    color: #808080;
}

.team-list li {
    margin-bottom: 10px;
}


.sub-label {
    font-family: 'Myriad Pro semibold';
    font-size: 16px;
    color: #808080;
}

.sub-label-value {
    font-size: 16px;
    color: #37405D;
}

/*------ Payroll & HR Calendar ---------*/
.payroll-and-hr.main-container {
    height: 100% !important;
}

.tab-content-wrapper .payroll-hr-radsplitter {
    width: 100% !important;
    min-height: 700px;
    height: auto !important;
}

    .tab-content-wrapper .payroll-hr-radsplitter .LeftPanel {
        width: 15rem !important;
    }

.payroll-hr-radsplitter .RightPane1 {
    width: 94rem !important;
}

.expand-right-container .payroll-hr-radsplitter .RightPane1 {
    width: 80rem !important;
    height: auto !important;
}

.wrapper-100 .payroll-hr-radsplitter .RightPane1 {
    width: 99rem !important;
}

.payroll-hr-radsplitter .LeftPanel .rpCheckBoxPanel {
    width: 100% !important;
}

    .payroll-hr-radsplitter .LeftPanel .rpCheckBoxPanel > div > div:first-child {
        width: 80% !important;
    }

        .payroll-hr-radsplitter .LeftPanel .rpCheckBoxPanel > div > div:first-child > input {
            margin: 0px 15px !important;
        }

        .payroll-hr-radsplitter .LeftPanel .rpCheckBoxPanel > div > div:first-child > label {
            font-family: "Myriad Pro Regular";
        }
/*.payroll-hr-scheduler {
    width: 100% !important;
}*/
.payroll-hr-scheduler .rsHeader .rsPrevDay {
    background-position: -5px -110px !important;
    margin: 0px !important;
}

    .payroll-hr-scheduler .rsHeader .rsPrevDay:hover {
        background-position: -55px -110px !important;
    }

.payroll-hr-scheduler .rsHeader .rsNextDay {
    background-position: -5px -160px !important;
    margin: 0px !important;
}

    .payroll-hr-scheduler .rsHeader .rsNextDay:hover {
        background-position: -55px -160px !important;
    }

.payroll-hr-scheduler .rsHeader .rsToday {
    line-height: 17px !important;
}

.payroll-hr-scheduler .rsHeader .rsDatePickerActivator {
    background-position: -5px -60px !important;
    margin: 0px 5px !important;
    line-height: 17px !important;
    width: 17px !important;
    height: 17px !important;
}

    .payroll-hr-scheduler .rsHeader .rsDatePickerActivator:hover {
        background-position: -55px -60px !important;
    }

.payroll-hr-scheduler .rsHeader h2 {
    padding: 5px !important;
}

.payroll-hr-scheduler .rsHeader .rsHeaderDay,
.payroll-hr-scheduler .rsHeader .rsHeaderWeek,
.payroll-hr-scheduler .rsHeader .rsHeaderMonth {
    line-height: 17px !important
}

.payroll-hr-scheduler .rsHeader .rsSelected {
    padding: 0px 9px !important;
}

.payroll-hr-scheduler .rsAptContent {
    color: #000000 !important;
    padding: 8px 5px !important;
    font-size: 12px !important;
}

.payroll-hr-scheduler .rsContentWrapper,
.payroll-hr-scheduler .rsContentScrollArea,
.payroll-hr-scheduler .rsContent.rsMonthView,
.payroll-hr-scheduler .rsHorizontalHeaderWrapper > div:first-child {
    width: 100% !important;
}
/*****************Custom width css***********************/
.w-120 {
    width: 120px !important;
}
.w-125 {
    width: 125px !important;
}
.w-160 {
    width: 160px !important;
}

/*****************charts and graphs page css***********************/
.chartText svg text {
    font: normal normal normal 15px/22px "Myriad Pro Regular" !important;
}

.chartsAndGraphsMargin {
    margin-top: 10px;
    display: inline-block;
}

/*********Generic page css *********/
.main-container {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 15px;
    min-height: 500px;
    margin: 0px auto;
}
.right-container .main-container {
    min-width: 913px !important;
}
.expand-right-container .main-container {
    min-width: 713px !important; 
}

.tab-border-default {
    border: 1px solid #00000029;
}

.table-small-padding td {
    padding: 5px;
}

.table-small-padding label {
    padding: 5px;
}

.padding-small {
    padding: 10px 20px
}

.padding-medium {
    padding: 30px 60px;
}

.checkboxes-margin input[type=checkbox] {
    margin: 5px;
}

.remove-label-margin label {
    margin: 0px;
}

.normal-border {
    border: 1px solid #E6E6E6 !important;
}

.border-remove {
    border: none !important;
}

.black-label label {
    color: #000000 !important;
    margin: 0px !important;
}
.white-text {
    color: #ffffff !important;
}
.aspNetDisabled .rcbLabel {
    opacity: 0.5;
}

.main-container .secondary-content {
    background-color: #F1F3F4;
    border-radius: 10px;
}

.main-container .table-content-spacing {
    border-spacing: 20px;
    border-collapse: separate;
}

.tab-content-area {
    border: 1px solid #E6E6E6 !important;
}

.grid-filters {
    right: 4vh;
    height: 20px;
    margin: 10px 0px;
    float: right;
}

.grid-export-buttons {
    right: 1vh;
    margin: 15px 7px 2px 7px;
    float: right;
}

.expand-right-container .rgGroupPanel {
    max-width: 780px;
}

.maximize input[type=text] {
    width: 100% !important;
}

ul.horizontal-list {
    list-style-type: none;
    display: inline-flex;
}
ul.horizontal-list li {
        padding-left: 5px;
        padding-right: 5px;
}

/**********************Breadcrumb****************/
.breadcrumb-container {
    margin-right: 43px;
}

    .breadcrumb-container .breadcrumb.eog-refresh-breadcrumb {
        list-style: none;
    }

.breadcrumb.eog-refresh-breadcrumb a.active {
    color: #0F4C75;
    border: none;
}

.breadcrumb.eog-refresh-breadcrumb li.active {
    color: #0F4C75;
    border: none;
}

.breadcrumb.eog-refresh-breadcrumb li {
    color: #444444;
}

    .breadcrumb.eog-refresh-breadcrumb li a {
        color: #444444;
    }

.breadcrumb.eog-refresh-breadcrumb .divider {
    padding: 0px 10px;
}

.breadcrumb.eog-refresh-breadcrumb {
    font-family: "Myriad Pro Regular";
    font-size: 14px;
    background-color: transparent;
    margin: 0px;
}

    .breadcrumb.eog-refresh-breadcrumb .info-button {
        margin-left: auto;
        margin-right: 34px;
        float: none !important;
    }

    .breadcrumb.eog-refresh-breadcrumb .search-button {
        float: none !important;
        padding-right: 26px !important;
    }

/***********************Buttons Related CSS*********************/
.eog-buttons-container {
    min-height: 55px;
    text-align: right;
}

/********ASP Link Buttons*********/
.eog-button-primary {
    border-radius: 24px;
    min-height: var(--button-min-height);
    padding: var(--button-generic-padding);
    font-size: var(--button-asp-font-size);
    display: inline-block;
    border: 1px solid #428CBE;
    background-color: #428CBE;
    color: #ffffff;
}

    .eog-button-primary:hover {
        background-color: #0F4C75;
        color: #ffffff;
        text-decoration: none;
    }

    .eog-button-primary.aspNetDisabled {
        background: #808080 0% 0% no-repeat padding-box;
        border: 1px solid #808080;
        color: #c1c1c1;
        cursor: default;
    }
        .eog-button-primary.aspNetDisabled:hover {
            background: #808080 0% 0% no-repeat padding-box;
            color: #c1c1c1;
            cursor: default;
        }

.eog-button-secondary {
    border-radius: 24px;
    min-height: var(--button-min-height);
    padding: var(--button-generic-padding);
    font-size: var(--button-asp-font-size);
    display: inline-block;
    border: 1px solid #428CBE !important;
    color: #428CBE !important;
}

    .eog-button-secondary:hover {
        border: 1px solid transparent !important;
        text-decoration: none !important;
        color: #ffffff !important;
        background-color: #428CBE;
    }

    .eog-button-secondary.aspNetDisabled {
        cursor: default;
        border: 1px solid #808080 !important;
        color: #c1c1c1 !important;
        background: #808080;
    }

.eog-button-tertiary {
    border-radius: 24px;
    min-height: var(--button-min-height);
    padding: var(--button-generic-padding);
    font-size: var(--button-asp-font-size);
    display: inline-block;
    border: 1px solid #6ABEF7;
    background-color: #6ABEF7;
    color: #ffffff;
}
.eog-button-tertiary:hover {
    text-decoration: none !important;
    color: #ffffff !important;
}

.eog-button-tertiary.aspNetDisabled {
    background: #808080 0% 0% no-repeat padding-box;
    border-color: transparent;
    color: #ffffff !important;
    cursor: default !important;
}

.old-button-icon {
    display: none;
}

/******* ASP 'Button' Buttons*/
.eog-primary-asp-button {
    border-radius: 24px !important;
    color: #ffffff !important;
    background-color: #428CBE !important;
    border-color: transparent !important;
    padding: var(--button-generic-padding);
    font-size: var(--button-asp-font-size);
}
.eog-primary-asp-button:hover {
    background-color: #0F4C75 !important;
}
.eog-tertiary-asp-button {
    border-radius: 24px !important;
    color: #ffffff !important;
    background-color: #6ABEF7 !important;
    border-color: transparent !important;
    padding: var(--button-generic-padding);
    font-size: var(--button-asp-font-size);
}

.eog-tertiary-asp-button:disabled {
    background-color: #808080 !important;
}

/********Telerik Buttons*********/
.go-primary-button {
    background-color: #428CBE !important;
    line-height: 1em !important;
    height: auto !important;
    padding: var(--button-telerik-padding) !important;
    font-size: var(--button-asp-font-size) !important;
    color: #ffffff !important;
}

    .go-primary-button:hover {
        background-color: #0F4C75 !important;
    }

    .go-primary-button .rbPrimary {
        padding: 0px !important;
    }

    .go-primary-button.without-icon .rbPrimaryIcon {
        display: none !important;
    }
.icon-align .rbPrimaryIcon {
    margin-left: 20px !important;
}

.go-secondary-button {
    background-color: white !important;
    color: #428CBE !important;
    border: 1px solid #428CBE !important;
    padding: var(--button-telerik-padding) !important;
    font-size: var(--button-asp-font-size) !important;
    height: auto !important;
}

    .go-secondary-button input {
        color: inherit !important;
    }

        .go-secondary-button input:hover {
            color: inherit !important;
        }

    .go-secondary-button:hover {
        color: #ffffff !important;
        border: 1px solid #428CBE !important;
        background-color: #428CBE !important;
    }

.go-secondary-button .rbPrimary {
    padding: 0px !important;
}

    .go-secondary-button .rbPrimaryIcon,
    .go-primary-button .rbPrimaryIcon {
        display: none !important;
    }

    .go-primary-button .rbText:hover,
    .go-secondary-button .rbText:hover {
        text-decoration: none !important;
    }
.go-secondary-button.rbSkinnedButton:focus{
    outline: none !important;
}
.go-tertiary-button {
    background-color: #6ABEF7 !important;
    line-height: 1em !important;
    color: #fff !important;
    padding: var(--button-telerik-padding) !important;
    font-size: var(--button-asp-font-size) !important;
    height: auto !important;
}

    .go-tertiary-button .rbPrimary {
        padding: 0px !important;
    }

    .go-tertiary-button .rbPrimaryIcon {
        display: none !important;
    }
    .go-tertiary-button .rbDecorated {
        font-size: inherit !important;
    }

    /*******HTML Button ****/
    .eog-html-primary-button {
        height: auto !important;
        padding: var(--button-html-padding) !important;
        font-size: var(--button-asp-font-size) !important;
        background-color: #428CBE !important;
        border-radius: 24px !important;
        border: none !important;
        color: #ffffff !important;
        font-family: 'Myriad Pro Regular' !important;
    }

    .eog-html-primary-button:hover {
        background-color: #0F4C75 !important;
    }

    .eog-html-primary-button:active,
    .eog-html-primary-button:focus,
    .eog-html-secondary-button:active,
    .eog-html-secondary-button:focus {
        outline: none !important;
    }
.eog-html-secondary-button {
    height: auto !important;
    padding: var(--button-html-padding) !important;
    font-size: var(--button-asp-font-size) !important;
    background-color: #ffffff !important;
    border-radius: 24px !important;
    border: 1px solid #428CBE !important;
    color: #428CBE !important;
    font-family: 'Myriad Pro Regular' !important;
}
.eog-html-secondary-button:hover {
    background-color: #428CBE !important;
    color: #ffffff !important;
    
}
.eog-html-tertiary-button {
    height: auto !important;
    padding: var(--button-html-padding) !important;
    font-size: var(--button-asp-font-size) !important;
    background-color: #6ABEF7 !important;
    border-radius: 24px !important;
    border: 1px solid #6ABEF7 !important;
    color: #ffffff !important;
    font-family: 'Myriad Pro Regular' !important;
}

/****** RadAsyncUpload Button ******/
.RadUpload_GO_Refresh_Bootstrap .ruRemove::before {
    display: none !important;
}

.RadUpload_GO_Refresh_Bootstrap .rbPrimary {
    padding: 0px !important;
}

.RadUpload_GO_Refresh_Bootstrap.without-icon .rbPrimaryIcon {
    display: none !important;
}

.eog-radAsyncUpload-button .ruButton.ruBrowse {
    font-size: var(--button-asp-font-size) !important;
    height: auto !important;
    width: auto !important;
    background-color: #6ABEF7 !important;
    line-height: normal !important;
    color: #fff !important;
    padding: var(--button-asyc-upload-padding) !important;
    border-radius: 24px !important;
    margin-top: 5px !important;
}
.eog-radAsyncUpload-button .ruFakeInput {
    height: var(--button-asyc-upload-height) !important;
    margin-top: 5px !important;
}

.RadUpload_GO_Refresh_Bootstrap.RadUpload .ruStyled .ruFileInput {
    line-height: 38px !important;
}

/***********************Checkbox related CSS *********************/
.eog-generic-checkboxes label {
    margin: 5px;
}

.eog-generic-checkboxes input[type=checkbox] {
    margin: 5px 0px;
}

.line-height-2rem {
    line-height: 2rem !important;
}



/*-----------------------------skyide skin-------------------*/
/*--------------------tabstrip------------*/
.RadTabStripTop_GO_Refresh_Bootstrap .rtsLevel1 .rtsFirst .rtsLink {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
.RadTabStripTop_GO_Refresh_Bootstrap .rtsLevel1 .rtsLast .rtsLink {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-right-width: 1px !important;
}
.RadTabStrip_GO_Refresh_Bootstrap .rtsLI {
    border-width: 0px !important;
}
.RadTabStrip_GO_Refresh_Bootstrap .rtsLI .rtsLink {
    border-style: solid;
    border-color: grey;
    border-width: 1px 0px 1px 1px;
}
.RadTabStrip .rtsOut {
    padding-right: 0px !important;
}
/*--------------RadButton-----------*/
.RadButton_GO_Refresh_Bootstrap.RadCheckBox.RadButton .rbText {
    padding: 0px !important;
    font-size: 14px !important;
    font-family: 'Myriad Pro Regular';
}

.RadButton.RadButton_GO_Refresh_Bootstrap.rbToggleButton .rbPrimaryIcon.rbToggleCheckboxChecked,
.RadButton.RadButton_GO_Refresh_Bootstrap.rbToggleButton .rbPrimaryIcon.rbToggleCheckbox {
    top: 4px !important;
    left: 8px !important;
}
/*--------------RadGrid-------------*/
.RadGrid_GO_Refresh_Bootstrap .rgDataDiv {
    max-height: 700px !important;
    height: 100%;
    min-height: 100px !important;
}

.RadPanelBar_GO_Refresh_Bootstrap .rpSlide {
    height: auto !important;
}

    .RadPanelBar_GO_Refresh_Bootstrap .rpSlide .rpTemplate {
        height: auto !important;
    }

.RadGrid_GO_Refresh_Bootstrap .rgRow {
    white-space: normal !important;
}
.grid-with-header-border .rgHeaderDiv th {
    border: 1px solid #E6E6E6 !important;
}
/*********Dropdowns with border********/
.RadGrid .rgInput,
.RadGrid .rgEditRow > td > [type="text"],
.RadGrid .rgEditForm td > [type="text"],
.RadGrid .rgBatchContainer > [type="text"],
.RadGrid .rgFilterBox,
.RadGrid .rgFilterApply,
.RadGrid .rgFilterCancel {
    border-width: 0px !important;
}
/******Grid pop-up******/
.RadWindow.RadWindow_GO_Refresh_Bootstrap .rwTitleRow em {
    font-family: "Myriad Pro Regular";
    font-size: 19px;
    margin-left: 0px;
}

.remove-title-icon .rwTitlebar .rwIcon {
    display: none !important;
}

.RadGrid_GO_Refresh_Bootstrap.rgEditForm.rgEditPopup {
    height: auto !important;
    top: 25% !important;
    left: 30% !important;
}

.RadGrid .rgGroupHeader td div div {
    top: 0px !important;
    padding: 3px 2px !important;
}

.RadGrid.RadGrid_GO_Refresh_Bootstrap > div:first-child {
    background-color: #1d5981;
    height: 55px;
}

.RadGrid.RadGrid_GO_Refresh_Bootstrap > div.rgHeaderWrapper {
    height: auto;
}

.RadGrid.RadGrid_GO_Refresh_Bootstrap .rgDataDiv {
    background-color: #ffffff !important;
}

.RadGrid.RadGrid_GO_Refresh_Bootstrap .rgCommandRow {
    background-color: #0F4C75 !important;
}

    .RadGrid.RadGrid_GO_Refresh_Bootstrap .rgCommandRow.bg-white {
        background-color: #ffffff !important;
    }

.RadWindow.RadWindow_GO_Refresh_Bootstrap.rwNormalWindow.rwTransparentWindow {
    height: auto !important;
}

.rgPagerCell .RadComboBox.RadComboBox_GO_Refresh_Bootstrap {
    width: 50px !important;
}

.RadGrid.RadGrid_GO_Refresh_Bootstrap.radGrid .rgHeaderWrapper {
    width: 100%;
}

.RadComboBoxDropDown.RadComboBoxDropDown_GO_Refresh_Bootstrap .rcbHeader ul {
    display: flex;
}

.RadComboBoxDropDown.RadComboBoxDropDown_GO_Refresh_Bootstrap .rcbItem.rcbTemplate ul,
.RadComboBoxDropDown.RadComboBoxDropDown_GO_Refresh_Bootstrap .rcbHovered.rcbTemplate ul {
    display: flex;
}
/*.RadComboBoxDropDown.RadComboBoxDropDown_GO_Refresh_Bootstrap .rcbScroll.rcbWidth .rcbList {
    flex: 0 0 33.33%;
}*/
.date-picker-width-auto .RadPicker.RadPicker_GO_Refresh_Bootstrap:first-child {
    width: auto !important;
}

.RadComboBoxDropDown.RadComboBoxDropDown_GO_Refresh_Bootstrap .rcbHeader ul.two-column li {
    flex: 0 0 50%;
}

.RadComboBoxDropDown.RadComboBoxDropDown_GO_Refresh_Bootstrap .rcbHeader ul.three-column li {
    flex: 0 0 33.33%;
}

.RadComboBoxDropDown.RadComboBoxDropDown_GO_Refresh_Bootstrap .rcbHeader ul.four-column li {
    flex: 0 0 25%;
}

.RadComboBoxDropDown.RadComboBoxDropDown_GO_Refresh_Bootstrap .rcbHeader ul.five-column li {
    flex: 0 0 20%;
}

.RadComboBoxDropDown.RadComboBoxDropDown_GO_Refresh_Bootstrap .rcbItem.rcbTemplate ul.two-column li,
.RadComboBoxDropDown.RadComboBoxDropDown_GO_Refresh_Bootstrap .rcbHovered.rcbTemplate ul.two-column li {
    flex: 0 0 50%;
}

.RadComboBoxDropDown.RadComboBoxDropDown_GO_Refresh_Bootstrap .rcbItem.rcbTemplate ul.three-column li,
.RadComboBoxDropDown.RadComboBoxDropDown_GO_Refresh_Bootstrap .rcbHovered.rcbTemplate ul.three-column li {
    flex: 0 0 33.33%;
}

.RadComboBoxDropDown.RadComboBoxDropDown_GO_Refresh_Bootstrap .rcbItem.rcbTemplate ul.four-column li,
.RadComboBoxDropDown.RadComboBoxDropDown_GO_Refresh_Bootstrap .rcbHovered.rcbTemplate ul.four-column li {
    flex: 0 0 25%;
}

.RadComboBoxDropDown.RadComboBoxDropDown_GO_Refresh_Bootstrap .rcbItem.rcbTemplate ul.five-column li,
.RadComboBoxDropDown.RadComboBoxDropDown_GO_Refresh_Bootstrap .rcbHovered.rcbTemplate ul.five-column li {
    flex: 0 0 20%;
}

/************show/hide column css in grid**************************/
.RadMenu_GO_Refresh_Bootstrap_Context .radPreventDecorate {
    margin-right: 5px;
}

/*****VariablePay*****/
.input-smallTextBoxInGrid input {
    height: 2.1rem;
    border-radius: 4px;
    width: 100%;
}
/**** HR-Information****/
.expand-input input {
    height: 1.9em;
    border-radius: 4px;
}

/*******Rapid Pay 3*******/
.rapid-pay3-divTotal {
    position: relative !important;
    top: -3.5rem !important;
    text-align: right !important;
    margin-right: 20rem !important;
}
.editgridSort .rgSorted {
    background-color: transparent !important;
}
.rapid-pay-3-grid.RadGrid_GO_Refresh_Bootstrap .rgEditRow.rgSelectedRow td.rgSorted {
    background-color: #337ab7 !important;
    color: #ffffff !important;
}
.rapid-pay-3-grid.RadGrid_GO_Refresh_Bootstrap .rgEditRow {
    background-color: unset !important;
    color: unset !important;
}
.rapid-pay-3-grid.RadGrid_GO_Refresh_Bootstrap td.rgSorted,
.rapid-pay-3-grid.RadGrid_GO_Refresh_Bootstrap .rgDataDiv .rgMasterTable tbody tr:nth-child(even) {
    background-color: #eaf0f4 !important;
}
/******Rapid Pay Batch Edit2*****/
.rapid-pay-batch-divTotal {
    margin: 0px !important;
    position: relative;
    top: -3rem;
}
.rapidpaybatchButton{
    top: -8.5rem !important;
}
.rapidpaybatchButton span:nth-child(1){
    margin-bottom: 5px !important;
}
.rapidpayButtonsHeight {
    min-height: 180px !important;
}
/********Time Card Setup********/
.asp-radio-button-list label {
    margin-bottom: 0px;
}
/********Preview Payroll********/
#progressBar {
    background-color: #0F4C75;
    border-radius: 5px;
    overflow: hidden;
    max-width: 202px;
}

    #progressBar div {
        background-color: #6ABEF7;
        display: block;
        color: #ffffff;
        text-align: right;
    }

.preview-payroll-pop-up .rwWindowContent > div:first-child {
    height: auto !important;
    width: auto !important;
    min-width: 350px;
}

/*#exceptions-export-button {
    left: unset !important;
    padding-top: 12px !important;
    right: -1250px !important;
}*/

#exception-tab-buttons {
    margin-top: -25px;
}

.preview-exception-grid .rgDataDiv {
    min-height: 440px !important;
}
.payrollExportBtnPosition {
    position: absolute !important;
    padding-top: 11px !important;
    right: 27px !important;
    left: unset !important;
}
.approvePayrollWidth {
    margin-right: 10px !important;
}

/************Org Chart*********/
.org-chart-employeeListColumn {
    width: 270px;
    vertical-align: top;
}
.org-chart-txtTileDragDrop {
    width: 250px !important;
    margin: 0 !important;
}
.org-chart-txtTileDragDrop.RadTile .rtileTopContent {
    height: auto !important;
}
.org-chart-RadListBox1 .rtileTopContent {
    height: auto !important;
}
.org-chart-RadListBox1 {
    width: 252px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.org-chart-RadOrgChart2 .rocItemTemplate {
    padding: 10px 0px 10px 10px !important;
}
.org-chart-RadOrgChart2 .rocNodeList.rocRootNodeList > .rocNode.rocRootNode > .rocItem .org-chart-EmployeeNode:first-child td {
    text-align: center;
}
table.org-chart-EmployeeNode .name-column {
    padding-top: 0.2rem;
}
table.org-chart-EmployeeNode .delete-column {
    width: 25px;
    vertical-align: top;
}
table.org-chart-EmployeeNode .icon-column {
    width: 65px
}
table.org-chart-EmployeeNode {
    width: 100%;
}
.org-chart-RadOrgChart2 .rocItem.rocNoOwnImage {
    height: auto !important;
    width: 250px !important;
}
.org-chart-contextMenu.RadMenu_GO_Refresh_Bootstrap .rmGroup {
    border: 1px solid #0F4C75 !important;
    border-radius: 7px !important;
}
.org-chart-contextMenu.RadMenu .rmGroup:before {
    border-color: transparent !important;
}
.org-chart-contextMenu.RadMenu_GO_Refresh_Bootstrap a.rmLink {
    color: #0F4C75 !important;
}


/*****Payroll card DoNut Chart*****/
#pieChartInfoText {
    color: #37405d;
    font-size: 1.2rem;
    line-height: 19px;
    float:right;
    margin-right:130px;
}

.hideshowDonutCash {
    color: #6ABEF7;
    margin-left: -6px;
}

.donutCashInfo {
    width: 96px;
}

    .donutCashInfo .btn.focus, .btn:focus {
        outline: none !important;
        box-shadow: none !important;
    }

.donutModalPopupText {
    font-size: 1rem;
}

.div-height-2px {
    height: 2px !important;
}

.div-height-10px {
    height: 10px !important;
}
@supports (-moz-appearance:none) {

    .resolutionDonutChart .highcharts-container {
        float: none !important;
    }

    .resolutionDonut {
        left: 64px !important;
    }

        .resolutionDonut .pieChartInfoText {
            float: none !important;
        }
}

.highcharts-legend-item:nth-child(2) {
    transform: translate(70px,3px) !important;
}

.highcharts-legend-item:nth-child(3) {
    transform: translate(170px,3px) !important;
}

.highcharts-legend-item:nth-child(4) {
    transform: translate(9px,22px) !important;
}

.highcharts-legend-item:nth-child(5) {
    transform: translate(71px,22px) !important;
}

.resolutionDonutChart .highcharts-container {
    float: none !important;
    left: -6px !important;
}
.resolutionDonut {
    width: auto !important;
    left: 64px !important;
}
.payrollDocsBtn{
    width: 131px !important;
}

/*** Quick Links widget ***/
.quick-link li {
    margin-bottom: 0;
}

    .quick-link li .fa {
        margin-right: 0.313rem;
    }

.quick-link {
    margin-top: 1.25rem;
}

    .quick-link li a {
        color: #0f2e56;
        display: inline-flex;
        align-items: center;
    }

        .quick-link li a:hover {
            color: #6abef7;
        }

        .quick-link li a .fa {
            color: #6abef7;
        }

.quick-link-svg {
    width: 1.313rem;
    height: 1.75rem;
    margin-right: 1.063rem;
}

/**************Report Wizard Pop-Up*****************/
.rw-grdReportType .rgDataDiv {
    height: 300px !important;
}
.rw-grdReportType,
.rw-grdReportCategory {
    width: 374px !important;
    height: auto !important;
    margin: 0px auto !important;
}
.rw-grdReportCategory .rgDataDiv {
    height: 300px !important;
}
.rw-tab-wrapper {
    height: 520px !important;
}
.rw-grdReports {
    width: 775px !important;
}
.rw-grdReports .rgDataDiv {
    height: 305px !important;
}
.rw-dateSelectionPanel {
    height: 495px !important;
}
.rw-dateSelectionPanel .RadComboBox table td.rcbArrowCell {
    padding: 5px 0px !important;
}
.rw-cmbExportOptions {
    margin-left: 150px !important;
}
.rw-grdJobNumber,
.rw-grdDeductions,
.rw-grdEmployees,
.rw-grdDepartments,
.rw-grdLocations,
.rw-grdDivisions,
.rw-grdCompanies {
    height: 500px !important;
    width: 770px !important;
}
.rw-grdDivisions .rgDataDiv,
.rw-grdDepartments .rgDataDiv,
.rw-grdLocations .rgDataDiv {
    height: 457px !important;
}
.rw-grdCompanies .rgHeaderDiv,
.rw-grdEmployees .rgHeaderDiv {
    margin-right: 0px !important;
}

/**************Report Viewer*****************/
.RadRibbonBar.RadRibbonBar_GO_Refresh_Bootstrap.rv-RadRibbonBar1 {
    height: 138px !important;
}
.RadRibbonBar.RadRibbonBar_GO_Refresh_Bootstrap.rv-RadRibbonBar1 .rrbTabLabel {
    display: none !important;
}

/*******ReportConfiguration.ascx***********/
.reportConfigPanelHeight {
    height: 315px;
}
.removePosition {
    float: left;
    position: absolute !important;
    left: 176px;   
    margin-top: -25px;
}

.report-configWidth .col-md-4 {
    flex: var(--report-configWidth-flex);
    max-width: var(--report-configWidth-max-width);
}

.report-payroll.pl-0 {
    padding-left: var(--report-configWidth-pl) !important;
}

.reportTax.pl-0 {
    padding-right: var(--report-configtax-pr);
    padding-top: var(--report-configtax-pt);
    padding-left: var(--report-configtax-pl) !important;
}

.reportCompanylogo.pr-0 {
    padding-left: var(--report-configlogo-pl);
    padding-right: var(--reportPrint-pr) !important;
}

.reportPrint.pl-0 {
    padding-right: var(--reportPrint-pr) !important;
}

.reportAnnual {
    padding-right: var(--reportAnnual-pr);
}
/***********************DocumentCategoriesGloballGrid********************/
.marginHeaderGrid .rgHeaderDiv {
    border-color: transparent !important;
}

/***EFTPSPrompt****/
.createNacha-template-wrapper .rwWindowContent > div:first-child {
    width: auto !important;
}
.RadWindow.RadWindow_GO_Refresh_Bootstrap.rwNormalWindow.rwTransparentWindow.nachaHeight {
    height: 568px !important;
}
/***EFTPSP.aspx**/
.empEFTPSPromptframeHeight table:first-child {
    height: 450px !important;
}
.empEFTPSPromptComboHeight {
    height:150px !important;
}

/*********************LocalTaxAgencies-Details.ascx**********************************************/
.eftAddenda {
    height: 280px !important;
}

/**********Xero Online Setup*************/
.xero-setup-page-sub-container {
    margin: 0px !important;
    padding: 0px !important;
    border: none !important;
    width: auto !important;
    height: auto !important;
    background-color: transparent !important;
}
.xero-setup-main-ajax-panel {
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    margin-right: 0.8rem;
    margin-top: 50px;
    padding: 1rem;
    background-color: #ffffff;
}
.xero-disconnect-button-wrapper {
    margin: 0px !important;
}
.xero-disconnect-button-wrapper img {
    width: 270px;
}
.xero-ajax-panel {
    border-radius: 10px;
    overflow: hidden;
}
/**********QuickBooks Online Setup*************/
.quickbooks-setup-page-sub-container {
    margin-top: 50px !important;
    margin-right: 10px !important;
    margin-left: 0px !important;
    padding: 15px !important;
    border: none !important;
    border-radius: 10px;
    width: auto !important;
    min-height: 750px !important;
    height: auto !important;
    background-color: white!important;
}
/*** Forms and Document***/
.documentStorageUpload table:first-child {
    height: 714px !important;
}
.uploadTextHeight {
    height : 20px !important
}
/***Time of Request****/
.fileterHeight {
    height: 40px;
    margin: 10px;
    float: right;
}
.calenderWidth {
    width: 735px !important;
    
}
.timeoffGroupPanelHeight{
    height:98px !important;
}

.tor-schedular .rsTopWrap {
    width: auto !important;
}

.lmAprroval-scheduler .rsHeader .rsPrevDay {
    background-position: -5px -110px !important;
    margin: 0px !important;
}

    .lmAprroval-scheduler .rsHeader .rsPrevDay:hover {
        background-position: -55px -110px !important;
    }

.lmAprroval-scheduler .rsHeader .rsNextDay {
    background-position: -5px -160px !important;
    margin: 0px !important;
}

    .lmAprroval-scheduler .rsHeader .rsNextDay:hover {
        background-position: -55px -160px !important;
    }

.lmAprroval-scheduler .rsHeader .rsToday {
    line-height: 17px !important;
}

.lmAprroval-scheduler .rsHeader .rsDatePickerActivator {
    background-position: -5px -60px !important;
    margin: 0px 5px !important;
    line-height: 17px !important;
    width: 17px !important;
    height: 17px !important;
}

    .lmAprroval-scheduler .rsHeader .rsDatePickerActivator:hover {
        background-position: -55px -60px !important;
    }

.lmAprroval-scheduler .rsHeader h2 {
    padding: 5px !important;
}

.lmAprroval-scheduler .rsHeader .rsHeaderDay,
.lmAprroval-scheduler .rsHeader .rsHeaderWeek,
.lmAprroval-scheduler .rsHeader .rsHeaderMonth,
.lmAprroval-scheduler .rsHeader .rsHeaderTimeline {
    line-height: 17px !important
}

.lmAprroval-scheduler .rsHeader .rsSelected {
    padding: 0px 9px !important;
}

.lmAprroval-scheduler .rsContentWrapper,
.lmAprroval-scheduler .rsContentScrollArea,
.lmAprroval-scheduler .rsContent.rsMonthView,
.lmAprroval-scheduler .rsHorizontalHeaderWrapper > div:first-child {
    width: 100% !important;
}

.lmAprroval-scheduler .rsArrowTop {
    background-color :transparent !important;
    border-color : transparent !important;
}
/**************************GlobalBanks.ascx****************************************/
.export-button-position {
    position:absolute;
    right: 1.4%;
}
/**************************Company Check****************************************/
.check-info-sig-remove-buttons {
    position: relative !important;
    top: 5px !important;
    left: -15px !important;
}

/****Perfomance mangement****/
.divColoredFrame {
    background-color: transparent !important;
}
.new-divColoredFrame {
    padding: 10px;
    padding-bottom: 25px;
    border: 1px solid #cecece;
}
.empDevoplementCommandButtons {
    background-color: transparent !important;
    float: none;
}

.colorWhite {
	color: white !important;
}

.quickLinksLabel {
	text-align: right;
	float: left;
	width: 60px;
	margin: 1px;
	padding: 2px;
  
}
.quickLinkText {
	width: 400px;
}
.quickLinksSection {
  float: left;
  margin: 35px 10px 35px 10px;
}

.attendanceGridExpand .rgExpandCol input.rgExpand {
  display: none !important;
}
.validationMsgColor {
    color: #CC0000 !important;
}
/**** calender control*****/
.RadCalendarPopupShadows > .rcShadTR {
    width: 0px !important;
}

.RadCalendar_GO_Refresh_Bootstrap caption {
    padding: 0px !important
}
/***************Employees page*************/
.resolutionImgWidth{
    position: absolute;
    right: 300px;
}
.expand-right-container .resolutionImgWidth {
    right: 257px;
}

.approvePayrollWidth {
    margin-right: 10px !important;
}
/****************Frozen Scroll CSS*************/
.frozenRslGrid > div:nth-child(3) {
    overflow: hidden auto !important;
}
.frozenRslGrid > div:nth-child(4) {
    overflow: scroll auto !important;
    height: 17px !important;
}
.frozenDeductionRslGrid > div:nth-child(2) {
    overflow: hidden auto !important;
}
.frozenDeductionRslGrid > div:nth-child(3) {
    overflow: scroll hidden !important;
    height: 17px !important;
}
/********Global-Deduction*********/
.globalDefaultWidth {
    width: 493px !important;
}
/******Payroll-dashboard*****/
.emptyPayrollChart {
    padding-top: 120px !important;
    margin-left: -47px !important;
    font-size: 18px !important;
    font-weight: bold ;
}
/***Service Rep card***/
.peoples-service-rep-card .emptyServiceRepCard.RadLabel.RadLabel_GO_Refresh_Bootstrap,
.emptydivServiceRepCard .emptyServiceRepCard.RadLabel_GO_Refresh_Bootstrap {
    font-size: 18px !important;
    font-weight: bold;
}
/***************************Resolution CSS*****************************************/
/**Grid --> Fixed-Drag column section, 
   Font-size(header,side-menu,grid,Form pages),
   Forms --> padding, dropdown and textbox width
**/
@media (max-width: 1023.9px) {
    html .eog-master, .loginBackground {
        overflow-x: auto !important;
        width: 1024px !important;
    }

    body.eog-master .header {
        width: 1023px !important;
        font-size: 13px !important;
    }

    .header .RadComboBox_GO_Refresh_Bootstrap {
        width: 206px !important;
    }

    .header .dropdown-menu {
        width: 70px !important;
        font-size: 13px;
    }

    .fixed-top {
        position: absolute !important;
    }
    .footer{
        position: static !important;
    }
    .expand-right-container .footer {
        width: 100%;
    }
    .main-container {
        max-width: 929px !important;
    }
    .wrapper-100.expand-right-container .main-container {
        max-width: 980px !important;
    }
    .wrapper-100.right-container .main-container {
        max-width: 980px !important;
    }
    .expand-right-container .main-container {
        max-width: 796px !important;
    }
    .wrapper-100.right-container .main-container {
        min-width: 980px !important;
    }
    
    .eog-master .RadTabStrip_GO_Refresh_Bootstrap {
        font-size: 12px !important;
    }

    .eog-master .RadTabStrip .rtsLevel1 .rtsTxt {
        padding: 0px 5px !important;
    }

    .eog-master .RadTabStrip_GO_Refresh_Bootstrap .rtsLink {
        padding: 9px 10px !important;
    }
    .eog-master .RadGrid_GO_Refresh_Bootstrap .rgMasterTable,
    .RadGrid_GO_Refresh_Bootstrap .rgDetailTable,
    .rbRadioButton.RadButton.RadButton_GO_Refresh_Bootstrap .rbText, span.RadButton_GO_Refresh_Bootstrap {
        font-size: 12px !important;
    }
 
    .textLowerResolution {
        font-size: 13px !important;
    }

    .emptyPayrollChart,
    .subtotalsFont,
    .divTotal,
    .divGrandTotals2,
    .RadInput_GO_Refresh_Bootstrap .riLabel,
    .RadPanelBar_GO_Refresh_Bootstrap .rpLink,
    .peoples-service-rep-card .emptyServiceRepCard.RadLabel.RadLabel_GO_Refresh_Bootstrap,
    .emptydivServiceRepCard .emptyServiceRepCard.RadLabel_GO_Refresh_Bootstrap,
    .eog-master .RadGrid_GO_Refresh_Bootstrap .rgPagerCell {
        font-size: 14px !important;
    }

    .expandButton {
        margin-right: 0px !important;
        left: 60rem !important;      
    }
    .wrapper-100 .expandButton {
        margin-right: 0px !important;
    }
    .eog-master .RadGrid .rgGroupPanel {
        width: 100px !important;
        border-collapse: unset !important;
    }

    .eog-master .RadGrid_GO_Refresh_Bootstrap .rgGroupPanel table {
        font-size: 13px !important;
        width: 160px !important;
        margin-top: 8px;
        margin-left: 6px;
    }
    .eog-master .RadComboBoxWithLabel table {
        width: 80px !important;
    }
    .RadComboBoxWithLabel.comboWidth table {
        width: 135px !important;
    }
    .chkAllEmpInOutBoard {
        font-size: 12px !important;
        margin-top: 8px !important;
    }
    .chkAllEmpInOutBoard input[type=checkbox] {
        top: 2px;
    }
    .RadPicker_GO_Refresh_Bootstrap .riLabel {
        font-size: 12px !important;
    }
    .main-container fieldset legend {
        font-size: 16px !important;
    }
    .fontsizeShowNote label,
    .time-card-setup,
    .RadMultiPage_GO_Refresh_Bootstrap fieldset table,
    .RadButton_GO_Refresh_Bootstrap.RadCheckBox.RadButton .rbText,
    .rbRadioButton.RadButton.RadButton_GO_Refresh_Bootstrap .rbText {
        font-size: 13px !important;
    }
    
    .RadMultiPage_GO_Refresh_Bootstrap .empGeneralForm .RadInput_GO_Refresh_Bootstrap {
        width: 120px !important;
    }
    .expand-right-container .RadMultiPage_GO_Refresh_Bootstrap .companyDeductionDetails .RadInput_GO_Refresh_Bootstrap {
        width: 105px !important;
    }
    .expand-right-container .RadMultiPage_GO_Refresh_Bootstrap .globalInfoWidth .RadInput_GO_Refresh_Bootstrap {
        width: 74px !important;
    }
    .RadMultiPage_GO_Refresh_Bootstrap table td .empDataEntryheaderWidth .black-label {
        width: 173px !important;
    }
    .eog-master .RadMultiPage_GO_Refresh_Bootstrap table td .RadComboBox_GO_Refresh_Bootstrap {
        width: 120px !important;
    }
    .expand-right-container .RadMultiPage_GO_Refresh_Bootstrap .companyDeductionDetails .RadComboBox_GO_Refresh_Bootstrap {
        width: 105px !important;
    }
    .expand-right-container .RadMultiPage_GO_Refresh_Bootstrap table .globalInfoWidth .RadComboBox_GO_Refresh_Bootstrap {
        width: 74px !important;
    }
    .right-container .RadMultiPage_GO_Refresh_Bootstrap .radPageViewBoxLeft.col-md-6 {
        max-width: 68% !important;
    }

    .expand-right-container .RadMultiPage_GO_Refresh_Bootstrap .radPageViewBoxLeft.col-md-6 {
        max-width: 82% !important;
    }

    .right-container .RadMultiPage_GO_Refresh_Bootstrap .radPageViewBoxRight .w-75.normal-border {
        width: 124% !important;
    }

    .expand-right-container .RadMultiPage_GO_Refresh_Bootstrap .radPageViewBoxRight .w-75.normal-border {
        width: 169% !important;
    }

    .right-container .RadMultiPage_GO_Refresh_Bootstrap .radPageViewBoxLeft.col-md-9 {
        max-width: 97% !important;
    }

    .expand-right-container .RadMultiPage_GO_Refresh_Bootstrap .radPageViewBoxLeft.col-md-9 {
        max-width: 97% !important;
    }
    .right-container .radPageViewBoxLeftWidth .aspNetDisabled{
        width: 845px !important;
    }
    .expand-right-container .radPageViewBoxLeftWidth .aspNetDisabled {
        width: 644px !important;
    }
    .RadMultiPage_GO_Refresh_Bootstrap .generalDetailsledgerwidth .RadInput_GO_Refresh_Bootstrap {
        width: 69px !important;
    }

    .expand-right-container .RadMultiPage_GO_Refresh_Bootstrap .generalDetailsledgerwidth .RadComboBox_GO_Refresh_Bootstrap {
        width: 72px !important;
    }
    .right-container .divMainPanel.divMailPannelWH {
        width: 621px !important;
    }

    .expand-right-container .divMainPanel.divMailPannelWH {
        width: 475px !important;
    }
    .resolutionImgWidth {
        width: 318px !important;
        position: absolute !important;
        right: 0px !important;
    }

    .expand-right-container .resolutionImgWidth {
        width: 178px !important;
    }
    .donutResponsive {
        width: auto !important;
    }
    .resolutionImgWidth img {
        height: 133px !important;
    }
     .tableWidth tr td:nth-child(3) {
        width: 0px;
        padding-right: 40px;
    }
    .expand-right-container .tableWidth tr td:nth-child(3){
        width: 0px;
        padding-right: 18px;
    }
    .expand-right-container .resolutionImgWidth .RadUpload_GO_Refresh_Bootstrap .ruStyled .ruFakeInput {
        width: 53px;
    }
    .performanceMgPagination .rdpWrap {
        margin-left: 0px !important;
        display: flex !important;
        width: auto !important;
    }

    .divContainerTop {
        font-size: 11px !important;
    }

    .right-container .performanceMgPagination.RadDataPager_GO_Refresh_Bootstrap {
        font-size: 11px !important;
    }

    .expand-right-container .performanceMgPagination.RadDataPager_GO_Refresh_Bootstrap {
        font-size: 11px !important;
        padding: 0px !important;
    }

    .expand-right-container .divContainerTop .RadDataPager_GO_Refresh_Bootstrap .rdpPagerButton {
        width: 29px !important;
        height: 30px !important;
    }

    .fontDivLeft {
        font: normal normal normal 12px/17px "Myriad Pro Regular";
    }
    .wageTaxWidth{
        margin:0px !important;
        width: 604px !important;
    }
        .wageTaxWidth table td span {
            width: 78px !important;
        }
    .payInfoWidth {
        white-space: normal !important;
        width: 648px !important;
    }
    .payrollDetails .col-md-3 {
        max-width: 33.33% !important;
    }

    .payrollDetails .RadPicker_GO_Refresh_Bootstrap {
        width: 115px !important;
    }

    .netPayRadinput .RadInput_GO_Refresh_Bootstrap {
        width: 72px !important;
    }

    .payrollempInfo {
        width: 115px !important;
    }

    .payrollDetails .floatCalculate {
        float: left !important;
    }
    .descriptionWidth .RadInput_GO_Refresh_Bootstrap {
        width: 240px !important;
    }
    .marketingDetailsWidth td span {
        width: auto !important;
    }
    .expand-right-container .deductioncomDetailsWidth span {
        width: 137px !important;
    }

    .expand-right-container .companyDeductionDetails .col-md-4 {
        max-width: 37.33% !important;
    }
    .right-container .companyDeductionMatch {
        width: 278px !important;
    }
    .expand-right-container .companyDeductionMatch {
        width: 200px !important;
    }
    .globalDefaultWidth {
        width: 415px !important;
    }
    .localTaxesForm .calcmethod {
        flex: auto !important;
        margin-left: 13px !important;
        max-width: 96.333333% !important;
    }

    .localTaxesForm .localtaxDet {
        max-width: 35% !important;
    }
    .localAgenciesTax {
        max-width: 38% !important;
    }
    .annualMatchWidth {
        width: 569px !important;
    }
    .companydeductButtons {
        display: table;
        margin-top: 16px;
        right: 12px;
    }
    .empAcesssetupWidth {
        width: 656px !important;
    }
    .btnMarginBottom {
        margin-bottom: 8px;
    }
    .deductionEarningCodeWidth{
        width:282px !important;
    }
    .deductionIcludeExWidth{
        width: 392px !important;
    }
    .accuralInfoWidth {
        max-width: 55% !important;
    }

    .accuralInfoEarningWidth {
        max-width: 45% !important;
    }

    .paySubWidth {
        width: 269px !important;
    }
      

    .reporttitleunitWidth span {
        width: 236px !important;
    }

    .reportTaxFormWidth {
        max-width: 47% !important;
        flex: auto;
        margin: 8px 3px 0px 3px !important;
    }

    .reportFirstLastWidth span {
        width: 117px !important;
    }

    .reportUploadWidth .RadUpload {
        width: auto !important;
    }
    .signUploadRemWidth {
        width: 230px !important;
    }
    .bankIDwidth {
        flex: 1 0 33.333333% !important;
        max-width: 85.333333% !important;
        margin-bottom: 5px !important;
    }
    .previewPayrollWidth {
        max-width: 40% !important;
    }
        .previewPayrollWidth .eog-generic-checkboxes label {
            display: unset !important;
        }
    .onboardingTextWidth {
        width: 75px !important;
    }
    .onboardingDetailsImg {
        height: 128px !important;
        position: absolute;
        left: 51rem;
        top: 14rem;
    }

    .onboardingDetailsProgressWidth {
        width: 443px !important;
    }
    .approvePayrollWidth {
        max-width: 38.99% !important;
    }
    .filterEmpInOutBoard.empTimekeepingTransc {
        margin-right: 0px !important;
    }
    .empTimekeepingTransc .RadComboBoxWithLabel table {
        width: 52px !important;
    }
    .timekeepingEmpBtn tbody span{
        line-height: 20px !important;
    }
    .gpsPropertiesText .form-group label {
        margin: 5px 1px !important;
    }
    .normalborderMB {
        margin-bottom: 8px !important;
    }
    .uploadviewBtnWH .eog-button-primary {
        min-height: 30px !important;
        padding: 7px 19px !important;
    }
    .uploadviewBtnWH .eog-button-secondary {
        min-height: 30px !important;
        padding: 7px 19px !important;
    }
    .uploadBtnWH {
        padding-left: 0px !important;
        padding-bottom: 6px;
    }
    .buttonwidth{
        width: 250px !important;
    }
    .eog-master .RadComboBoxWithLabel.RadComboBox_GO_Refresh_Bootstrap {
        font-size: 12px !important;
    }
    .timeoffreqComboWidth .RadComboBox_GO_Refresh_Bootstrap {
        width: 85px !important;
    }
    .timeoffreqComboWidth tbody td {
        font-size: 13px !important;
    }
    .eog-master .variablepayDropdown table {
        width: 50px !important;
    }
    .address-width {
        width: 66px !important;
    }
    .email-padding {
        padding-top: 27px !important;
    }
    .right-container .email-height {
        padding-top: 25px !important;
    }
    .right-container.expand-right-container .email-height {
        padding-top: 3px !important;
    }
    .location-resln {
        max-width: 72% !important;
    }
    .shipping-resln span {
        width: 86px !important;
    }
    .remove-space {
        display: none !important;
    }
    .overtime-resln {
        width: 110px !important;
    }
    .rapidpayCombobox .RadComboBox_GO_Refresh_Bootstrap {
        width: 61px !important;
    }
    .eog-master .RadMultiPage_GO_Refresh_Bootstrap table td .RadComboBox_GO_Refresh_Bootstrap.overtime-resln-week {
        width: 97px !important;
    }
    .overtime-space span {
        width: 110px !important;
    }
    .info-span span {
        width: 91px !important;
    }
    .scrollbar-class {
        overflow-x: auto !important;
    }
    .previewPayrollwidth {
        max-width: 40.666667% !important;
    }
   
    .payrollDocsBtn {
        width: 100px !important;
    }
    .TimeAttendanceWidth {
        width: 150% !important;
    }
    .EmployeeShiftsGridHeight > div:first-child {
        height: 83px !important;
    }

    .EmployeeShiftsFilterWidth {
        width: 91% !important;
    }
    .OvertimeScrollBar {
        overflow-x: auto !important;
    }
    .compnydetailsWidth .col-md-4 {
        flex: auto !important;
        max-width: 74.333333% !important;
    }

    .compnydetailsWidth .col-md-8 {
        flex: auto !important;
        max-width: 98.333333% !important;
    }
    .detailstableWidth{
        width: 530px !important;
    }
    .chkDeleteOnlineReportsWidth label {
        display: initial !important;
    }
    .emptyPayrollChart {
        margin-left: -7px !important;
    }
}
/**Grid --> Fixed-Drag column section, 
   Font-size(header,side-menu,grid,Form pages),
   Forms --> padding, dropdown and textbox width
**/
@media (min-width: 1024px) and (max-width: 1165.9px) {

    body.eog-master .header {
        width: 100% !important;
        font-size: 13px !important;
    }

    .header .RadComboBox_GO_Refresh_Bootstrap {
        width: 206px !important;
    }

    .header .dropdown-menu {
        width: 70px !important;
        font-size: 14px;
    }


    .eog-master .RadTabStrip_GO_Refresh_Bootstrap {
        font-size: 12px !important;
    } 

    .eog-master .RadTabStrip .rtsLevel1 .rtsTxt {
        padding: 0px 5px !important;
    }

    .eog-master .RadTabStrip_GO_Refresh_Bootstrap .rtsLink {
        padding: 9px 10px !important;
    }
    .emptyPayrollChart,
    .subtotalsFont,
    .divTotal,
    .divGrandTotals2,
    .RadInput_GO_Refresh_Bootstrap .riLabel,
    .eog-master .RadGrid_GO_Refresh_Bootstrap .rgMasterTable,
    .RadPanelBar_GO_Refresh_Bootstrap .rpLink,
    .peoples-service-rep-card .emptyServiceRepCard.RadLabel.RadLabel_GO_Refresh_Bootstrap,
    .emptydivServiceRepCard .emptyServiceRepCard.RadLabel_GO_Refresh_Bootstrap,
    .RadGrid_GO_Refresh_Bootstrap .rgDetailTable,
    .rbRadioButton.RadButton.RadButton_GO_Refresh_Bootstrap .rbText,
    .eog-master .RadGrid_GO_Refresh_Bootstrap .rgPagerCell {
        font-size: 14px !important;
    }

    span.RadButton_GO_Refresh_Bootstrap,
    .textLowerResolution {
        font-size: 13px !important;
    }
  
    .eog-master .RadGrid_GO_Refresh_Bootstrap .rgGroupPanel table {
        font-size: 12px !important;
    }


    .eog-master .RadGrid .rgGroupPanel {
        width: 100px !important;
        border-collapse: unset !important;
    }

    .eog-master .RadGrid_GO_Refresh_Bootstrap .rgGroupPanel table {
        font-size: 13px !important;
        width: 160px !important;
        margin-top: 8px;
        margin-left: 6px;
    }
     .main-container {
        width: auto;
    }
        .expand-right-container .main-container {
            width: auto;
        }
    .eog-master .RadComboBoxWithLabel table {
        width: 80px !important;
    }
    .RadComboBoxWithLabel.comboWidth table {
        width: 135px !important;
    }
    .chkAllEmpInOutBoard {
        font-size: 12px !important;
        margin-top: 8px !important;
    }
    .chkAllEmpInOutBoard input[type=checkbox] {
        top: 2px;
    }
    .RadPicker_GO_Refresh_Bootstrap .riLabel {
        font-size: 12px !important;
    }
    .main-container fieldset legend {
        font-size: 16px !important;
    }
    .fontsizeShowNote label,
    .time-card-setup,
    .RadMultiPage_GO_Refresh_Bootstrap fieldset table,
    .RadButton_GO_Refresh_Bootstrap.RadCheckBox.RadButton .rbText,
    .rbRadioButton.RadButton.RadButton_GO_Refresh_Bootstrap .rbText {
        font-size: 13px !important;
    }


    .RadMultiPage_GO_Refresh_Bootstrap .empGeneralForm .RadInput_GO_Refresh_Bootstrap {
        width: 120px !important;
    }
    .expand-right-container .RadMultiPage_GO_Refresh_Bootstrap .companyDeductionDetails .RadInput_GO_Refresh_Bootstrap {
        width: 105px !important;
    }
    .expand-right-container .RadMultiPage_GO_Refresh_Bootstrap .globalInfoWidth .RadInput_GO_Refresh_Bootstrap {
        width: 74px !important;
    }
    .RadMultiPage_GO_Refresh_Bootstrap table td .empDataEntryheaderWidth .black-label {
        width: 173px !important;
    }
    .eog-master .RadMultiPage_GO_Refresh_Bootstrap table td .RadComboBox_GO_Refresh_Bootstrap {
        width: 118px !important;
    }
    .expand-right-container .RadMultiPage_GO_Refresh_Bootstrap .companyDeductionDetails .RadComboBox_GO_Refresh_Bootstrap {
        width: 105px !important;
    }
    .expand-right-container .RadMultiPage_GO_Refresh_Bootstrap table .globalInfoWidth .RadComboBox_GO_Refresh_Bootstrap {
        width: 74px !important;
    }
    .RadMultiPage_GO_Refresh_Bootstrap .generalDetailsledgerwidth .RadInput_GO_Refresh_Bootstrap {
        width: 69px !important;
    }
    .expand-right-container .RadMultiPage_GO_Refresh_Bootstrap .generalDetailsledgerwidth .RadComboBox_GO_Refresh_Bootstrap {
        width: 75px !important;
    }
    .right-container .RadMultiPage_GO_Refresh_Bootstrap .radPageViewBoxLeft.col-md-6 {
        max-width: 68% !important;
    }

    .expand-right-container .RadMultiPage_GO_Refresh_Bootstrap .radPageViewBoxLeft.col-md-6 {
        max-width: 82% !important;
    }

    .right-container .RadMultiPage_GO_Refresh_Bootstrap .radPageViewBoxRight .w-75.normal-border {
        width: 124% !important;
    }

    .expand-right-container .RadMultiPage_GO_Refresh_Bootstrap .radPageViewBoxRight .w-75.normal-border {
        width: 169% !important;
    }

    .right-container .RadMultiPage_GO_Refresh_Bootstrap .radPageViewBoxLeft.col-md-9 {
        max-width: 97% !important;
    }

    .expand-right-container .RadMultiPage_GO_Refresh_Bootstrap .radPageViewBoxLeft.col-md-9 {
        max-width: 97% !important;
    }

    .localTaxesForm .calcmethod {
        flex: auto !important;
        margin-left: 13px !important;
        max-width: 96.333333% !important;
    }
    .localTaxesForm .localtaxDet {
        max-width: 35% !important;
    }
    .resolutionImgWidth {
        width: 335px !important;
        position: absolute !important;
        right: 0px !important;
    }

    .expand-right-container .resolutionImgWidth {
        width: 178px !important;
        }

    .resolutionImgWidth img {
        height: 133px !important;
    }

    .tableWidth tr td:nth-child(3) {
        width: 0px;
        padding-right: 40px;
    }
    .expand-right-container .tableWidth tr td:nth-child(3) {
        width: 0px;
        padding-right: 18px;
    }

    .expand-right-container .resolutionImgWidth .RadUpload_GO_Refresh_Bootstrap .ruStyled .ruFakeInput {
        width: 53px;
    }
    .performanceMgPagination .rdpWrap {
        margin-left: 0px !important;
        display: flex !important;
        width: auto !important;
    }
    .divContainerTop{
        font-size: 11px !important;
    }
    .right-container .performanceMgPagination.RadDataPager_GO_Refresh_Bootstrap {
        font-size: 11px !important;
    }
    .expand-right-container .performanceMgPagination.RadDataPager_GO_Refresh_Bootstrap {
        font-size: 11px !important;
        padding: 0px !important;
    }
    .expand-right-container .divContainerTop .RadDataPager_GO_Refresh_Bootstrap .rdpPagerButton {
        width: 29px !important;
        height: 30px !important;
    }
    .fontDivLeft {
        font: normal normal normal 12px/17px "Myriad Pro Regular";
    }
    .wageTaxWidth {
        margin: 0px !important;
        width: 604px !important;
    }
        .wageTaxWidth table td span{
            width: 78px !important;
        }
        .payInfoWidth {
            white-space: normal !important;
            width: 648px !important;
        }
    .payrollDetails .col-md-3{
        max-width: 33.33% !important;
    }
    .payrollDetails .RadPicker_GO_Refresh_Bootstrap{
        width: 115px !important;
    }
    .netPayRadinput .RadInput_GO_Refresh_Bootstrap{
        width: 72px !important;
    }
    .payrollempInfo {
        width: 115px !important;
    }
    .payrollDetails .floatCalculate{
        float: left !important;
    }
    .descriptionWidth .RadInput_GO_Refresh_Bootstrap {
        width: 240px !important;
    }
    .marketingDetailsWidth td span{
        width: auto !important;
    }
    .expand-right-container .deductioncomDetailsWidth span{
        width: 137px !important;
    }
    .expand-right-container .companyDeductionDetails .col-md-4{
        max-width:37.33% !important;
    }  
    .right-container .companyDeductionMatch {
        width: 278px !important;
    }
    .expand-right-container .companyDeductionMatch {
        width: 200px !important;
    }
    .companydeductButtons{
        display:table;
        margin-top: 16px;
        right:12px;
    }
    .empAcesssetupWidth {
        width: 656px !important;
    }
    .deductionEarningCodeWidth {
        width: 390px !important;
    }
    .deductionIcludeExWidth {
        width: 363px !important;
    }
    .expand-right-container .deductionEarningCodeWidth {
        width: 295px !important;
    }
    .expand-right-container .deductionIcludeExWidth {
        width: 386px !important;
    }
    .globalDefaultWidth{
        width: 415px !important;
    }
    .localAgenciesTax{
        max-width: 38% !important;
    }
    .accuralInfoWidth {
        max-width: 55% !important;
    }
    .accuralInfoEarningWidth{
        max-width: 45% !important;
    }
    .paySubWidth{
        width: 269px !important;
    }
    .reporttitleunitWidth span{
        width: 236px !important;
    }
    .reportTaxFormWidth {
        max-width: 47% !important;
        flex: auto;
        margin: 8px 3px 0px 3px !important;
    }
    .reportFirstLastWidth span{
        width: 117px !important;
    }
    .reportUploadWidth .RadUpload{
        width: auto !important;
    }
    .signUploadRemWidth {
        width: 230px !important;
    }
    .bankIDwidth {
        flex: 1 0 33.333333% !important;
        max-width: 85.333333% !important;
        margin-bottom: 5px !important;
    }
    .previewPayrollWidth{
        max-width: 40% !important;
    }
    .previewPayrollWidth .eog-generic-checkboxes label {
        display: unset !important;
    }
    .onboardingTextWidth {
        width: 75px !important;
    }
    .onboardingDetailsImg {
        height: 128px !important;
        position: absolute;
        top: 14rem;
        right: 9%;
    }
    .onboardingDetailsProgressWidth{
        width: 443px !important;
    }
    .approvePayrollWidth{
        max-width: 38.99% !important;
        margin-right: 10px !important;
    }
    .filterEmpInOutBoard.empTimekeepingTransc{
        margin-right: 0px !important;
    }
    .empTimekeepingTransc .RadComboBoxWithLabel table {
        width: 52px !important;
    }
    .timekeepingEmpBtn tbody span{
        line-height: 20px !important;
    }
    .gpsPropertiesText .form-group label {
        margin: 5px 1px !important;
    }
    .export-button-position {
        right: 2.4% !important;
    }
    .rapidpayCombobox .RadComboBox_GO_Refresh_Bootstrap {
        width: 61px !important;
    }
        .normalborderMB {
            margin-bottom: 8px !important;
        }
    .btnMarginBottom {
        margin-bottom: 8px;
    }
    .uploadviewBtnWH .eog-button-primary {
        min-height: 30px !important;
        padding: 7px 19px !important;
    }

    .uploadviewBtnWH .eog-button-secondary {
        min-height: 30px !important;
        padding: 7px 19px !important;
    }

    .uploadBtnWH {
        padding-left: 0px !important;
        padding-bottom: 6px;
    }
    .eog-master .RadComboBoxWithLabel.RadComboBox_GO_Refresh_Bootstrap {
        font-size: 12px !important;
    }
    .timeoffreqComboWidth .RadComboBox_GO_Refresh_Bootstrap{
        width: 85px !important;
    }
    .timeoffreqComboWidth tbody td {
        font-size: 13px !important;
    }
    .eog-master .variablepayDropdown table {
        width: 50px !important;
    }
    .address-width {
        width: 66px !important;
    }
    .email-padding {
        padding-top: 27px !important;
    }
    .right-container .email-height {
        padding-top: 25px !important;
    }
    .right-container.expand-right-container .email-height {
        padding-top: 3px !important;
    }
    .location-resln {
        max-width: 72% !important;
    }
    .shipping-resln span {
        width: 86px !important;
    }
    .remove-space {
        display: none !important;
    }
    .overtime-resln {
        width: 110px !important;
    }
    .eog-master .RadMultiPage_GO_Refresh_Bootstrap table td .RadComboBox_GO_Refresh_Bootstrap.overtime-resln-week {
        width: 97px !important;
    }
    .overtime-space span {
        width:110px !important;
    }
    .info-span span {
        width: 91px !important;
    }
    .scrollbar-class {
        overflow-x: auto !important;
    }
    .previewPayrollwidth {
        max-width: 40.666667% !important;
    }
    
    .payrollDocsBtn {
        width: 100px !important;
    }
    .TimeAttendanceWidth {
        width: 150% !important;
    }
    .EmployeeShiftsGridHeight > div:first-child {
        height: 83px !important;
    }
    .EmployeeShiftsFilterWidth {
        width: 88% !important;
    }  
    .compnydetailsWidth .col-md-4 {
        flex: auto !important;
        max-width: 74.333333% !important;
    }

    .compnydetailsWidth .col-md-8 {
        flex: auto !important;
        max-width: 98.333333% !important;
    }
    .detailstableWidth {
        width: 530px !important;
    }
    .chkDeleteOnlineReportsWidth label {
        display:initial !important;
    }
    .emptyPayrollChart {
        margin-left: -7px !important;
    }
}
/**Grid --> Fixed-Drag column section,
    Forms --> padding, dropdown and textbox width
**/
@media (min-width: 1166px) and (max-width: 1595.9px) {

    .right-container .RadMultiPage_GO_Refresh_Bootstrap .radPageViewBoxLeft.col-md-6 {
        max-width: 68% !important;
    }

    .expand-right-container .RadMultiPage_GO_Refresh_Bootstrap .radPageViewBoxLeft.col-md-6 {
        max-width: 69% !important;
    }
    .expand-right-container .RadMultiPage_GO_Refresh_Bootstrap .globalInfoWidth .RadInput_GO_Refresh_Bootstrap {
        width: 125px !important;
    }
    .right-container .RadMultiPage_GO_Refresh_Bootstrap .radPageViewBoxRight .w-75.normal-border {
        width: 124% !important;
    }

    .expand-right-container .RadMultiPage_GO_Refresh_Bootstrap .radPageViewBoxRight .w-75.normal-border {
        width: 124% !important;
    }

    .right-container .RadMultiPage_GO_Refresh_Bootstrap .radPageViewBoxLeft.col-md-9 {
        max-width: 97% !important;
    }

    .expand-right-container .RadMultiPage_GO_Refresh_Bootstrap .radPageViewBoxLeft.col-md-9 {
        max-width: 97% !important;
    }
    .RadMultiPage_GO_Refresh_Bootstrap .generalDetailsledgerwidth .RadInput_GO_Refresh_Bootstrap {
        width: 86px !important;
    }

    .expand-right-container .RadMultiPage_GO_Refresh_Bootstrap .generalDetailsledgerwidth .RadComboBox_GO_Refresh_Bootstrap {
        width: 86px !important;
    }

    .resolutionImgWidth {
        width: 314px !important;
        position: absolute;
        right: 0px !important;
        float: none !important;
    }
    .rapidpayCombobox .RadComboBox_GO_Refresh_Bootstrap {
        width: 85px !important;
    }
    .expand-right-container .resolutionImgWidth {
        width: 244px !important;
    }
    .payInfoWidth {
        white-space: normal !important;
        width: 790px !important;
    }
    .payrollDetails .col-md-3 {
        max-width: 33.33% !important;
    }

    .payrollDetails .RadPicker_GO_Refresh_Bootstrap {
        width: 115px !important;
    }

    .netPayRadinput .RadInput_GO_Refresh_Bootstrap {
        width: 72px !important;
    }

    .payrollempInfo {
        width: 115px !important;
    }

    .payrollDetails .floatCalculate {
        float: left !important;
    }
    .descriptionWidth .RadInput_GO_Refresh_Bootstrap {
        width: 320px !important;
    }
    .marketingDetailsWidth td span {
        width: auto !important;
    }
    .expand-right-container .deductioncomDetailsWidth span {
        width: 181px !important;
    }

    .expand-right-container .companyDeductionDetails .col-md-4 {
        max-width: 36.33% !important;
    }
    .right-container .companyDeductionMatch {
        width: 348px !important;
    }
    .expand-right-container .companyDeductionMatch {
        width: 262px !important;
    }
    .empAcesssetupWidth {
        width: 656px !important;
    }
    .uploadBtnWH {
        padding-left: 0px !important;
        padding-bottom: 2px;
    }
    .performanceMgPagination .rdpWrap{
        width: auto !important;
        margin-left: 0px !important;
    }
    .tableWidth tr td:nth-child(3) {
        width: 0px;
        padding-right: 40px;
    }
    .expand-right-container .tableWidth tr td:nth-child(3) {
        width: 0px;
        padding-right: 18px;
    }

    .expand-right-container .resolutionImgWidth .RadUpload_GO_Refresh_Bootstrap .ruStyled .ruFakeInput {
        width: 104px;
    }
    .RadMultiPage_GO_Refresh_Bootstrap .empGeneralForm .RadInput_GO_Refresh_Bootstrap {
        width: 132px !important;
    }
    .RadMultiPage_GO_Refresh_Bootstrap .globalDeductionForm .RadInput_GO_Refresh_Bootstrap {
        width: 219px !important;
    }
    .RadMultiPage_GO_Refresh_Bootstrap table td .empDataEntryheaderWidth .black-label {
        width: 173px !important;
    }

    .eog-master .RadMultiPage_GO_Refresh_Bootstrap table td .RadComboBox_GO_Refresh_Bootstrap {
        width: 120px !important;
    }
    .wageTaxWidth {
        margin: 0px !important;
        width: 655px !important;
    }

    .eog-master .RadGrid .rgGroupPanel {
        width: 105px !important;
    }

    .eog-master .RadGrid_GO_Refresh_Bootstrap .rgGroupPanel table {
        width: 210px !important;
    }

    .eog-master .RadComboBoxWithLabel table {
        width: 84px !important;
    }
    .RadComboBoxWithLabel.comboWidth table {
        width: 135px !important;
    }

    .chkAllEmpInOutBoard {
        font-size: 12px !important;
        margin-top: 8px !important;
    }
    .chkAllEmpInOutBoard input[type=checkbox] {
        top: 2px;
    }
    .RadPicker_GO_Refresh_Bootstrap .riLabel {
        font-size: 12px !important;
    }
    .expand-right-container .RadComboBoxWithLabel.RadComboBox_GO_Refresh_Bootstrap {
        font-size: 12px !important;
    }
    .expand-right-container .variablepayDragfont .rgGroupPanel tbody tr {
        font: normal normal normal 16px/22px "Myriad Pro Regular" !important;
    }
    .eog-master .variablepayDropdown table {
        width: 50px !important;
    }
    .expand-right-container .deductionEarningCodeWidth {
        width: 355px !important;
    }
    .expand-right-container .deductionIcludeExWidth {
        width: 428px !important;
    }
    .localTaxesForm .calcmethod {
        flex: auto !important;
        margin-left: 13px !important;
        max-width: 96.333333% !important;
    }
    .localTaxesForm .localtaxDet {
        max-width: 35% !important;
    }
    .localAgenciesTax {
        max-width: 38% !important;
    }
    .accuralInfoWidth {
        max-width: 55% !important;
    }
    .accuralInfoEarningWidth {
        max-width: 45% !important;
    }
    .bankIDwidth {
        flex: 1 0 33.333333% !important;
        max-width: 85.333333% !important;
        margin-bottom: 5px !important;
    }
    .previewPayrollWidth {
        max-width: 40% !important;
    }

        .previewPayrollWidth .eog-generic-checkboxes label {
            display: unset !important;
        }
    .onboardingTextWidth {
        width: 75px !important;
    }
    .approvePayrollWidth {
        max-width: 38.99% !important;
    }
    .gpsPropertiesText .form-group label {
        margin: 5px 1px !important;
    }
    .normalborderMB {
        margin-bottom: 8px !important;
    }

    .paySubWidth {
        width: 269px !important;
    }


    .reporttitleunitWidth span {
        width: 236px !important;
    }
         .reportTaxFormWidth {
            max-width: 47% !important;
            flex: auto;
            margin: 8px 3px 0px 3px !important;
        }
    .RadMultiPage_GO_Refresh_Bootstrap table td .reportPayrollCombobox {
        width: 152px !important;
    }

    .reportFirstLastWidth span {
        width: 117px !important;
    }

    .reportUploadWidth .RadUpload {
        width: auto !important;
    }

    .reportConfigPanelHeight{
        height: 328px !important;
        padding-right: 2px !important;
    }
    .emailTextboxWidth > span:first-of-type{
        width: 140px !important;
    }
    .filterEmpInOutBoard.empTimekeepingTransc {
        margin-right: 38px !important;
    }
    .location-resln {
        max-width: 72% !important;
    }
    .shipping-resln span {
        width: 86px !important;
    }
    .scrollbar-class {
        overflow-x: auto !important;
    }
    .previewPayrollwidth {
        max-width: 40.666667% !important;
    }
    .TimeAttendanceWidth {
        width: 150% !important;
    }
    .compnydetailsWidth .col-md-4 {
        flex: auto !important;
        max-width: 64.333333% !important;
    }

    .compnydetailsWidth .col-md-8 {
        flex: auto !important;
        max-width: 98.333333% !important;
    }
    .detailstableWidth {
        width: 530px !important;
    }
    .chkDeleteOnlineReportsWidth label {
        display: initial !important;
    }
    .emptyPayrollChart {
        margin-left: -7px !important;
    }
}

/**Grid --> Fixed-Drag column section,
**/
@media (min-width: 1596px) and (max-width: 1910px) {
    .resolutionImgWidth {
        width: 335px !important;
        position: absolute !important;
        right: 0px !important;
    }

    .expand-right-container .resolutionImgWidth {
        width: 282px !important;
    }
    .eog-master .RadGrid .rgGroupPanel {
        width: 105px !important;
    }

    .eog-master .RadGrid_GO_Refresh_Bootstrap .rgGroupPanel table {
        width: 210px !important;
    }
    .eog-master .RadComboBoxWithLabel table {
        width: 118px !important;
    }
    .expand-right-container .RadMultiPage_GO_Refresh_Bootstrap .radPageViewBoxLeft.col-md-6 {
        max-width: 69% !important;
    }
    .expand-right-container .RadMultiPage_GO_Refresh_Bootstrap .radPageViewBoxRight .w-75.normal-border {
        width: 124% !important;
    }
    .accuralInfoWidth {
        max-width: 28% !important;
    }
    .accuralInforateWidth {
        max-width: 47% !important;
    }
    .reportConfigPanelHeight {
        height: 328px !important;
    }
    .bankIDwidth {
        flex: 1 0 33.333333% !important;
        max-width: 85.333333% !important;
        margin-bottom: 5px !important;
    }
    .RadMultiPage_GO_Refresh_Bootstrap table .frequencyCombobox.RadComboBox_GO_Refresh_Bootstrap {
        width: 69px !important;
    }
    .reportPayrollCombobox{
        width: 240px !important;
    }
    .payrollOptionSec label{
        display:initial !important;
    }
    .approvePayrollWidth {
        max-width: 38.99% !important;
    }
    .rapidpayCombobox .RadComboBox_GO_Refresh_Bootstrap {
        width: 142px !important;
    }
    .previewPayrollwidth {
        max-width: 40.666667% !important;
    }
}

/*****OvertimeDetails.ascx******/
.tblIncludeInOtWidth {
    margin-left: 18px;
}
.overtimeInfo2Details{
    display: flex;
    flex-wrap: wrap;
}
.marginOvertimeDetails{
    margin-top: 5px;    
}
.marginTimePeriod {
    margin-left: -40px !important;
}
.marginCalcMethod {
    margin-left: -60px !important;
}
.paddingOvertimDetails{
    padding-top: 18px !important;
}

/******Quick Reports********/
.quickReportsHeight .rgDataDiv {
    height: 350px !important;
}

    .quickReportSettings {
        position: absolute !important;
        right: 19px;
        border-width: 0px !important;
        margin-top: -10px;
    }
        .quickReportSettings .rbPrimaryIcon{
            width: 24px !important;
        }

        .quickReportSettings.rbSkinnedButton:hover {
            background-color: transparent !important;
        }

        .quickReportSettings.rbSkinnedButton:active {
            background-color: transparent !important;
            box-shadow: none !important;
        }

        .quickReportSettings.rbSkinnedButton:focus {
            outline: none !important;
        }

    .qrDateSize {
        font-size: 16px !important;
    }

    .qrHideFilterIcon {
        background-image: url('../images/icons/filter_close.svg') !important;
    }

    .quickCardHeader {
        margin: 0 0.625rem 0 !important;
    }

    .qr-card-list {
        height: 350px;
        overflow-y: auto;
        margin-left: -6px;
    }

        .qr-card-list a {
            color: #37405D;
        }

            .qr-card-list a:hover {
                text-decoration: none;
            }



        .qr-card-list .row {
            padding: 10px 25px;
        }

            .qr-card-list .row div {
                width: 50px;
                overflow: hidden;
                word-wrap: break-word;
                margin-left: -35px !important;
            }

            .qr-card-list .row:hover {
                background-color: #E1F2FE;
            }

        .qr-card-list .type-icon {
            position: relative;
            width: 25px;
            background-repeat: no-repeat;
            background-position: center top;
        }

        .qr-card-list::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
            border-radius: 4px;
            background-color: #F5F5F5;
        }

        .qr-card-list::-webkit-scrollbar {
            width: 8px;
            background-color: #F5F5F5;
        }

    .qr-card-list::-webkit-scrollbar-thumb {
        border-radius: 6px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #bbb;
    }  
/***************CompanyPolicy************************/
.policyUpload table:first-child {
    height: 630px !important;
}
/****OnboradingSetup page***/
.radEditorHeight iframe  {
    height: 366px !important;
}
.radEditorpanelHeight {
    height: 430px !important;
}
.onboardingTextWidth {
    width: 75px !important;
}
/*****************Timekeeping-Equipment Page************************************/
.commandequipment .rcbLabel {
    color: black !important;
}

/************TimeAttendanceSetup Page***********************/
.timeAttendanceSetup .rgDataDiv {
    height: 900px !important;
}

/*** Timekeeping Transaction page***/
.timekeepingWebTransaction {
    width: 468px !important;
}
.timekeepingWebTransaction table:first-child {
    height: 600px !important;
    width: 465px !important;
}
.gridCheckBox {
    float: left;
    padding-top: 15px
}
.transactionPopup {
    display: flex;
    position: absolute;
    right: 7rem;
}
.transactionPopupMT .riSingle.RadInput_GO_Refresh_Bootstrap {
    margin-top: 4rem;
}
/*** Timekeeping Import File page***/
.timekeepingImportFile {
    width: 452px !important;
}
.timekeepingImportFile table:first-child {
    height: 500px !important;
    width: 450px !important;
}
/****Perfomance Management Info**/
.errorControl .rcbInputCell.rcbInputCellLeft input {
    border: 1px solid red !important;
    border-radius: 5px !important;
}
.RadInput_GO_Refresh_Bootstrap .riTextBox.errorControl {
    border-color: red !important;
}
/****Password Page*/
.riStrengthBar {
    font-family: 'Myriad Pro Regular' !important;
}
/*********************ExportWizard page**************************************/
.radprogressbardisplay .rwzProgress {
    height: 19px !important;
}

.exportWizard-containers {
    min-height: 400px !important;
}

.importWizard-containers {
    min-height: 320px !important;
}

.dropdownheight {
    height: 32px !important;
}

.navdisplay .rwzNav {
    margin-top: 0px !important;
}

.navdisplay .rwzContent {
    padding-bottom: 10px !important;
}

.iconMargin .rbIcon.p-icon{
    margin-top: 4px !important;
}
/*************Performance management*******/
.fontDivLeft {
    font: normal normal normal 13px/17px "Myriad Pro Regular";
    color: #000000;
}
.noRecordFont {
    font: normal normal normal 16px "Myriad Pro Regular" !important;
}
.divMailPannelWH {
    height: 754px !important;
}
.divMailPannelWH fieldset{
    height: 693px !important;
}
.divContainerLeftWidth{
    width: 260px !important;
}
.divContainerLeftHeight {
    height: 233px !important;
}
.divIndividualInfoWidth{
    width: 108px !important;
}
.performanceMgPagination.RadDataPager_GO_Refresh_Bootstrap {
    background-color: #e2e2e2;
}
    .performanceMgPagination.RadDataPager_GO_Refresh_Bootstrap .rdpNumPart a.rdpCurrentPage {
        border-color: #1976d2 !important;
        color: #1976d2 !important;
        background: 0 !important;
        border-radius: 4px !important;
    }
    .performanceMgPagination.RadDataPager_GO_Refresh_Bootstrap .rdpActionButton {
        background-color: #d0d0d0 !important;
    }
    .performanceMgPagination.RadDataPager_GO_Refresh_Bootstrap .rdpPagerButton {
        background-color: #d0d0d0 !important;
    }
.performanceMgPagination div > div:last-child {
    margin-top: 8px !important;
}

.performanceMgPagination.RadDataPager_GO_Refresh_Bootstrap .rdpNumPart a {
    background-color: transparent !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border: transparent !important;
}
.performanceMgPagination .rdpWrap{
    margin-left: 30px;
    display:flex;
    width: 12%;
}
.performanceManagementHeight{
    height: 788px !important;
}

/************************PopUP CSS******************************/
.RadWindow_GO_Refresh_Bootstrap .rwTable .rwControlButtons li a:hover {
    border-color: transparent !important;
    background-color: transparent !important;
}
.RadWindow_GO_Refresh_Bootstrap .rwTable .rwControlButtons li a{
    cursor: pointer;
}
.RadWindow_GO_Refresh_Bootstrap .rwTable .rwTitlebarControls .rwIcon{
    background-image: none !important;
}
.RadWindow_GO_Refresh_Bootstrap table .rwDialogPopup .rwPopupButton:nth-child(1) {
    border-radius: 24px;
    min-height: 43px;
    padding: 5px 12px;
    border: 1px solid #428CBE;
    background-color: #428CBE;
    outline-offset:unset !important;
    outline-style: none !important;
}
.RadWindow_GO_Refresh_Bootstrap table .rwDialogPopup .rwPopupButton:hover:nth-child(1) {
    border-radius: 24px;
    min-height: 43px;
    padding: 5px 12px;
    border: 1px solid #428CBE;
    background-color: #0F4C75;
}
.RadWindow_GO_Refresh_Bootstrap table .rwDialogPopup .rwPopupButton .rwInnerSpan:nth-child(1) {
    color:white;
    cursor: pointer;
}

.RadWindow_GO_Refresh_Bootstrap table .rwDialogPopup .rwPopupButton:nth-child(2) {
    border-radius: 24px;
    min-height: 43px;
    padding: 5px 12px;
    border: 1px solid #428CBE;
    color: #428CBE !important;
    background-color: transparent;
    box-shadow: none !important;
}
.RadWindow_GO_Refresh_Bootstrap table .rwDialogPopup .rwPopupButton:hover:nth-child(2) {
    border-radius: 24px;
    min-height: 43px;
    padding: 5px 12px;
    border: 1px solid #428CBE;
    color: #ffffff !important;
    background-color: #428CBE;
    box-shadow: none !important;
}
.RadWindow_GO_Refresh_Bootstrap table .rwDialogPopup .rwPopupButton:nth-child(2) .rwOuterSpan,
.RadWindow_GO_Refresh_Bootstrap table .rwDialogPopup .rwPopupButton:nth-child(2) .rwOuterSpan .rwInnerSpan {
    color: inherit !important;
    cursor: pointer;
}
.RadWindow_GO_Refresh_Bootstrap table .rwDialogPopup .rwPopupButton .rwOuterSpan:hover:nth-child(2),
.RadWindow_GO_Refresh_Bootstrap table .rwDialogPopup .rwPopupButton .rwOuterSpan .rwInnerSpan:hover:nth-child(2) {
    color: inherit !important;
    cursor: pointer;
}

.RadWindow_GO_Refresh_Bootstrap .rwOkBtn {
    border-radius: 24px !important;
    padding: 11px 32px !important;
    border: 1px solid #428CBE;
    background-color: #428CBE;
    color: #ffffff !important;
    outline: none !important;
}
    .RadWindow_GO_Refresh_Bootstrap .rwOkBtn:hover {       
        border: 1px solid #428CBE;
        background-color: #0F4C75;
        color: #ffffff !important;
    }

.RadWindow_GO_Refresh_Bootstrap .rwCancelBtn {
    border-radius: 24px !important;
    padding: 11px 32px !important;
    border: 1px solid #428CBE;
    background-color: transparent;
    color: #428CBE !important;
    outline: none !important;
}
    .RadWindow_GO_Refresh_Bootstrap .rwCancelBtn:hover {
        border: 1px solid #428CBE;
        background-color: #428CBE;
        color: #ffffff !important;
    }
.RadWindow_GO_Refresh_Bootstrap .rwTitleWrapper{
    background-color: whitesmoke;
    font-size: 19px !important;
    font-weight: bold;
}
.RadWindow_GO_Refresh_Bootstrap .rwDialogMessage {
    font-size: 16px !important;
}
.RadWindow_GO_Refresh_Bootstrap .rwContent {
    border-style: none !important;
}
.RadWindow.RadWindow_Bootstrap[id*="txtWelcome_dialogOpenerImageManager"] .rwIcon,
.RadWindow_GO_Refresh_Bootstrap .rwIcon {
    display: none !important;
}
.RadWindow_GO_Refresh_Bootstrap .rwTitle {
    padding:0 0 0 13px !important; 
}
.RadWindow_GO_Refresh_Bootstrap .rwTitleBar {
    margin: 0 !important;
}
.RadWindow_GO_Refresh_Bootstrap { 
    padding: 0 0 5px !important;
}


/**************rapidPay3 page************************/
.rapidPaysetup {
    line-height: 11px !important;
}
.containerheight {
    min-height: 464px !important;
}

/***************Timekeeping Employee InOutBoard / Dashboard************************/
.lblWhite label {
    color: #ffffff !important;
}
.calWhite .rcCalPopup {
    background-color: white !important;
}
.calWhite.RadPicker {
    margin-top: 0px !important;
}
.chkAllEmpInOutBoard {
    margin-top: 5px;
    margin-right: 15px;
}
.chkAllEmpInOutBoard input[type=checkbox] {
    position: relative;
    left: -5px;
}
.filterEmpInOutBoard {
    margin-right: 100px !important;
    display: inline-flex !important;
}
.timekeepingChartHeader svg text {
    font: normal normal normal 13px/22px "Myriad Pro Regular" !important;
}
.timekeepingDashboardHeight{
    height: 860px !important;
    margin-top: 50px !important;
}
    .timekeepingDashboardHeight .main-container {
        margin-left: -15px !important;
        margin-top: -16px;
        background: transparent;
    }
/***Employee HR Tab**/
.empHRDeleteButton {
    background-color: #6ABEF7 !important;
    line-height: 1em !important;
    color: #fff !important;
    padding: var(--generic-container-empHRDeleteButton) !important;
}
.empHRDeleteButton .rbPrimary {
        padding: 0px !important;
 }
/************************ManualCheckRegister and Check calculator*****************************************/
.checkWriter table:first-child {
    height: 740px !important;
}

.checkCalculator table:first-child {
    height: 1380px !important;
}
.divDateAndCheckNum {
    top: 62px !important;
    left: 560px !important;
}

    .divDateAndCheckNum .RadInput_GO_Refresh_Bootstrap .riTextBox {
        font-size: 12px !important;
    }

    .divDateAndCheckNum .RadPicker_GO_Refresh_Bootstrap .rcCalPopup {
        height: 26px !important;
        width: 26px !important;
    }
    .divDateAndCheckNum .RadInput_GO_Refresh_Bootstrap.riSingle .riTextBox {
        height: 26px !important;
    }
.checkCalc-tax-info > div {
    float: none !important;
    display: inline-block !important;
    vertical-align: top;
}

.checkCalc-tax-info {
    max-height: 480px;
    overflow: auto;
}
/******Search.aspx******/
.searchHeight table:first-child {
    height: 760px !important;
  
}

.textboxwidth .RadInput_GO_Refresh_Bootstrap.riSingle .riTextBox {
    height: 34px !important;
}

.adjustwidth {
    overflow-x: clip !important;
    height: 762px !important;
}
/*********EmailTiff***************/
.paddingSpace {
    padding-left: 1.1rem !important;
}

.ribbonSpace {
    width: 455px !important;
}

.widthAdjust {
    width: 500px !important; 
}
.RadRibbonBar_GO_Refresh_Bootstrap .rrbTab .rrbTabLabel {
    display: none !important;
}
/********Void Payroll*********/
  .leftMargin .RadButton.RadButton_GO_Refresh_Bootstrap.rbToggleButton .rbPrimaryIcon.rbToggleCheckboxChecked {
      left: -15px !important;
  }
  .leftMargin .RadButton.RadButton_GO_Refresh_Bootstrap.rbToggleButton .rbPrimaryIcon.rbToggleCheckbox {
      left : -19px !important;
  }
/*---------HireOnTheGO------------*/
.hog-select-comapany.form-control:focus {
    box-shadow: none !important;
}
.hog-select-comapany.form-control:hover {
    background-color: #e6e5e5 !important;
    border: none !important;
}
.hog-select-comapany.form-control option {
    background-color: #ffffff !important;
}

 /****Global Bank****/
 .rgGlobalBanks .rgHeaderWrapper .rgHeaderDiv{
        margin-right: 0px !important
    }
   
    
/********Employee Timecards********/
.employeeTimecardsHeight {
    height: auto !important;
    min-height: 100% !important;
    max-height: 100% !important;
    overflow: auto auto !important;
}
.btnEnhancedStandard {
    height: auto !important;
}
.btnDebugDatesHide {
    display: none !important;
}
.empTimeCardsMaxWidth {
    max-width: 100% !important;
}
.datePickerWidth{
    width: 120px !important;
}
.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
.RadGrid_Default .rgMasterTable{
    font-family: 'Myriad Pro Regular' !important;
    font-size: 12px;
    line-height: 16px;
}
.locdeptdropdown{
    font-size: 12px !important;
}
/************Employee timecard GPS******************/
.gpsPropertiesAling .panel-heading.eog-dark-header .col-xs-11 {
    width: 73% !important;
}
/*Perfomaance Mangement**/
.datePickerWidth100 .rcTable.rcSingle {
    width: 100% !important;
}
/**RapidPayEdit.aspx**/
.rapidPayEditWidth > table {
    width: 500px !important;
    height: 600px !important;
}
.rapidPayEditHeight .rwExternalContent {
    height: 550px !important;
}

/************Dashboard Resolution changes**********/
.widgetFontSize .RadLabel_GO_Refresh_Bootstrap {
    font-size: var(--widget-font) !important;
}
.quickReportSettings {
    margin-top: var(--quickReportSettings-margin-top) !important;
    background-color: var(--quickReportSettings-background-color) !important;
}
.communicationCenterPadding {
    padding: var(--communicationCenterPadding) !important;
}
    .communicationCenterPadding .col-2 {
        padding-left: var(--communicationCenterPadding-col-2) !important;
    }
.quickReportFont tbody td input {
    font-size: var(--quickReportFont-input-font) !important;
}

.quickReportFont .RadComboBox_GO_Refresh_Bootstrap .rcbInput {
    font-size: var(--quickReportFont-rcbInput-font) !important;
}
.widgetFontSize td .RadPicker_GO_Refresh_Bootstrap {
    width: var(--widgetFontSize-RadPicker-width) !important;
}

.RadMultiPage_GO_Refresh_Bootstrap .widgetFontSize td .RadComboBox_GO_Refresh_Bootstrap {
    width: var(--widgetFontSize-Radcombobox-width) !important;
}
.dashboardWidgetMargin {
    margin-bottom: var(--dashboard-widget-margin) !important;
}

.people-button .rbText,
.payroll-secondary-button .rbText {
    vertical-align: text-bottom !important;
}

.RadButton_GO_Refresh_Bootstrap {
    font-family: "Myriad Pro Regular" !important;
}

.wrapper-100.right-container .advertiseWidth {
    flex: auto !important;
}
/**************Payroll Widget Responsiveness*************/
.payrollHeader {
    font-size: var(--payroll-header-fontsize) !important;
}

.payrollSubHeader {
    font-size: var(--payroll-sub-header-fontsize) !important;
}

.payrollInformation {
    font-size: var(--payroll-information-fontsize) !important;
}

.payrollLabel {
    font-size: var(--payroll-label-fontsize) !important;
}

.payrollChartContainer {
    height: 319px;
    overflow: hidden;
    position: absolute;
    left: -13px !important;
    width: 100%;
}

.payrollChartInfo {
    position: absolute;
    left:70px;
    top: 84px;
    width:100%;
    float:right;
}

.lastPayrollSecHeight {
    height: 60%;
}

.payroll-container {
    height: var(--payroll-container-height);
}

.payroll-secondary-button {
    font-size: var(--people-button-font-size) !important;
    padding: var(--people-button-padding-top) var(--people-button-padding-left) !important;
    background-color: transparent !important;
    color: #428CBE !important;
    border: 1px solid #428CBE !important;
    border-radius: 24px !important;
    width: -webkit-fill-available;
    width: -moz-available;
}

.payroll-secondary-button:hover {
    color: #ffffff !important;
    border: 1px solid #428CBE !important;
    background-color: #428CBE !important;
}

.payroll-secondary-button span {
    display: inline-block !important;
    position: static !important;
}

.payroll-secondary-button span.rbPrimaryIcon {
    width: var(--button-image-height-width) !important;
    height: var(--button-image-height-width) !important;
    top: 0px !important;
    left: 0px !important;
    background-size: contain !important;
    background-position: center !important;
}
/**************MyEmployerOnTheGoSettings**********************/
.companysettingsReleaseDay {
    margin-left: -15px !important;
}

.RadMultiPage_GO_Refresh_Bootstrap table td .cmbDaysResln.RadComboBox_GO_Refresh_Bootstrap {
    width: 180px !important;
    display: flex !important;
}
/*****************OnboardingSetup*************************************/
.notificationComboBoxSpace {
    text-align: center !important;
}

/*******Vendor*******8*/
.vendorDatePicker .RadPicker .rcTable {
    width: 115px !important;
}
/*********CompanyBanks-----Firefox**********/
.banksScrollBar > div:nth-child(4) {
    width: auto !important;
}
/******************GlobalMarketing--Firefox**************************************/
.GlobalMarketingScrollBar > div:nth-child(4) {
    width: auto !important;
}
/***************TaxRate-Firefox****************/
.TaxRateDateWidth .RadPicker .rcTable {
    width: 110px !important;
}
/***OpenCompany-Firefox***/
.OpenCompanyScrollWidth > div:nth-child(4) {
    width: auto !important;
}
/****EFTPS****/
.eftpsRadGridFooterHeight .rgDataDiv {
    min-height: 375px !important;
    height: auto !important;
}
.eftpsRadGridFooterHeight {
    height: auto !important;
}

/**********Company-Notes*************/
.companynotesComments .mandatory.input-smallTextBoxInGrid input {
    width: 100% !important;
}

/**********Employee-Accurals***********/
.RadMultiPage_GO_Refresh_Bootstrap table td .accuralCombobox {
    width: 100px !important;
}
.eog-master .RadGrid .rgGroupPanel,
.empAccuralsTextbox .RadInput_GO_Refresh_Bootstrap,
.RadMultiPage_GO_Refresh_Bootstrap table td .reportPopupCombobox,
.overrideaccAmtTextbox span {
    width: auto !important;
}
/***Open Company***/
.openCompanyShowColor {
    position: absolute !important;
}
/****Employee-Product Access****/
.empProductAccessWrap {
    word-break: break-word;
}
/********Rapidpay3**********/
.rapidTotals span {
    display: grid;
}
.rapisubtotaltxt .rgFooterWrapper table td{
    overflow: unset !important;
}
.rapidpay2editText .rgSelectedRow .RadLabel_GO_Refresh_Bootstrap{
    color: #fff !important;
}
.RadLabel_GO_Refresh_Bootstrap{
    color: #333333 !important;
}

/****************login-page****************/
.topBottomHeight{
    height: 80px !important;
}
.loginEOGBox {
    border: 1px;
    width: 506px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    position: relative;
    border-radius:12px;
    background: white;
}
.loginFooter{
    position: absolute;
    bottom:0;
}
.loginWrapper {
    background-image: url(../images/bg-img.jpg) !important;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    min-width: 1023px;
}
.loginBackground {
    background-color: rgba(15,76,117,0.8) !important;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow-y: auto !important;
    background-image: none !important;
}
    .loginLogo {
        margin-top: 37px;
    }
.loginheadFont {
    color:#0F2E56 !important;
}
.login-primary span.RadButton_GO_Refresh_Bootstrap.rbSkinnedButton{
    width: 100%;
    display: grid;
}
.login-primary .go-primary-button {
    background-color: #0F2E56 !important;
}
.login-primary .go-primary-button:hover {
    background-color: #0f4c75 !important;
}
.show-hide-login-icon {
    position: absolute;
    margin-top: -27px;
    right: 5.9rem;
    cursor: pointer;
}
.loginCaptcha p label{
    display: block !important;
}
.loginCaptcha img{
    display: inline !important;
}
.loginFooterHeight{
    height:144px;
}
.loginTextbox{
    box-shadow: none;
    border-radius:6px;
}
    .loginTextbox:focus {
        border: 1px solid #007bff !important;
    }
/***********Onboarding Setup ImageManager ***********/
.RadWindow.RadWindow_Bootstrap[id*="dialogOpenerImageManager"] {
    width: 1050px !important;
    height: auto !important;
}
.RadWindow.RadWindow_Bootstrap[id*="dialogOpenerImageManager"] > table {
    min-height: 735px !important;
}
.rfeAddressBox.radPreventDecorate,
.RadWindow.RadWindow_Bootstrap[id*="dialogOpenerImage"] .rwTitleRow em {
    font-family: 'Myriad Pro Regular' !important;
}
.RadWindow.RadWindow_Bootstrap[id*="dialogOpenerImage"] .rwTitlebarControls .rwIcon {
    display: none !important;
}
.RadWindow.RadWindow_Bootstrap[id*="dialogOpenerImage"] .rwTitlebarControls .rwCloseButton {
    background-color: transparent !important;
    border-color: transparent !important;
}
.RadWindow.RadWindow_Bootstrap[id*="dialogOpenerImage"] .rwTitlebarControls .rwCloseButton:hover {
    background-position: -59px -1909px;
}
/***********Support Center*******/
.support-center .secondary-content {
    min-width: 350px;
}

/*************Grid-Icon-size************/
.grid-export-buttons input {
    width: 25px !important;
} 
/***Employee Menu**/
.RadInput_GO_Refresh_Bootstrap .riTextBox {
    color: #333333 !important
}
/*********Popup-icon-CSS***********/
.RadWindow .rwWindowContent .radalert {
    background-image: url(../images/icons/Exclamationbold.svg) !important;
    height: 27px;
}
.RadWindow .rwWindowContent .radconfirm {
    background-image: url(../images/icons/helpbold.svg) !important;
    height: 27px;
}
.radalert .rwDialogText,
.radconfirm .rwDialogText {
    margin-top: -11px;
}
.hrImageWidth img {
    width: 26px;
    margin: 5px;
}
/*****Onboarding Setup HyperLink***/
.RadWindow.RadWindow_Bootstrap[id*="dialogOpenerLinkManager"] {
    width: 530px !important;
}
/*****Onboarding Setup Document manger***/
.RadWindow.RadWindow_Bootstrap[id*="dialogOpenerDocumentManager"] {
    width: 965px !important;
    height: 730px !important;
}
    .RadWindow.RadWindow_Bootstrap[id*="dialogOpenerDocumentManager"] table.rwTable {
        height: 729px !important;
    }

/*******************LoginPageCss-IE********************/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .login-primary span.RadButton_GO_Refresh_Bootstrap.rbSkinnedButton {
        display: flex;
        justify-content: center;
        padding: 13px;
        box-shadow: none !important;
    }
    .login-box {
        text-align: left;
    }
}

/*********************** Employee-HR-Tab *******************************/

.employee-hr-tab-container {
    min-height: 100px;
}
.RadGrid.RadGrid_GO_Refresh_Bootstrap.employee-hr-tab-grid {
    min-height: 100px;
}
.RadGrid_GO_Refresh_Bootstrap.rgEditForm.employee-hr-tab-grid.rgEditPopup {
    height: auto !important;
    top: 20% !important;
    left: var(--employee-hr-tab-pop-up-left) !important;
    position: fixed !important;
    max-height: 500px;
    max-width: var(--employee-hr-tab-pop-up-max-width);
}

.employee-hr-tab-grid .rgEditPopup > .rgHeader {
    cursor: default !important;
}