@media only screen and (max-width: 767.98px)
{

    .o_control_panel .o_cp_top .o_cp_top_left {
        width: 87% !important;
    }


}


.pinned_app_div{
    display:none;
}

.o_list_view .o_list_table {
    background-color    : #eceef7;
    border-collapse     : separate;
    border-spacing      : 0 0.4em;
    border-radius       : 20px;
}

.o_form_view .o_list_view .table-responsive {
    max-height: initial;
    height: auto;
    overflow-y: initial;
    overflow-x: initial;
    display: inline-block;
}

.modal .modal-dialog.modal-lg .o_content .o_list_view .o_list_table tbody > tr > td:not(.o_list_record_selector):not(.o_handle_cell):not(.o_list_button):not(.o_state_selection_cell), .o_content .o_list_view .o_list_table tbody > tr > td:not(.o_list_record_selector):not(.o_handle_cell):not(.o_list_button):not(.o_state_selection_cell) {
    vertical-align: middle;
    padding: 6px !important;
    border-radius: 6px !important;
}

.o_base_settings .o_setting_container .settings_tab .tab:hover, .o_base_settings .o_setting_container .settings_tab .selected {
    background: #e77b5a;
    border-radius: 0px;
    box-shadow: 0 10px 10px rgb(0 10 10 / 10%) !important;
}

.o_base_settings .o_setting_container .settings_tab {
    border-radius: 7px;
    background: #ffffff;
    box-shadow: 0 10px 10px rgb(0 10 10 / 10%);
    margin-right: 10px;
}

.o_base_settings .o_setting_container .settings > .app_settings_block h2 {
    background: #eceef7;
    color: #222B6D !important;
    border-radius: 8px;
    box-shadow: none !important;
}

.o_base_settings .o_setting_container .settings {
    border-radius: 7px;
    margin-left: 10px;
    box-shadow: 0 10px 10px rgb(0 10 10 / 10%);
    padding: 5px;
}

.o_form_view.o_form_nosheet.o_base_settings .o_control_panel {
    margin: 5px 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.o_action_manager .o_control_panel .o_cp_searchview .o_searchview, .o_action_manager .o_control_panel .o_cp_searchview .o_searchview .o_searchview_input_container .o_searchview_input {
    background: #f1f3fa;
    border-radius: 7px;
}

.o_control_panel .o_searchview .o_searchview_input_container .o_searchview_facet .o_searchview_facet_label {
    border-radius: 6px 0px 0px 6px;
    padding: 0 8px;
    margin-left: -3px;
}

.o_control_panel .o_searchview .o_searchview_input_container .o_searchview_facet {
    border-radius: 7px;
}

html .o_web_client .o_control_panel {
    background: #ffffff !important;
    border-radius: 10px !important;
    margin: 0px 5px;
    box-shadow: 0 10px 10px rgb(0 10 10 / 10%) !important;
}

.o_content .o_form_view .o_form_sheet_bg .o_form_statusbar {
    border-bottom: 0px;
    border-radius: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    box-shadow: 0 10px 10px rgb(0 10 10 / 10%);
}

.o_content .o_form_view .o_form_sheet_bg > .o_form_sheet, .o_action_manager .o_FormRenderer_chatterContainer {
    border-radius: 10px;
    box-shadow: 0 10px 10px rgb(0 10 10 / 10%) !important;
    border: 0px;
    max-width: 100%;
}

.mk_directory_kanban_view .o_kanban_record {
    padding: 0;
    max-height: 94px;
}

.o_kanban_view .o_kanban_record:not(.oe_module_vignette) .oe_kanban_action.oe_kanban_action_a i.fa {
    color: #212121 !important;
}

.o_content .o_kanban_view .o_kanban_record, .o_content .o_kanban_view .o_kanban_record .oe_kanban_details .badge-pill {
    border-radius: 10px;
    box-shadow: 0 10px 10px rgba(0, 10, 10, 0.1) !important;
    border: 2px solid #b8b8b8;
}

.o_search_panel .o_search_panel_section.o_search_panel_category .list-group-item header {
    border-radius: 4px !important;
    margin: 3px 0px;
}

html .o_web_client .o_content.o_controller_with_searchpanel .o_search_panel {
    border-radius: 9px;
    border-right: 0px;
    box-shadow: 0 10px 10px rgba(0, 10, 10, 0.1);
    margin-right: 10px;
    border: 2px solid #b8b8b8;
}

.o_onboarding .o_onboarding_wrap {
    padding: 10px 8px !important;
}

.o_action_manager .o_onboarding_container .o_onboarding {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
}

.modal.o_technical_modal .modal-dialog .modal-content .modal-body {
    background: #eceef7;
    padding: 3px !important;
    border-radius: 5px !important;
}

.o_content .o_form_view {
    border-radius: 5px !important;
    background: transparent;
}


.o_content .o_calendar_container .o_calendar_view .o_calendar_widget .fc-widget-header {
    background: #182754;
}
.o_calendar_container .o_calendar_view .o_calendar_widget .fc-widget-header {
    background: #eceef7;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

body .dropdown .dropdown-menu, .o_main_navbar .dropdown-menu, .o_main_navbar .o_menu_sections .dropdown-menu, .o_main_navbar .o_menu_systray .dropdown-menu, .ui-widget.ui-widget-content, .o_action_manager .o_content .dropdown-menu {
    padding: 0px 0px !important;
}

.o_calendar_container .o_calendar_sidebar_container .ui-datepicker .ui-widget-header {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background: linear-gradient(75deg, #182754 50%, #7e2a4a);
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: 0px !important;
}

.o_calendar_container .o_calendar_sidebar_container .ui-datepicker .ui-widget-header .ui-datepicker-prev, .o_calendar_container .o_calendar_sidebar_container .ui-datepicker .ui-widget-header .ui-datepicker-next, .o_calendar_container .o_calendar_sidebar_container .ui-datepicker .ui-widget-header .ui-datepicker-title {
    color: #ffffff;
    padding-left: 18px;
    padding-top: 9px !important;
    padding-bottom: 6px;
}

.o_list_view .o_list_table .o_list_record_selector, .o_list_view .o_list_table tr td:first-child, .o_list_view .o_list_table thead th:first-child {
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
}

.o_list_view .o_list_table tr td:last-child, .o_list_view .o_list_table thead th:last-child {
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
}

.o_action_manager .o_action .dropdown .dropdown-menu, .o_main_navbar .dropdown .dropdown-menu, .o_control_panel .o_searchview .o_searchview_input_container .o_searchview_autocomplete, .o_main_navbar .o_menu_systray .sh_language_icon .dropdown-menu, .o_action_manager .o_content .dropdown-menu, .modal .dropdown-menu {
    border-radius: 11px;
    border: 1px solid #dedede !important;
    box-shadow: 0 10px 10px rgba(0, 10, 10, 0.1) !important;
}

.oh_dashboards{
    background-color: #fff !important;
    padding: 2px !important;
}

.dashboard-card {
    border-radius: 9px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    padding: 1.7rem 1.5rem 1.5rem 1.5rem;
    margin: 1rem auto;
    height: 90px;
    border: 1px solid #dedede;
    background-color: #eceef7;
}

.chart-container {
    border-radius: 10px;
    padding: 1rem;
    margin: 1rem auto;
    border: 1px solid #dedede;
}

.dropdown-header {
    display: block;
    padding: 0.5rem 20px;
    margin-bottom: 0;
    font-size: 12px;
    color: #000000;
    white-space: nowrap;
    background-color: #dedede;
}

.o_form_view .o_field_widget .o_kanban_view.o_kanban_ungrouped .o_kanban_record {
    /* border: 0px; */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    border: 1px solid #dedede;
}


.o_content .o_activity_view > table, .oe_form_field.oe_form_field_html.o_field_widget, .o_graph_view > .o_content > .o_renderer .o_graph_canvas_container canvas {
  border-radius: 20px;
  box-shadow: 0 10px 10px rgba(0, 10, 10, 0.1) !important;
  padding: 23px;
}

.o_content .o_activity_view > table, .oe_form_field.oe_form_field_html.o_field_widget, .o_graph_view > .o_content > .o_renderer .o_graph_canvas_container canvas {
  border-radius: 20px;
  box-shadow: 0 10px 10px rgba(0, 10, 10, 0.1) !important;
  padding: 23px;
  border: 1px solid #dedede;
}


.mk_file_kanban_view .o_kanban_record {
    padding: 0;
    max-height: 104px;
}

.o_form_view .o_notebook .tab-content > .tab-pane {
    /* border: 1px solid #dedede; */
    padding: 13px;
}

.o_form_view .o_notebook {
    clear: both;
    margin-top: 10px;
    border: 1px solid #919191;
    border-radius: 6px;
}


.o_notebook .nav.nav-tabs .nav-item {
    text-align: center;
    margin-right: 0px;
    margin-bottom: -1px;
    position: relative;
    display: block;
    border: 1px solid #d4d4d4;
}


.o_notebook .nav.nav-tabs .nav-item .nav-link {
    display: block;
    font-weight: 600;
    color: #444;
    padding: 10px 15px;
    background: transparent;
    margin-right: 0;
    border-radius: 0;
    overflow: hidden;
    position: relative;
    z-index: 0;
    transition: all 0.5s ease 0s;
}


.o_list_view .o_list_table {
    background-color: #eceef7;
    border: 1px solid #1c174f !important;
    padding: 10px;
}

html .o_web_client .o_control_panel {
    background: #ffffff !important;
    border: 1px solid #9c9c9c;
    border-radius: 10px !important;
    margin: 0px 5px;
    box-shadow: 0 10px 10px rgb(0 10 10 / 10%) !important;
}


.o_action_manager .o_control_panel .o_cp_bottom .o_cp_bottom_left .o_cp_action_menus .btn {
    padding: 0.5rem 0.75rem !important;
    border: 1px solid #e0e0e0;
}

.o_content .o_form_view .oe_button_box .btn.oe_stat_button {
    border-radius: 0px !important;
    background: #eceef7;
    border: 1px solid #dedede;
    margin: 0px 0px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.o_control_panel .o_cp_bottom_right > .o_cp_pager .o_pager .btn-group .o_pager_previous, .o_control_panel .o_cp_bottom_right > .o_cp_pager .o_pager .btn-group .o_pager_next {
    padding: 0.6rem 0.55rem !important;
    border: 1px solid #c3c3c3 !important;
    box-shadow: none !important;
    background: #1c174f !important;
    color: #ffffff !important;
}

html .o_web_client > .o_action_manager > .o_action > .o_content {
    border-radius: 0px !important;
    padding: 0px 5px 0px 5px;
    margin-top: 9px;
}


.o_content .o_form_view .o_form_sheet_bg .o_form_statusbar {
    border-bottom: 0px;
    border: 1px solid #8e8d8d !important;
    border-radius: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    box-shadow: 0 10px 10px rgb(0 10 10 / 10%);
}


.o_content .o_form_view .o_form_sheet_bg > .o_form_sheet, .o_action_manager .o_FormRenderer_chatterContainer {
    border-radius: 10px;
    box-shadow: 0 10px 10px rgb(0 10 10 / 10%) !important;
    border: 1px solid #999999 !important;
    max-width: 100%;
}

.o_control_panel .o_cp_searchview, .o_control_panel .o_cp_right {
    flex: 0 0 57%;
    border: 1px solid #c7c5c5;
    border-radius: 6px;
}


.o_kanban_view.o_kanban_dashboard .o_kanban_record .o_kanban_card_header + .container.o_kanban_card_content .o_kanban_primary_bottom.bottom_block, .o_kanban_view.o_kanban_dashboard .o_kanban_record .o_kanban_card_header + .o_kanban_card_content.o_container_small .o_kanban_primary_bottom.bottom_block, .o_kanban_view.o_kanban_dashboard .o_kanban_record .o_kanban_card_header + .o_kanban_card_content.o_container_small .o_kanban_primary_bottom.bottom_block {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 8px;
    background: #b9c5f8 !important;
    border-top: 0px !important;
}


.media-body.employee-name {
    background: #946d00;
    float: left;
    margin: 0;
    width: 100%;
    /* color: #fff !important; */
}

.employee-prof .employee-name h2 {
    text-align: center;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 17px;
    margin-top: 12px;
    margin-bottom: 2px;
    color: #fff !important;
}

.employee-gender {
    width: 40%;
    margin-left: 6%;
    padding: 4% 2% 4%;
    text-align: center;
    border-right: 1px solid #ffffff;
    margin-top: 14%;
    float: left;
    border-bottom: 1px solid #ffffff;
}

.employee-age {
    width: 42%;
    margin-right: 11%;
    padding: 5% 2% 5%;
    text-align: center;
    margin-top: 15%;
    float: left;
    border-bottom: 1px solid #ffffff;
}

.oe_company_policy {
    margin-left: 40px;
    background: #0661be;
    color: #fff !important;
}




.employee-prof {
    padding: 8px !important;
    height: 90% !important;
    background-color: #262727 !important;
    /* background-image: linear-gradient(180deg, #3e6282, #41666f); */
    position: fixed;
    border-radius: 16px 0px 0px 16px;
    margin-left: 6px;
    /* z-index: 999; */
/*    margin-top: -8px;*/
}

.employee-prof .employee-icon {
    float: left;
    padding-right: 0px;
    width: 100%;
    border-radius: 12px 0px 0px 0px;
    height: 185px;
    overflow: hidden;
    background: #999999;
}

.row.main-section {
    margin-right: 0px;
    margin-top: -7px !important;
}

.oh-payslip {
    margin-top: 1.5%;
    margin-left: 10px !important;
}


.oh-timesheets {
    margin-top: 1.5%;
    margin-left: -14px !important;
}

.oh-broad-factor {
    margin-top: 1.5%;
    margin-left: -14px !important;
}


.oh-contracts {
    margin-top: 1.5%;
    margin-left: -14px !important;
}



.hr_attendance_login {
    margin-top: 1.5%;
    margin-left: -9px;
    width: 96%;
}

.oh-card-body {
    display: flex;
    justify-content: space-between;
    align-items: center;
/*    border: 1px solid #dedede;*/
    /* border-radius: 1px; */
}

.stat-widget-one .stat-icon i {
    font-size: 43px !important;
    margin-top: -3px !important;
    font-weight: 900;
    display: inline-block;
    color: #fff;
}

.leave-manager {
    background-color: #fff;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    will-change: transform, box-shadow;
    box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62,57,107,0.06);
    padding: 0px;
    margin: 15px;
    margin-left: 27px !important;
    margin-right: 15px;
    margin-right: 0px;
    width: 92% !important;
    padding: 0;
}

.hr_leave_allocations_approve {
    padding: 0;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-bottom: 0em;
    padding-top: 0em;
    box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62,57,107,0.06);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    will-change: transform, box-shadow;
    background: #fff;
    height: 80px;
    margin-left: 11px !important;
}

.hr_job_application_approve {
    padding: 0;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-bottom: 0em;
    padding-top: 0em;
    box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62,57,107,0.06);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    will-change: transform, box-shadow;
    background: #fff;
    margin-top: 15px;
    height: 80px;
    margin-left: 11px !important;
    margin-bottom: 23px !important;
}


.hr-chart-1 {
    margin: 15px 0px;
    background: #fff;
    padding: 0px !important;
    height: 336px !important;
    padding-top: 0px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    will-change: transform, box-shadow;
    box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62,57,107,0.06);
    padding-top: 3px !important;
}