/* Align the candidate and employer workspaces with MyJobMag's public colors. */
:root {
    --bb-primary: #ff8737;
    --bb-primary-rgb: 255, 135, 55;
    --primary-color: #ff8737;
    --bs-primary: #ff8737;
    --bb-body-font-family: Arial, Helvetica, sans-serif;
}

body { background: #f5f5f5; color: #4f5964; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
a { color: #173b63; }
a:hover { color: #e96f21; }
.ps-main__sidebar { background: #e8e8e8 !important; }
.ps-main__wrapper { background: #f5f5f5 !important; color: #4f5964; }
.ps-main__wrapper { font-size: 13px; }
.ps-main__wrapper > header h3 { font-size: 22px !important; }
.ps-main__wrapper h1 { font-size: 27px; }
.ps-main__wrapper h2 { font-size: 22px; }
.ps-main__wrapper h3 { font-size: 19px; }
.ps-main__wrapper h4 { font-size: 16px; }
.ps-main__wrapper p, .ps-main__wrapper li, .ps-main__wrapper label { font-size: 13px; }
.ps-main__wrapper .btn, .ps-main__wrapper .form-control, .ps-main__wrapper .form-select { font-size: 13px; }
.ps-main__wrapper .table, .ps-main__wrapper .ps-table { font-size: 13px; }
.ps-sidebar .menu > li > a.active,
.ps-sidebar .menu > li > a:hover,
.ps-drawer--mobile .menu > li > a.active,
.ps-drawer--mobile .menu > li > a:hover { color: #dc681e; }
.ps-sidebar .menu > li > a::after { background: #ff8737; }
.ps-btn--hamburger, .menu-toggle { background-color: rgba(255, 135, 55, .9); }
.ps-card, .card, .box-package { border-color: #e2e2e2; border-radius: 5px; box-shadow: 0 3px 12px rgba(32, 45, 60, .05); }
.ps-card .ps-card__header h4, .ps-main__wrapper h1, .ps-main__wrapper h2, .ps-main__wrapper h3, .ps-main__wrapper h4 { color: #173b63; }
.btn-primary, .btn-primary:hover, .btn-primary:focus,
.ps-btn--primary, .ps-btn--primary:hover { background-color: #ff8737; border-color: #ff8737; color: #fff; }
.btn-outline-primary, .btn-outline-primary:hover { border-color: #ff8737; color: #e96f21; }
.form-control:focus, .form-select:focus { border-color: #ff9a55; box-shadow: 0 0 0 .2rem rgba(255, 135, 55, .16); }
.ps-table thead tr th { color: #6b7785; }
.ps-table tbody tr:nth-child(2n) td { background: #f7f7f7; }
.header--mobile { background: #cecece; border-bottom-color: #bdbdbd; }
.ps-drawer--mobile { border-right-color: #dedede; }