/*
    Document   : override
    Created on : <date>
    Author     : <author>
    Description:
        This is where any of your application specific styles should be included
*/

.oj-web-applayout-max-width{
    min-width: 1280px;
    max-width: 1366px;
}

.appWaitingContainer{
    z-index: 999999;
    background-color: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: 0.8;
}

.appWaitingBar{
    background: url(../images/loader.gif);
    background-repeat: no-repeat;
    width: 150px;
    height: 40px;
    margin: 20% auto;
    background-position: center;
    background-color: #fff;
    border-radius: 50px;
}

.commonAlert{
    position: fixed;
    background-color: #ccc;
    color: #fff;
    padding: 7px 15px;
    top: 15px;
    border-radius: 3px;
    display: none;
    width: max-content;
    margin: auto;
    text-align: center;
    left: 0;
    right: 0;
    z-index: 999999;
    margin-bottom: 10px;
}

.commonAlert.msg{
    background-color: rgba(26,188,156,1);
}

.commonAlert.err{
    background-color: rgba(192,57,43,0.8);
}

.common_icons,
.svg_icons{
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
    padding: 0 !important;
}

.oj-message-summary{
    font-size: 12px;
}

.oj-message-detail{
    font-size: 10px;
}

.oj-messaging-inline-container .oj-message.oj-message-error{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.svg_icons{
    background-size: 14px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    margin-right: -5px;
}

.present_ico{
    background: url(../images/presented_list_icon.png); 
}

.jscore_ico{
    background: url(../images/jscore_list_icon.png);
}

.taleo_ico{
    background: url(../images/taleo_list_icon.png);
}

.home_ico{
    background: url(../images/home_icon.png);
}

.next_ico{
    background: url(../images/next.svg);
    margin-right: 0;
    margin-left: -5px;
}

.back_ico{
    background: url(../images/back-arrow.svg);
}

.delete_ico{
    background: url(../images/bin.svg);
}

.apply_ico{
    background: url(../images/insert.svg);
}

.oj-button-text{
    margin-top: -1px;
}

.oj-button button.oj-button-button{
    height: 32px;
    border-radius: 3px;
    padding: 0 5px;
    font-size: 11px;
    cursor: pointer;
}

.oj-button.oj-default.btn_blank a.oj-button-button{
    background: transparent;
    border: 1px solid transparent;
    color: #1c455d;
    font-weight: 600;
}

.oj-button.oj-hover.btn_blank a.oj-button-button,
.oj-button.oj-focus-only.btn_blank a.oj-button-button{
    background: transparent;
    border: 1px solid #ccc;
    color: #333;
    font-weight: 600;
}

.oj-button.oj-default.btn_blank a.oj-button-button .svg_icons{
    display: none;
}

.oj-button.oj-hover.btn_blank a.oj-button-button .svg_icons{
    display: block;
}

.oj-button.btn_default.oj-default button.oj-button-button{
    border: 1px solid #333;
    background-color: #fff;
}

.oj-button.btn_default.oj-hover button.oj-button-button{
    border: 1px solid #333;
    background-color: #f5f5f5;
    color: #333;
}

.oj-button.btn_dark.oj-default button.oj-button-button{
    border: 1px solid #333;
    background-color: #333;
    color: #fff;
}

.oj-button.btn_dark.oj-hover button.oj-button-button{
    border: 1px solid #333;
    background-color: #222;
    color: #fff;
}

.oj-button.btn_color.oj-default button.oj-button-button{
    border: 1px solid #1c455d;
    background-color: #365d77;
    color: #fff;
}

.oj-button.btn_color.oj-hover button.oj-button-button{
    border: 1px solid #333;
    background-color: #1c455d;
    color: #fff;
}

html:not([dir="rtl"]) .oj-inputnumber-input{
    border-right-width: 1px !important;
}

.oj-inputnumber .oj-buttonset{
    border: none;
}

.oj-button-full-chrome.oj-buttonset-multi button.oj-button.oj-inputnumber-button{
    border: 1px solid #333 !important;
    width: 24px;
    height: 24px;
    margin-left: 5px;
    background-color: #fff;
}

.oj-buttonset-multi.oj-button-full-chrome button.oj-button:not(.oj-buttonset-first).oj-default{
    border-color: #333 !important;
}

.oj-buttonset-multi.oj-button-full-chrome button.oj-button.oj-inputnumber-button.oj-buttonset-last,
.oj-buttonset-multi.oj-button-full-chrome button.oj-button.oj-inputnumber-button.oj-buttonset-first{
    border-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

button.oj-button.oj-button-jqui.oj-disabled.oj-button-full-chrome, 
button.oj-button.oj-button-nocomp.oj-button-full-chrome:disabled, 
button.oj-button.oj-button.oj-disabled.oj-button-full-chrome .oj-button-button{
    background-color: #e8e8e8;
    border-color: #bdbdbd !important;
}

.oj-button-full-chrome.oj-buttonset-multi button.oj-button.oj-hover.oj-inputnumber-button{
    background-color: #333;
    cursor: pointer;
}

.oj-button.oj-default.oj-button-full-chrome .oj-button-icon{
    color: #333;
}

.oj-button.oj-hover.oj-button-full-chrome .oj-button-icon{
    color: #fff;
}

.logged_info,
.home{
    float: right;
}

.home{
    margin-right: 10px;
}

.logged_info img,
.logged_info span{
    display: inline-block;
}

.logged_info img{
    margin-right: 5px;
    width: 20px;
    height: 20px;
    border-radius: 15px;
    border: 1px solid #666;
    overflow: hidden;
    margin-top: 3px;
}

.logged_info span{
    vertical-align: super;
    font-size: 12px;
    margin-top: 6px;
    color: #fff;
}

.home_link{
    width: 20px;
    height: 20px;
    display: flex;
    border: 1px solid #284f67;
    padding: 4px 3px 4px 5px;
    border-radius: 20px;
}

.home_link:hover{
    border-color: #708da0;
}

#mainHederContent{
    padding: 16px 0 0px 0;
    background: linear-gradient(90deg, rgba(40,79,103,1) 0%, rgba(54,94,119,1) 100%);
    font-size: 12px;
    border: none;
    height: 40px;
    color: #fff;
}

#mainHederContent .oj-web-applayout-header{
    background-color: transparent;
    box-shadow: none;
}

.main_title{
    font-size: 18px;
    font-weight: 800;
    margin-top: 1px;
}

.main_label{
    font-size: 13px;
    font-weight: 300;
    border:1px solid #fff;
    padding: 3px 10px;
    border-radius: 3px;
    margin-left: 10px;
}

.top_button_container{
    height: 40px;
    background-color: #f5f5f5;
    color: #fff;
}

.top_button_container .oj-button{
    width: 33.333333%;
    border: 0;
    margin: 0;
    float: left;
}

.top_button_container .oj-button.oj-default.oj-button-full-chrome .oj-button-button,
.top_button_container .oj-button.oj-hover.oj-button-full-chrome .oj-button-button,
.top_button_container .oj-button.oj-disabled.oj-button-full-chrome .oj-button-button{
    background: linear-gradient(0deg, rgba(40,40,40,1) 0%, rgba(54,54,54,1) 100%);
    border: none;
    color: #fff !important;
    height: 40px;
    border-radius: 0;
    font-size: 12px;
    border-left: 1px solid #616161;
}

.top_button_container .oj-button.oj-default.oj-button-full-chrome .oj-button-button a,
.top_button_container .oj-button.oj-hover.oj-button-full-chrome .oj-button-button a,
.top_button_container .oj-button.oj-disabled.oj-button-full-chrome .oj-button-button a{
    color: #fff !important;
}

.top_button_container .oj-button.oj-hover.oj-button-full-chrome .oj-button-button{
    background: #222222;
    cursor: pointer;
}

.top_button_container .oj-button.oj-disabled.oj-button-full-chrome .oj-button-button{
    background: #cfcfcf;
    color: #777;
}

.count_lbl{
    padding: 3px 7px;
    border-radius: 15px;
    background-color: #487d9e;
    color: #fff;
    font-weight: 600;
}

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

.form_row{
    margin-bottom: 32px;
}

.form_block .oj-panel{
    border:none;
    background-color: #f5f5f5;
    padding: 20px 20px;
}

.form_container .oj-form .oj-formlayout-label-comp-flex-item.oj-flex-item:nth-child(even),
.form_container .oj-form .oj-formlayout-no-label-flex-item:nth-child(even){
    padding: 0 10px 0 10px !important;
    margin: 0;
}

.section_header{
    padding: 0 0 5px 0px;
    font-size: 14px;
    font-weight: 700;
    margin: 0 10px 32px 10px;
    border-bottom: 1px solid #e5e6e6;
}

.oj-select-choice,
.oj-inputdatetime-input,
.oj-inputdatetime-input-trigger,
.oj-inputtext.oj-read-only .oj-inputtext-input,
.oj-inputtext-input{
    height: 32px;
    font-size: 13px;
    font-weight: 700;
}

.oj-select.oj-read-only .oj-select-chosen, 
.oj-select.oj-read-only .oj-select-selected-choice,
.oj-textarea-input,
.oj-listbox-result-label{
    font-size: 13px;
    font-weight: 700;
}

.oj-select,
.oj-inputdatetime, 
.oj-inputdatetime-date-time, 
.oj-inputdatetime-date-only, 
.oj-inputdatetime-time-only{
    max-width: inherit;
    color: #333 !important;
}

.oj-select-chosen.oj-select-default{
    font-style: normal;
}

.oj-listbox-results li{
    padding: 3px 0;
}

.oj-listbox-results li:nth-child(odd){
    background-color: #f5f5f5;
}

.oj-label-required-icon{
    color: #c32828;
}

.oj-label{
    font-size: 11px;
}

.form_field{
    width: auto;
    display: inline-block;
    margin-right: 61px;
}

.form_field .oj-label{
    margin-bottom: 10px;
}

.fomr_field_value{
    font-size: 13px;
    font-weight: 700;
    height: 32px;
}

.oj-label-required-icon{
    width: 4px;
    height: 4px;
    background-color: #c32828;
    border-radius: 3px;
    margin-top: 5px;
}

.oj-label-required-icon:before{
    content: "";
}

.oj-switch .oj-switch-track, 
.oj-switch.oj-default .oj-switch-track{
    height: 20px;
    width: 36px;
    background-color: #fff;
    border-color: #cecece;
    cursor: pointer;
}

.oj-switch.oj-hover .oj-switch-track{
    background-color: #f5f5f5;
    border-color: #cecece;
}

.oj-switch .oj-switch-thumb, 
.oj-switch.oj-default .oj-switch-thumb {
    height: 14px;
    width: 14px;
    margin-top: -0.57142rem;
    margin-left: 0.1rem;
    border-radius: 10px;
    box-shadow: 0 2px 2px -2px hsla(0, 0%, 0%,0.9);
    border-color: #8a8d8f;
    background-color: #8a8d8f;
}

.oj-switch.oj-active .oj-switch-thumb,
.oj-switch.oj-hover .oj-switch-thumb{
    height: 14px;
    width: 14px;
    margin-top: -0.57142rem;
    margin-left: 0.1rem;
    border-color: #284e67;
    background-color: #365d77;
}

.oj-switch.oj-disabled .oj-switch-thumb{
    height: 14px;
    width: 14px;
    margin-top: -0.57142rem;
    margin-left: 0.1rem;
}

.oj-switch.oj-disabled .oj-switch-track {
    border-color: #cbcccd;
}

.oj-switch.oj-selected .oj-switch-track,
.oj-switch.oj-selected.oj-hover .oj-switch-track{
    background-color: #365d76;
    border-color: #333;
}

.oj-switch.oj-selected .oj-switch-thumb,
.oj-switch.oj-selected.oj-active .oj-switch-thumb,
.oj-switch.oj-selected.oj-hover .oj-switch-thumb{
    height: 14px;
    width: 14px;
    margin-top: -0.57142rem;
    margin-right: 0.1rem;
    border-color: #fff;
    background-color: #fff;
}

.button_container{
    margin: 20px 0;
}

.button_container.right_align oj-button{
    margin-left: 3px;
}

.form_section{
    border: 1px solid #e4e6e6;
    margin: 20px 10px;
    padding: 20px;
    border-radius: 3px;
}

.form_section_label{
    border-bottom: 1px solid #e2e2e2;
    margin: 0 10px 20px 10px;
    padding: 0px 0px 10px 0px;
    font-size: 14px;
    font-weight: 600;
}

.form_block .oj-panel.form_list_container{
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 10px;
    padding: 10px 10px 5px 10px;
}

.collaps_block{
    margin: 0 10px 10px 10px;
}

.form_list_container .list_header{
    position: absolute;
    right: 20px;
    margin-top: 7px;
}

.form_list_container .form_list_value{
    font-size: 12px;
    margin-top: 5px;
}

.assign_status{
    font-size: 13px;
    font-weight: 500;
    border: 1px solid #333;
    border-radius: 3px;
    padding: 2px 10px;
    margin-left: 10px;
}

.assign_status.Rejected{
    border: 1px solid #8c2419;
    background-color: #c0392b;
    color:#fff;
}

.assign_status.Assign{
    border: 1px solid #0d7b66;
    background-color: #16a085;
    color:#fff;
}

.assign_status.Review{
    border: 1px solid #166090;
    background-color: #2980b9;
    color:#fff;
}

html:not([dir="rtl"]) .oj-collapsible-close-icon:before,
html:not([dir="rtl"]) .oj-collapsible-open-icon:before{
    display: none;
}

.oj-collapsible-close-icon{
    width: 8px;
    height: 6px;
    background-color: red;
    background: url(../images/collaps_arrow_close.png);
}

.oj-collapsible-open-icon{
    width: 8px;
    height: 6px;
    background-color: blue;
    background: url(../images/collaps_arrow_open.png);
}

html:not([dir="rtl"]) .oj-collapsible-header a, 
html:not([dir="rtl"]) .oj-collapsible-header .oj-collapsible-header-icon{
    margin-left: 0px;
    margin-right: 10px;
}

.collaps_container{
    
}

.collaps_header{
    border-top: 1px solid #e2e2e2;
    padding-top: 20px;
    margin-top: 10px;
    margin-bottom: 0px;
}

.collaps_header oj-select-one,
.collaps_header oj-text-area{
    min-width: 200px;
    margin-right: 20px;
}

.collaps_table table{
    background-color: #fff;
    margin-top: 20px;
}

.collaps_header oj-text-area textarea{
    height: 32px;
}

.collaps_table .oj-table-header-row{
    height: 20px;
}

.collaps_table table thead th{
    background-color: #333;
    padding: 4px 2px 2px 2px; 
    color: #fff;
    font-size: 11px;
    font-weight: 500;
}

.collaps_table .oj-table-body-row{
    height: 32px;
}

.collaps_table table tbody td{
    font-size: 11px;
    padding: 4px 1em 2px 1em; 
}


/*------ Allocation page UI -------*/

.header_group_button oj-button{
    margin-left: 5px;
}

.subtitle_block{
    padding: 14px 0;
    height: 60px;
    font-size: 13px;
    padding-left: 30px;
    padding-right: 30px;
}

.subtitle_block .oj-flex-bar-start{
    margin-top: 7px;
}

.subtitle_block button{
    margin: 0 0 0 10px;
}

.common_table oj-table{
    width: 100%;
}

.common_table table tr th{
    font-size: 12px;
    background-color: #e7e7e7;
}

.common_table table .oj-table-column-header-cell{
    padding-left: 30px;
    padding-top: 6px;
    padding-bottom: 0px;
    border-bottom: 2px solid #fff;
}

.common_table table .oj-table-data-cell{
    padding-left: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 12px;
    background-color: #fff;
}

.common_table table tr:nth-child(odd) .oj-table-data-cell{
    background-color: #f8f8f8;
}

.common_table .oj-table:not(.oj-focus) .oj-table-data-cell.oj-selected,
.oj-table-element:not(.oj-table-column-header-resizing) .oj-table-data-cell.oj-selected{
    background: linear-gradient(0deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.05) 100%);
}

.oj-fwk-icon-checkbox-dis-selected, 
.oj-menucheckbox-icon.oj-selected.oj-disabled::after, 
.oj-checkboxset .oj-disabled.oj-selected .oj-radiocheckbox-icon{
    width: 20px;
    height: 20px;
    background-image: url(../images/radio-check.svg);
    border: 1px solid #ccc;
    border-radius: 20px;
    background-size: 10px;
    background-position: center;
    background-repeat: no-repeat;
}

.oj-fwk-icon-checkbox-ena-unselected, 
.oj-menucheckbox-icon::after, 
.oj-checkboxset .oj-radiocheckbox-icon{
    width: 20px;
    height: 20px;
    background: none;
    border: 1px solid #666;
    border-radius: 20px;
}

.oj-fwk-icon-checkbox-dis-unselected, 
.oj-menucheckbox-icon.oj-disabled::after, 
.oj-checkboxset .oj-disabled .oj-radiocheckbox-icon{
    width: 20px;
    height: 20px;
    background: none;
    border: 1px solid #ccc;
    border-radius: 20px;
}

.oj-fwk-icon-checkbox-ena-selected, 
.oj-menucheckbox-icon.oj-selected::after, 
.oj-checkboxset .oj-selected .oj-radiocheckbox-icon{
    width: 20px;
    height: 20px;
    background-image: url(../images/radio-check.svg);
    border: 1px solid #666;
    border-radius: 20px;
    background-size: 10px;
    background-position: center;
    background-repeat: no-repeat;
}

.oj-fwk-icon-checkbox-pressed-selected, 
.oj-checkboxset-wrapper > .oj-active.oj-selected .oj-radiocheckbox-icon,
.oj-fwk-icon-checkbox-pressed-unselected, .oj-checkboxset-wrapper > .oj-active .oj-radiocheckbox-icon{
    width: 20px;
    height: 20px;
    background: none;
    border: 1px solid #666;
    border-radius: 20px;
}

.label{
    font-size: 10px;
    background-color: #ccc;
    padding: 3px 10px 4px 10px;
    border-radius: 3px;
}

.label.approve{
    background-color: #16a184;
    color: #fff;
}

.label.pending{
    background-color: #f39c12;
    color: #fff;
}

.label.reject{
    background-color: #c0392b;
    color: #fff;
}

.tab_header{
    background-color: #f5f5f5;
    border: none;
    padding: 32px 20px 28px 20px;
}

.tab_header oj-switch{
    margin-top: 5px;
}

.oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item-content span{
    font-size: 13px;
    color: #3d5b73 !important;
    font-weight: 600 !important;
}

.oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item.oj-selected, 
.oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-selected{
    border-color: #3d5b73;
    background-color: #f5f5f5;
    background: linear-gradient(0deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.05) 100%);
}

.oj-tabbar-horizontal .oj-tabbar-item.oj-active.oj-hover:not(.oj-selected), 
.oj-tabbar-horizontal .oj-tabbar-item.oj-active:not(.oj-selected),
.oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-active.oj-hover:not(.oj-selected), 
.oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-active:not(.oj-selected),
.oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-hover:not(.oj-selected){
    background-color: #fff;
    border-bottom-color: #ddd;
}

.group_button .oj-flex,
.inline_button .oj-flex{
    display: inline-block;
}

.tab_header .group_button,
.tab_header .inline_button{
    margin-top: 17px;
}

.tab_header .group_button .oj-button-toggle{
    background-color: #fff;
    border-color: #3d5b73;
    font-size: 12px;
    color: #3d5b73;
    height: 31px;
}

.tab_header .group_button .oj-button-jqui.oj-selected.oj-button-full-chrome{
    background-color: #3d5b73;
    color: #fff;
}

.oj-button-jqui.oj-hover.oj-button-full-chrome{
    color: #3d5b73;
    background-color: #f5f5f5;
}

.tab_header .group_button .oj-buttonset-multi.oj-button-full-chrome .oj-button:not(.oj-buttonset-first).oj-default{
    border-left-color: #3d5b73;
}

.tab_header .group_button .oj-buttonset-multi.oj-button-full-chrome .oj-buttonset-first{
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.tab_header .group_button .oj-buttonset-multi.oj-button-full-chrome .oj-buttonset-last{
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.oj-dialog{
    border: none;
}

.oj-dialog .oj-dialog-header{
    padding: 5px 20px;
    background-color: #333;
}

.oj-dialog .oj-dialog-header h1{
    color: #fff;
    font-size: 14px;
}

.oj-dialog-content{
    padding: 10px 15px;
}

.validation_popup .oj-dialog-header{
    background-color: #e67273 !important;
    background: url(../images/error.svg);
    background-repeat: no-repeat;
    background-position: 15px;
    background-size: 18px;
}

.validation_popup .oj-dialog-header h1{
    padding-left: 30px;
}

.validation_popup .oj-button.oj-default.oj-button-half-chrome .oj-button-icon,
.validation_popup .oj-button.oj-hover.oj-button-half-chrome .oj-button-icon{
    color: #fff;
}

.validation_popup .oj-button.oj-hover .oj-button-button{
    background-color: transparent;
}

.validation_popup .oj-button button.oj-button-button{
    height: 28px;
}

.validation_popup .oj-dialog-body{
    padding: 10px 7px;
}

.validation_popup .oj-listview-element li{
    background-color: #fff !important;
}

.home_ico{
    background: url(../images/home_icon.png);
}

.oj-listbox-search-wrapper .oj-text-field {
    max-width: 100% !important;
    min-width: 100% !important;
    width: 100% !important;
}

.oj-table-body {
    height: 100% !important;
    min-height: 100% !important;
}