/* Rinag presentation retained while Bootstrap 5 owns interactive components. */
html { font-size:14px; }
body { color:#000; font-size:14px; line-height:1.42857143; }
a { color:#337ab7; text-decoration:none; }
a:hover { color:#23527c; text-decoration:underline; }
p { margin:0 0 10px; }
h1,h2,h3,h4,h5,h6 { font-family:inherit; font-weight:500; line-height:1.1; color:inherit; }
h1,h2,h3 { margin-top:20px; margin-bottom:10px; }
h4,h5,h6 { margin-top:10px; margin-bottom:10px; }
h1 { font-size:36px; } h2 { font-size:30px; } h3 { font-size:24px; } h4 { font-size:18px; } h5 { font-size:14px; } h6 { font-size:12px; }
hr { margin:20px 0; border-top:1px solid #eee; opacity:1; }
.container,.container-fluid { padding-right:15px; padding-left:15px; }
.row { --bs-gutter-x:30px; }
.btn { padding:6px 12px; font-size:14px; line-height:1.42857143; border-radius:4px; }
.btn:hover { text-decoration:none; }
.btn-default { color:#333; background:#fff; border:1px solid #ccc; }
.btn-default:hover { color:#333; background:#e6e6e6; border-color:#adadad; }
.btn-primary { --bs-btn-bg:#337ab7; --bs-btn-border-color:#2e6da4; --bs-btn-hover-bg:#286090; --bs-btn-hover-border-color:#204d74; }
.btn-success { --bs-btn-bg:#5cb85c; --bs-btn-border-color:#4cae4c; --bs-btn-hover-bg:#449d44; --bs-btn-hover-border-color:#398439; }
.btn-info { --bs-btn-color:#fff; --bs-btn-bg:#5bc0de; --bs-btn-border-color:#46b8da; --bs-btn-hover-color:#fff; --bs-btn-hover-bg:#31b0d5; }
.btn-warning { --bs-btn-color:#fff; --bs-btn-bg:#f0ad4e; --bs-btn-border-color:#eea236; --bs-btn-hover-color:#fff; --bs-btn-hover-bg:#ec971f; }
.btn-danger { --bs-btn-bg:#d9534f; --bs-btn-border-color:#d43f3a; --bs-btn-hover-bg:#c9302c; --bs-btn-hover-border-color:#ac2925; }
.btn-sm,.btn-group-sm>.btn { padding:5px 10px; font-size:12px; line-height:1.5; border-radius:3px; }
.btn-xs { padding:1px 5px; font-size:12px; line-height:1.5; border-radius:3px; }
.btn-lg { padding:10px 16px; font-size:18px; line-height:1.3333333; border-radius:6px; }
.btn-block { display:block; width:100%; }
.form-group { margin-bottom:15px; }
label { display:inline-block; max-width:100%; margin-bottom:5px; font-weight:700; }
.form-control { height:34px; padding:6px 12px; color:#555; background:#fff; border:1px solid #ccc; border-radius:4px; box-shadow:inset 0 1px 1px rgb(0 0 0 / 8%); line-height:1.42857143; }
textarea.form-control { height:auto; }
.form-control:focus { border-color:#66afe9; box-shadow:inset 0 1px 1px rgb(0 0 0 / 8%),0 0 8px rgb(102 175 233 / 60%); }
.form-control:disabled,.form-control[readonly] { background:#eee; opacity:1; }
.input-sm { height:30px; padding:5px 10px; font-size:12px; line-height:1.5; border-radius:3px; }
.form-control-static { min-height:34px; padding-top:7px; padding-bottom:7px; margin-bottom:0; }
.input-group { flex-wrap:nowrap; }
.input-group-text { padding:6px 12px; font-size:14px; color:#555; background:#eee; border-color:#ccc; border-radius:4px; }
.input-group-btn { display:flex; }
.input-group-btn>.btn { border-top-left-radius:0; border-bottom-left-radius:0; }
.help-block { display:block; margin-top:5px; margin-bottom:10px; color:#737373; }
.control-label { margin-bottom:0; padding-top:7px; }
.checkbox,.radio { position:relative; display:block; margin-top:10px; margin-bottom:10px; }
.checkbox label,.radio label { min-height:20px; padding-left:20px; font-weight:400; cursor:pointer; }
.checkbox input,.radio input { position:absolute; margin:4px 0 0 -20px; }
.table { margin-bottom:20px; --bs-table-color:#000; --bs-table-bg:transparent; --bs-table-border-color:#ddd; }
.table>:not(caption)>*>* { padding:8px; line-height:1.42857143; }
.table-condensed>:not(caption)>*>* { padding:5px; }
.table>thead>tr>th { vertical-align:bottom; border-bottom:2px solid #ddd; }
.table-striped { --bs-table-striped-bg:#f9f9f9; }
.table-hover { --bs-table-hover-bg:#f5f5f5; }
.panel { margin-bottom:20px; background:#fff; border:1px solid #ddd; border-radius:4px; box-shadow:0 1px 1px rgb(0 0 0 / 5%); }
.panel-body { padding:15px; }
.panel-heading { padding:10px 15px; border-bottom:1px solid transparent; border-radius:3px 3px 0 0; }
.panel-default>.panel-heading { color:#333; background:#f5f5f5; border-color:#ddd; }
.panel-primary>.panel-heading { color:#fff; background:#337ab7; border-color:#337ab7; }
.panel-title { margin:0; font-size:16px; }
.panel-footer { padding:10px 15px; background:#f5f5f5; border-top:1px solid #ddd; }
.well { min-height:20px; padding:19px; margin-bottom:20px; background:#f5f5f5; border:1px solid #e3e3e3; border-radius:4px; }
.pull-right { float:right!important; } .pull-left { float:left!important; }
.text-right { text-align:right!important; } .text-left { text-align:left!important; }
.hidden,.hide { display:none!important; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.label { display:inline; padding:.2em .6em .3em; font-size:75%; font-weight:700; line-height:1; color:#fff; border-radius:.25em; }
.label-default { background:#777; } .label-primary { background:#337ab7; } .label-success { background:#5cb85c; } .label-info { background:#5bc0de; } .label-warning { background:#f0ad4e; } .label-danger { background:#d9534f; }
.modal { --bs-modal-width:600px; --bs-modal-padding:15px; --bs-modal-header-padding:15px; }
.modal-header { display:block; border-bottom:1px solid #e5e5e5; }
.modal-title { margin:0; line-height:1.42857143; }
.modal-footer { display:block; text-align:right; padding:15px; border-top:1px solid #e5e5e5; }
.modal-footer>* { margin:0; } .modal-footer>.btn+.btn { margin-left:5px; }
.close { float:right; padding:0; border:0; background:none; color:#000; font-size:21px; font-weight:700; line-height:1; opacity:.5; }
.modal-header .close { margin-top:-2px; }
.ui-autocomplete,.ui-datepicker { z-index:1080!important; }
.dropdown-menu { font-size:14px; padding:5px 0; border:1px solid rgb(0 0 0 / 15%); border-radius:4px; box-shadow:0 6px 12px rgb(0 0 0 / 18%); }
.dropdown-menu>li>a { display:block; padding:3px 20px; clear:both; font-weight:400; line-height:1.42857143; color:#333; white-space:nowrap; }
.dropdown-menu>li>a:hover { background:#f5f5f5; text-decoration:none; }
.dropdown-toggle::after { display:none; }
.caret { display:inline-block; width:0; height:0; margin-left:2px; vertical-align:middle; border-top:4px dashed; border-right:4px solid transparent; border-left:4px solid transparent; }
.navbar-fixed-top { position:fixed; top:0; right:0; left:0; z-index:1030; min-height:50px; border-bottom:1px solid #425766; }
.navbar-header { display:flex; justify-content:space-between; }
.navbar-brand { display:block; padding:15px; height:50px; margin:0 15px 0 0; font-size:18px; line-height:20px; }
.navbar-nav { margin:7.5px -15px; padding:0; list-style:none; }
.navbar-nav>li>a { display:block; padding:10px 15px; line-height:20px; }
.navbar-nav>li>a:hover { text-decoration:none; }
.navbar-nav .dropdown-menu { position:static; }
.navbar-form { margin:8px -15px; padding:10px 15px; }
.navbar-toggle { order:2; padding:9px 10px; margin:8px 0; background:none; border:1px solid; border-radius:4px; }
.navbar-toggle .icon-bar { display:block; width:22px; height:2px; border-radius:1px; }
.navbar-toggle .icon-bar+.icon-bar { margin-top:4px; }
.nav-tabs>li>a { display:block; padding:10px 15px; border:1px solid transparent; border-radius:4px 4px 0 0; }
.nav-tabs>li>a.active { color:#555; background:#fff; border-color:#ddd #ddd #fff; }
.pagination>li>a,.pagination>li>span { display:block; padding:6px 12px; margin-left:-1px; line-height:1.42857143; color:#337ab7; background:#fff; border:1px solid #ddd; }
.pagination>.active>a { color:#fff; background:#337ab7; border-color:#337ab7; }
@media (min-width:768px) {
  .container { max-width:750px; }
  .navbar-fixed-top>.container { display:flex; align-items:flex-start; }
  .navbar-header { flex-shrink:0; }
  .navbar-collapse.collapse { display:flex!important; align-items:flex-start; }
  .navbar-toggle { display:none; }
  .navbar-nav { flex-direction:row; margin:0; flex-shrink:0; }
  .navbar-nav>li>a { padding-top:15px; padding-bottom:15px; }
  .navbar-nav .dropdown-menu { position:absolute; }
  .navbar-form { margin-top:8px; margin-bottom:8px; padding:0 15px; }
  .modal-dialog { margin:30px auto; } .modal-sm { max-width:300px; }
  .form-inline .form-group { display:inline-block; margin-bottom:0; vertical-align:middle; }
  .form-inline .form-control { display:inline-block; width:auto; vertical-align:middle; }
  .form-horizontal .control-label { text-align:right; }
}
@media (min-width:992px) { .container { max-width:970px; } .modal-lg { max-width:900px; } }
@media (min-width:1200px) { .container { max-width:1170px; } }
@media (max-width:767.98px) { .hidden-xs { display:none!important; } .modal-dialog { margin:10px; } }

/* Existing Rinag grid breakpoints and nested columns. */
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 {position:relative;min-height:1px;padding:0 15px;}
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{position:relative;min-height:1px;padding:0 15px;}
.col-1{float:left;width:8.33333333%;}
.col-2{float:left;width:16.66666667%;}
.col-3{float:left;width:25.00000000%;}
.col-4{float:left;width:33.33333333%;}
.col-5{float:left;width:41.66666667%;}
.col-6{float:left;width:50.00000000%;}
.col-7{float:left;width:58.33333333%;}
.col-8{float:left;width:66.66666667%;}
.col-9{float:left;width:75.00000000%;}
.col-10{float:left;width:83.33333333%;}
.col-11{float:left;width:91.66666667%;}
.col-12{float:left;width:100.00000000%;}
@media(min-width:768px){
.col-sm-1{float:left;width:8.33333333%;}
.col-sm-2{float:left;width:16.66666667%;}
.col-sm-3{float:left;width:25.00000000%;}
.col-sm-4{float:left;width:33.33333333%;}
.col-sm-5{float:left;width:41.66666667%;}
.col-sm-6{float:left;width:50.00000000%;}
.col-sm-7{float:left;width:58.33333333%;}
.col-sm-8{float:left;width:66.66666667%;}
.col-sm-9{float:left;width:75.00000000%;}
.col-sm-10{float:left;width:83.33333333%;}
.col-sm-11{float:left;width:91.66666667%;}
.col-sm-12{float:left;width:100.00000000%;}
}
@media(min-width:992px){
.col-md-1{float:left;width:8.33333333%;}
.col-md-2{float:left;width:16.66666667%;}
.col-md-3{float:left;width:25.00000000%;}
.col-md-4{float:left;width:33.33333333%;}
.col-md-5{float:left;width:41.66666667%;}
.col-md-6{float:left;width:50.00000000%;}
.col-md-7{float:left;width:58.33333333%;}
.col-md-8{float:left;width:66.66666667%;}
.col-md-9{float:left;width:75.00000000%;}
.col-md-10{float:left;width:83.33333333%;}
.col-md-11{float:left;width:91.66666667%;}
.col-md-12{float:left;width:100.00000000%;}
}
@media(min-width:1200px){
.col-lg-1{float:left;width:8.33333333%;}
.col-lg-2{float:left;width:16.66666667%;}
.col-lg-3{float:left;width:25.00000000%;}
.col-lg-4{float:left;width:33.33333333%;}
.col-lg-5{float:left;width:41.66666667%;}
.col-lg-6{float:left;width:50.00000000%;}
.col-lg-7{float:left;width:58.33333333%;}
.col-lg-8{float:left;width:66.66666667%;}
.col-lg-9{float:left;width:75.00000000%;}
.col-lg-10{float:left;width:83.33333333%;}
.col-lg-11{float:left;width:91.66666667%;}
.col-lg-12{float:left;width:100.00000000%;}
}
@media(min-width:1200px){.hidden-lg{display:none!important;}}
@media(min-width:992px) and (max-width:1199.98px){.hidden-md{display:none!important;}}
@media(min-width:768px) and (max-width:991.98px){.hidden-sm{display:none!important;}}
/* Legacy forms use floated columns inside a modal row. */
.modal-body.row { display:block; }
.modal-body.row::after { display:table; clear:both; content:""; }
.modal-body.row>.form-group { padding:0; }
.form-control.btn { color:var(--bs-btn-color); background-color:var(--bs-btn-bg); border-color:var(--bs-btn-border-color); }
.form-control.btn:hover { color:var(--bs-btn-hover-color); background-color:var(--bs-btn-hover-bg); border-color:var(--bs-btn-hover-border-color); }

/* Preserve Bootstrap 3 document flow for Rinag's existing floated markup. */
.row { display:block; }
.row>:not([class*="col-"]):not(.container):not(.container-fluid) {
  width:auto; max-width:none; padding-left:0; padding-right:0;
}
.row::before,.row::after,.panel-body::before,.panel-body::after,
.form-horizontal .form-group::before,.form-horizontal .form-group::after {
  display:table; content:" ";
}
.row::after,.panel-body::after,.form-horizontal .form-group::after { clear:both; }
.input-group[class*="col-"] { float:none; padding-right:0; padding-left:0; }
.btn { white-space:nowrap; }
.btn .fa-solid,.btn .fa-regular { width:1em; }
select.form-control { appearance:auto; }
.bg-primary { color:#fff; background-color:#337ab7!important; }
.table .bg-table>*,.table .bg-primary>* { color:inherit; font-weight:700; }
.job-container.container,.job-list-modern>.container { max-width:none; }
.job-list-modern.container { max-width:1280px; }