:root {
    --hrfaf-header-bg-color: #25a0da;
    --hrfaf-header-text-color: #ffffff;
    --hrfaf-label-primary-text-color: #404040;
    --hrfaf-label-required-color: #FF0000;
    --hrfaf-label-text-size: 14px;
    --hrfaf-label-note-text-size: 14px;
    --hrfaf-label-note-color: #FF0000;
    --hrfaf-btn-primary-bg-color: #F5F5F5;
    --hrfaf-btn-primary-border-color: #404040;
    --hrfaf-btn-primary-text-color: #000000;
    --hrfaf-btn-secondary-bg-color: #F5F5F5;
    --hrfaf-btn-secondary-text-color: #000000;
    --hrfaf-btn-secondary-border-color: #404040;
    --hrfaf-btn-disabled-bg-color:;
    --hrfaf-btn-disabled-text-color:;
    --hrfaf-btn-disabled-border-color: #999999;
    --hrfaf-mnu-page-bg-color: aliceblue;
    --hrfaf-mnu-page-border-color: aliceblue;
    --hrfaf-content-page-bg-color: #FFFFFF;
    --hrfaf-icon-system-help-color: #000000;
    --hrfaf-icon-page-help-color: #000000;
    --hrfaf-icon-control-help-color: #000000;
    --hrfaf-input-primary-text-color: #404040;
    --hrfaf-input-disabled-text-color: #404040;
    --hrfaf-input-disabled-bg-color: red;
    --hrfaf-hr-color: #6bb1c9db;
    --hrfaf-shadow-box-bg-color: #ffffff;
    --hrfaf-shadow-box-border-color: #0078d7;
    --hrfaf-round-container-border-color: #000000;
    --hrfaf-pw-roller-bg-color: #cef;
    --hrfaf-pw-bg-color: #25a0da;
    --hrfaf-pw-color: #ffffff;
    --hrfaf-pw-header-text-color: #ffffff;
    --hrfaf-pw-msg-text-color: #25a0da;
    --hrfaf-pw-table-bg-color: #FFFFFF;
}

/*Icons*/
.hrfaf_icon_system_help {
    color: var(--hrfaf-icon-system-help-color);
}

.hrfaf_icon_page_help {
    color: var(--hrfaf-icon-page-help-color);
}

.hrfaf_icon_control_help {
    color: var(--hrfaf-icon-control-help-color);
}

.hrfaf_icon_menu_search {
    font-size: 11px;
    color: var(--hrfaf-label-primary-text-color);
    margin-left: 5px;
    cursor: pointer;
}

/*Icon frames*/
.hrfaf_icon_frame_system_help {
    height: calc(75vh);
    width: calc(75vw);
    background-color: var(--hrfaf-mnu-page-bg-color);
}

.hrfaf_icon_frame_page_help {
    height: calc(75vh);
    width: calc(75vw);
    background-color: var(--hrfaf-mnu-page-bg-color);
}
/*General*/
.hrfaf_general_hr {
    height: 1px;
    background-color: var(--hrfaf-label-primary-text-color);
    border: none;
}

.hrfaf_round_container {
    border: 1px solid var(--hrfaf-round-container-border-color);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.hrfaf_input_row {
}

/*Labels*/
.hrfaf_label {
    font-family: Century Gothic, Arial, Verdana, Geneva, Tahoma, sans-serif;
    font-size: var(--hrfaf-label-text-size);
    color: var(--hrfaf-label-primary-text-color);
}

.hrfaf_label_bold {
    font-weight: bold;
}

.hrfaf_label_required {
    font-weight: bold;
    color: var(--hrfaf-label-required-color) !important;
}

.hrfaf_label_note {
    font-family: Century Gothic, Arial, Verdana, Geneva, Tahoma, sans-serif;
    font-size: var(--hrfaf-label-note-text-size);
    color: var(--hrfaf-label-note-color) !important;
}

/*Textbox*/
.hrfaf_textbox {
    font-family: Century Gothic, Arial, Verdana, Geneva, Tahoma, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: var(--hrfaf-input-primary-text-color);
    vertical-align: middle;
}

    .hrfaf_textbox:disabled,
    .hrfaf_textbox[disabled] {
        background-color: var(--hrfaf-input-disabled-bg-color);
        color: var(--hrfaf-input-disabled-text-color );
    }
/*Buttons*/
.hrfaf_button_primary {
    font-family: Century Gothic, Arial, Verdana, Geneva, Tahoma, sans-serif;
    font-size: 14px;
    border: 1px solid var(--hrfaf-btn-primary-border-color);
    background-color: var(--hrfaf-btn-primary-bg-color);
    color: var(--hrfaf-btn-primary-text-color);
    cursor: pointer;
    height: 29px;
    margin: 3px 2px 3px 2px;
    width: auto;
    padding: 0px 10px 0px 10px;
    text-align: center;
}

    .hrfaf_button_primary:hover {
        font-weight: bold;
    }

.hrfaf_button_secondary {
    font-family: Century Gothic, Arial, Verdana, Geneva, Tahoma, sans-serif;
    font-size: 14px;
    border: 1px solid var(--hrfaf-btn-secondary-border-color);
    background-color: var(--hrfaf-btn-secondary-bg-color);
    color: var(--hrfaf-btn-secondary-text-color);
    cursor: pointer;
    height: 29px;
    margin: 3px 2px 3px 2px;
    width: auto;
    padding: 0px 10px 0px 10px;
    text-align: center;
}

    .hrfaf_button_secondary:hover {
        font-weight: bold;
    }

.hrfaf_button_chrome {
    border: 1px solid rgba(0, 0, 0, 0.1);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

/*Menu page*/
.hrfaf_menu_frame_row {
    width: 15% !important;
    overflow-x: hidden;
    height: 100%;
    border-right: 2px solid var(--hrfaf-label-primary-text-color);
}

.hrfaf_menu_frame {
    width: 100%;
    height: 99%;
    height: calc(99vh);
    border: 0px;
    overflow-x: hidden;
    border-right: 5px solid var(--hrfaf-mnu-page-border-color);
}

.hrfaf_menu_page {
    background-color: var(--hrfaf-mnu-page-bg-color);
}

.hrfaf_menu_search_field {
    font-family: Century Gothic, Arial, Verdana, Geneva, Tahoma, sans-serif;
    font-size: 11px;
    color: var(--hrfaf-label-primary-text-color);
    text-align: left;
    width: 90%;
}

.hrfaf_menu_outline {
}

.hrfaf_menu_item {
    font-size: 14px;
    cursor: pointer;
    text-align: left;
    vertical-align: text-top;
}

.hrfaf_menu_item_text {
    font-family: Century Gothic, Arial, Verdana, Geneva, Tahoma, sans-serif;
    font-size: 11px;
    color: var(--hrfaf-label-primary-text-color);
    padding-bottom: 10px !important;
}

.hrfaf_menu_selected_item {
    font-weight: bold;
}

.hrfaf_menu_sub_item_table {
    margin-left: 20px !important;
}

/*Content page*/
.hrfaf_content_frame_row {
    overflow-x: hidden;
    height: 100%;
    border-right: 2px solid var(--hrfaf-label-primary-text-color);
}

.hrfaf_content_frame {
    width: 100%;
    height: 99%;
    height: calc(99vh);
    border: 0px;
    overflow-x: hidden;
}

.hrfaf_content_page {
    margin: 0;
    padding: 0;
    background-color: var(--hrfaf-content-page-bg-color);
}

.hrfaf_content_loading {
}

.hrfaf_content_result_header {
}

.hrfaf_content_result_none {
}

.hrfaf_content_result_item {
}

.hrfaf_content_result_info {
}

.hrfaf_content_result_link {
}

.hrfaf_content_search_loading {
}
/*Tooltips*/
.hrfaf_control_tooltip {
    background-color: red;
}

/*Please wait control*/
.hraf_pw_div {
    position: absolute;
    z-index: 999;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    background-color: rgba(84,84,84,0.8);
    padding: 0px;
    margin: 0px;
    display: flex;
    top: 0px;
    left: 0px;
}

.hraf_pw_table {
    border: 1px solid #25a0da;
    background-color: var(--hrfaf-pw-table-bg-color);
    box-shadow: rgba(84,84,84,0.5) 0 0 15px;
    width: 350px;
    margin: 15% auto;
    vertical-align: middle;
}

.hraf_pw_header {
    background-color: var(--hrfaf-pw-bg-color);
    color: var(--hrfaf-pw-color);
    padding: 10px 13px 9px 13px !important;
    font-size: 11px;
    line-height: 1.42857143;
    text-align: left;
    font-family: Century Gothic, Arial, Verdana, Geneva, Tahoma, sans-serif;
    /*height: 30px;*/
}

.hraf_lds_roller {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

    .hraf_lds_roller div {
        animation: hraf_lds_roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        transform-origin: 40px 40px;
    }

        .hraf_lds_roller div:after {
            content: " ";
            display: block;
            position: absolute;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: var(--hrfaf-pw-roller-bg-color);
            margin: -4px 0 0 -4px;
        }

        .hraf_lds_roller div:nth-child(1) {
            animation-delay: -0.036s;
        }

            .hraf_lds_roller div:nth-child(1):after {
                top: 63px;
                left: 63px;
            }

        .hraf_lds_roller div:nth-child(2) {
            animation-delay: -0.072s;
        }

            .hraf_lds_roller div:nth-child(2):after {
                top: 68px;
                left: 56px;
            }

        .hraf_lds_roller div:nth-child(3) {
            animation-delay: -0.108s;
        }

            .hraf_lds_roller div:nth-child(3):after {
                top: 71px;
                left: 48px;
            }

        .hraf_lds_roller div:nth-child(4) {
            animation-delay: -0.144s;
        }

            .hraf_lds_roller div:nth-child(4):after {
                top: 72px;
                left: 40px;
            }

        .hraf_lds_roller div:nth-child(5) {
            animation-delay: -0.18s;
        }

            .hraf_lds_roller div:nth-child(5):after {
                top: 71px;
                left: 32px;
            }

        .hraf_lds_roller div:nth-child(6) {
            animation-delay: -0.216s;
        }

            .hraf_lds_roller div:nth-child(6):after {
                top: 68px;
                left: 24px;
            }

        .hraf_lds_roller div:nth-child(7) {
            animation-delay: -0.252s;
        }

            .hraf_lds_roller div:nth-child(7):after {
                top: 63px;
                left: 17px;
            }

        .hraf_lds_roller div:nth-child(8) {
            animation-delay: -0.288s;
        }

            .hraf_lds_roller div:nth-child(8):after {
                top: 56px;
                left: 12px;
            }

@keyframes hraf_lds_roller {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.hraf_pw_header_text {
    font-family: Century Gothic, Arial, Verdana, Geneva, Tahoma, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: var(--hrfaf-pw-header-text-color);
    display: none;
}

.hraf_pw_msg_text {
    font-family: Century Gothic, Arial, Verdana, Geneva, Tahoma, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: var(--hrfaf-pw-msg-text-color);
}