/*----------------------------------------------------------------------- */
/* Copyright (c) EMK3. All rights reserved.                               */
/* Ported from Source Solution (OilTicketing) dhc-oilticketing-v2.css */
/* Adapted for Target Solution layout (_Layout.cshtml uses .main-content/ */
/* .content-wrapper instead of ColorAdmin's #content/.app-content) and   */
/* the upgraded Kendo UI 2026.2.520 / Bootstrap 5 stack.                 */
/*----------------------------------------------------------------------- */

/*-------------------------------------------- */
/* Global                                      */
/*-------------------------------------------- */
a { text-decoration: none !important }

/* Set page margin and other items for printing */
@page {margin:12mm 2mm 12mm 2mm;}
@media print {.content-wrapper {padding: 0px 0px !important;} }
@media print {.main-content {margin-left: 0px !important;} }

/*-------------------------------------------- */
/* Overrides for jQuery UI Dialog               */
/* (used by editCompanyModal etc. via .dialog()) */
/*-------------------------------------------- */
.ui-dialog .ui-dialog-titlebar {
    background: #f4df6b;
}
.ui-dialog-osx {
    -moz-border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
    border-width: 8px 8px 8px 8px;
}

/*-------------------------------------------- */
/* Overrides for Font Awesome                  */
/*-------------------------------------------- */
.btn {
    padding: 6px 12px;
}
.btn-labeled.fa:before,
.btn-labeled .fa:before {
    font-family: 'Font Awesome 6 Pro' !important;
    font-weight: 900 !important;
}
.btn-labeled.fas,
.btn-labeled.far {
    text-align: left;
}
.btn-labeled.fas,
.btn-labeled.far {
    line-height: 1.42857;
}
.btn-labeled.fas:before,
.btn-labeled .fas:before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
}
.btn-labeled.far:before,
.btn-labeled .far:before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 400;
}
.btn-lg.btn-labeled.fas,
.btn-lg.btn-labeled.far {
    line-height: 1.33;
}
.btn-sm.btn-labeled.fas,
.btn-sm.btn-labeled.far {
    line-height: 1.42857;
}
.btn-xs.btn-labeled.fas,
.btn-xs.btn-labeled.far {
    line-height: 1.5;
}
.fa-fw {
    width: 1.6em !important;
}
.fa-lg {
    font-size: 15px !important;
}

/*-------------------------------------------- */
/* Overrides for Bootstrap                     */
/*-------------------------------------------- */
:not(.panel-colorful).panel {
    border-left: 0 solid #ffffff;
    border-right: 0 solid #ffffff;
}
.panel > .panel-heading::after, .panel.panel-colorful > .panel-heading::after {
    border-bottom: 0 solid rgba(0, 0, 0, 0);
}
.panel {
    box-shadow: 0 0 0 0;
    border-radius: 0;
    border: 0;
    margin-bottom: 24px;
}
.accordion-button:focus {
    border-color: none;
    box-shadow: none;
}

/*-------------------------------------------- */
/* Overrides for Telerik/Kendo                 */
/*-------------------------------------------- */
/* Hide the Grid header and pager during export */
.k-pdf-export .k-grid-toolbar,
.k-pdf-export .k-pager-wrap, .k-pdf-export .GridButtons {
    display: none;
}
/* .k-button override removed for theme pilot (2026-07-25) -- was ported from Source to fix
   button visibility in the old default-ocean-blue theme; it forced identical padding/border-radius
   across every Kendo theme, masking the real sizing differences between theme families. Restore
   or replace once a theme is chosen, if it's still needed at all. */
/* Standard grid toolbar layout: Refresh + Export to Excel top-left, Delete top-right */
.k-grid-toolbar > a,
.k-grid-toolbar > button {
    margin-right: 8px !important;
}
.k-grid-refresh,
.k-grid-addnew,
.k-grid-excel,
.k-grid-map,
.k-grid-save,
.k-grid-clear {
    float: left;
}
/* Delete/Inactivate and Reactivate (SupplyPointToolbar) float together at top-right, in DOM order
   (Inactivate then Reactivate), so a right-floated pair lands adjacent rather than Reactivate
   falling back into normal block flow below the rest of the toolbar. The margin-right override
   needs the extra `.k-grid-toolbar >` qualifier to out-specificity the !important 8px above
   (two classes there vs one class + one type here) -- without it each button kept its 8px
   margin-right on top of the 8px margin-left below, doubling the gap between the pair to 16px
   instead of matching the 8px gaps used between the left-floated buttons. */
.k-grid-toolbar > .k-grid-delete,
.k-grid-toolbar > .k-grid-reactivate {
    float: right;
    margin-right: 0 !important;
    margin-left: 8px;
}
.k-grid-header th.k-header {
    background-color: #eeeeee !important;
}
/* Inline-edit grids: style the built-in "Add New" (Create) toolbar button as a primary button,
   matching Html.Kendo().Button() Primary/Solid used elsewhere (the old .k-primary class is a no-op
   in the current Kendo theme). */
.k-grid-toolbar .k-grid-add {
    display: inline-block;
    margin: 4px 8px 4px 0;
    color: #fff !important;
    background-color: #294f75 !important;
    border-color: #294f75 !important;
}
    .k-grid-toolbar .k-grid-add:hover {
        background-color: #1f3d5a !important;
        border-color: #1f3d5a !important;
    }
/* Kendo pager quirk: when a grid's dataSource has zero total records, it still renders a page-number
   button for "page 0" right next to the (correct) "No items to display" text. Always spurious. */
.k-pager-numbers button[aria-label="Page 0"] {
    display: none !important;
}
.k-grid table {
    table-layout: fixed;
    tab-size: 1000;
}
.k-grid td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* Kendo's default theme renders checkbox borders at ~8% opacity black -- essentially invisible
   against a white grid row. Make the row-selection checkboxes actually visible. */
.k-grid .k-select-checkbox {
    width: 18px !important;
    height: 18px !important;
    border-color: #767676 !important;
    border-width: 2px !important;
}
.k-grid .k-select-checkbox:checked {
    color: #294f75 !important;
    border-color: #294f75 !important;
}
/* Kendo draws the visible checked-state square via a ::before pseudo-element whose
   background is `currentcolor` -- setting color above is what actually colors it. */
.k-grid .k-select-checkbox:checked::before {
    background-color: #294f75 !important;
}
input.k-textbox, span.k-textbox {
    width: 400px
}
/* Grid toolbars position their icons via float:left/float:right (see GridToolbarHtml /
   .k-grid-refresh etc.) -- floats are ignored on flex children, so grid toolbars need block
   layout. Scoped to .k-grid-toolbar specifically so it doesn't break OTHER Kendo ToolBar
   widgets (e.g. the top nav bar's user menu), which rely on Kendo's native flex layout
   (Spacer/flex-grow) to push content to the right. */
.k-grid-toolbar {
    display: block;
}

th.k-table-th.k-header:has(input.k-checkbox) {
    text-overflow: clip;    
}

.k-svg-icon path {
    stroke: #000 !important;
}


/*-------------------------------------------- */
/* Overrides for Table Contents                */
/*-------------------------------------------- */
td {text-align:left; vertical-align:top;}

.table-bordered th, .table-bordered td {
    border: 1px solid #a8a8a8;
}
.table-bordered th {
    font-size: 1.05em;
    font-weight: 600;
    border-bottom: 1px solid rgba(0,0,0,0.07) !important;
}
.table-bordered {
    border: 1px solid #a8a8a8;
}
.table-bordered, .table-bordered td, .table-bordered th {
    border-color: rgba(0,0,0,0.07);
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 8px;
}

div.capwidth, table.capwidth {width:100%; max-width:992px !important;}
div.capwidthsmall, table.capwidthsmall {width:100%; max-width:768px !important;}
div.capwidthverysmall, table.capwidthverysmall {width:100%; max-width:640px !important;}
div.capwidthlarge, table.capwidthlarge {width:100%; max-width:1200px !important;}
div.capwidthverylarge, table.capwidthverylarge {width:100%; max-width:1350px !important;}

/*-------------------------------------------- */
/*  Overrides for H and HR                     */
/*-------------------------------------------- */
hr {margin: 10px 0 10px 0 !important; padding: 0 !important;}

.h2, .h3, .h5, .h6, h2, h3, h5, h6 {margin: 0 !important; padding: 0 !important;}
.h2, h2 {clear: both !important;}
.h3, h3 {clear: both !important; font-weight:normal !important; color:#5f5f5f !important; font-size:1.5em !important;}
.h4, h4 {margin: 0 !important; font-weight: normal !important;}
.h5, .h6, h5, h6 {font-weight:normal !important; display: inline !important;}
.h5, h5 {font-size: 14px !important;}

.h1:not(.panel-title), h1:not(.panel-title) {
    clear: both !important;
    font-size: 24px !important;
}
.h2:not(.panel-title), h2:not(.panel-title) {
    clear: both !important;
    font-size: 20px !important;
    color: #31639C !important;
}
.h3:not(.panel-title), h3:not(.panel-title) {
    clear: both !important;
    font-weight: normal !important;
    color: #5f5f5f !important;
    font-size: 1.5em !important;
}

/*-------------------------------------------- */
/*  Button Styles                              */
/*-------------------------------------------- */
.btn-sm,.btn-icon.btn-sm {font-size:11px !important; line-height:1.3 !important;}
.btn-xs,.btn-icon.btn-xs {font-size:11px !important; line-height:1.6 !important;}
.btn-xs, .btn-icon.btn-xs, .btn-group-xs > .btn {padding: 1px 5px}
.btn-primary,.btn-primary:focus{background-color:#294f75;border-color:#25476a !important;color:#fff}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary:disabled,
.btn-primary.disabled,
.btn-hover-primary:hover,
.btn-hover-primary:active,
.btn-hover-primary.active,
.btn-active-primary.btn:active,
.btn-active-primary.btn.active {
    background-color: #1c3550 !important;
    border-color: #1c3550 !important;
    color: #fff !important;
}
.btn-success,.btn-success:focus {background-color: #92c755; border-color: #8bc34a !important; color: #fff;}
.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success:disabled,
.btn-success.disabled {
    background-color: #79af3a !important;
    border-color: #79af3a !important;
    color: #fff !important;
}
.btn-default, .btn-default:focus {
    background-color: #ffffff !important;
    border-color: #907f7d !important;
    color: #666666 !important;
}
.btn-default:hover,
.btn-default:active,
.btn-default.active,
.btn-default:disabled,
.btn-default.disabled {
    background-color: #ededed !important;
    border-color: #907f7d !important;
    color: #666666 !important;
}
.btn-default a {text-decoration: none !important;}

/*-------------------------------------------- */
/* Misc Styles                                 */
/*-------------------------------------------- */
.ThirtyPixels {width: 30px; min-width: 30px; max-width: 30px; white-space: nowrap; padding: 0 !important; vertical-align: middle !important;}
.FiftyPixels {width: 50px; min-width: 50px; max-width: 50px; white-space: nowrap; padding: 0 !important; vertical-align: middle !important;}
.OneHundredTwentyPixels {width: 120px; min-width: 120px; max-width: 120px; vertical-align: middle !important;}

.label-default {background-color: #e3e8ee; color: #333;}
.divClose {font-weight: bold; position: absolute; color: black; top: 10px; right: 15px; cursor: pointer;}
.form-control.k-checkbox {min-width: inherit !important;}

.redMandatory {
    color: red;
    margin-right: 5px;
}

.pad-no {
    padding: 0 !important
}
.pull-right {
    float: right !important;
}
.pull-left {
    float: left !important;
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: #f55a4e;
    font-weight: 700;
}

/*-------------------------------------------- */
/* Overrides for Text Colors                   */
/*-------------------------------------------- */
.text-success {color: #79AF3A !important;}
a.text-success:hover, a.text-success:focus {color: #517627 !important;}
.text-info {color: #0391d1 !important;}
a.text-info:hover, a.text-info:focus {color: #012b3f !important;}

.form-group {
    margin-bottom: 15px;
}
.form-group .form-control {
    appearance: auto;
    min-height: 20px;
}

/* CSS for General Form Fields */
.control-label {
    text-align: left !important;
    padding-left: 0px !important;
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 14px;
}
/* Standard width for Kendo inputs/dropdowns inside a vertical (label-above-input) form-group,
   as used by _editCompany.cshtml and _EditPersonnel.cshtml */
.form-control-kendo {
    width: 100% !important;
    max-width: none !important;
}
.form-control {
    appearance: auto;
    font-weight: 400;
    font-size: 13px;
}
input:focus, select:focus, textarea:focus, button:focus {
    outline: auto;
}
textarea.form-control {
    max-width: 500px
}
.form-control, text-box, multi-line {
    max-width: 400px
}
.form-control, text-box, single-line {
    min-width: 150px
}

.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    padding-top: 7px;
    margin-left: 0px;
    margin-right: 0px;
}
.form-horizontal .form-group {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
}
.form-horizontal .form-group:before,
.form-horizontal .form-horizontal .form-group:after {
    display: table;
    content: " ";
}
.form-horizontal .form-group:after {
    clear: both;
}
.form-horizontal .control-label {
    margin-bottom: 5px;
    padding-top: 7px;
}
.form-horizontal .form-group .col-md-offset-2 {
    margin-left: 16.66666667%;
}

.form-inline {
    display: block;
}
.form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}
.form-inline .form-control {
    display: inline-flex;
    margin-bottom: 0;
    vertical-align: middle;
    margin-right: 5px;
}
.form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
}
.form-inline .input-group .form-control {
    width: auto;
}
.form-inline .input-group > .form-control {
    width: 100%;
}
.form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
}
.form-inline .radio,
.form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
}
.form-inline label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: normal;
}
.form-inline .radio label,
.form-inline .checkbox label {
    padding-left: 0;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
}
.radio-inline,
.checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
}
.radio-inline input[type="radio"],
.checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin: 4px 0 0;
    margin-left: -20px;
}

/* CSS for Form Validation Error Message */
.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}
.form-horizontal .has-feedback .form-control-feedback {
    right: 15px;
}
.form-control-feedback {
    color: #a94442;
}
i.form-control-feedback {
    line-height: 25px;
}
.panel-title {
    font-family: "Helvetica Neue", "Open Sans", Helvetica, Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    height: 19px !important;
    line-height: 1 !important;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    color: #4d627b !important;
}
.panel-body {
    padding: 15px;
}
.panel-body:not(.pad-no) {
    padding: 20px 0px 20px 0px !important;
}
.panel-body:before,
.panel-body:after {
    display: table;
    content: " ";
}
.panel-body:after {
    clear: both;
}

/*-------------------------------------------- */
/* Printing Changes                            */
/*-------------------------------------------- */
@media print {

    body {font-size: 11px !important;}

    .btn-sm,.btn-icon.btn-sm {font-size:10px !important;}
    .btn-xs,.btn-icon.btn-xs {font-size:10px !important;}

    .h1, h1 {font-size: 14px !important;}
    .h2, h2 {font-size: 14px !important;}
    .h3, h3 {font-size: 14px !important;}
    .h4, h4 {font-size: 13px !important;}
    .h5, h5 {font-size: 12px !important;}
    .h6, h6 {font-size: 12px !important;}

    .tooltip {display: none;}
}

/* Custom CSS to override validation feedback for valid input */
.form-control.is-valid, .was-validated .form-control:valid {
    border-color: var(--bs-component-border-color) !important;
    background-image: none !important;
}
/* Custom CSS to override validation feedback for invalid input */
.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: #ff5b57 !important;
    background-image: none !important;
}
/* Custom CSS to override Bootstrap validation feedback text for invalid input */
.invalid-feedback {
    font-size: inherit !important;
    color: rgb(var(--bs-danger-rgb)) !important;
}
/* Custom CSS to override Kendo validation feedback text for invalid input */
.k-form-error {
    font-size: inherit !important;
    color: rgb(var(--bs-danger-rgb)) !important;
}
/* Custom CSS to override Kendo validation feedback for invalid input */
.form-control.k-invalid {
    border-color: #ff5b57 !important;
    background-image: none !important;
}
/* Custom CSS to override Kendo validation feedback for valid input */
.form-control.k-valid {
    border-color: var(--bs-component-border-color) !important;
}
/* Custom CSS to override Kendo validation feedback image for invalid input */
.form-control.k-picker.k-invalid, form-control.k-widget.k-picker.k-invalid {
    padding-right: 0 !important;
}
/* Custom CSS to override Kendo Bootstrap validation feedback for invalid input */
.k-input-solid.k-invalid, .k-input-solid.ng-invalid.ng-touched, .k-input-solid.ng-invalid.ng-dirty {
    border-color: #ff5b57 !important;
}
/* Custom CSS to format Kendo TextBoxFor for phone numbers  */
.form-control.phone {
    height: 33px !important;
    padding: 0px 0px 0px 3px !important;
}