html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn-primary {

    --bs-btn-color: #fff !important;
    --bs-btn-bg: #005dab !important;
    --bs-btn-border-color: #005dab !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: #0b5ed7 !important;
    --bs-btn-hover-border-color: #0a58ca !important;
    --bs-btn-focus-shadow-rgb: 49, 132, 253 !important;
    --bs-btn-active-color: #fff !important;
    --bs-btn-active-bg: #0a58ca !important;
    --bs-btn-active-border-color: #0a53be !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
    --bs-btn-disabled-color: #fff !important;
    --bs-btn-disabled-bg: #005dab !important;
    --bs-btn-disabled-border-color: #005dab !important;
}
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.navbar .container-fluid {
    justify-content: unset;
}

.navbar-brand {
   padding: 20px 100px;
   font-weight: bold;
   color:  darkslateblue;
}

.logo {
    display: block;
    background-image: url('../images/CITGOLubricantsLogo.png');
    background-size: 90px 90px;
    width: 90px;
    height: 90px;
    background-repeat: no-repeat;
}

h1 sub, h2 sub, h3 sub, h4 sub, h5 sub {
    display:block;
    font-size:.65em;
    font-style:italic;
    margin-top:5px;
    text-indent:1em;
    color:RGB(227, 32, 38);
}

form label { font-weight:600; }

form .actions { text-align:right; }

label.info {
    font-size: .85em;
    font-style: italic;
}


.position {
    font-weight:bold;
    margin-right:10px;
}
.position::after {
    content: '';
}

h1 .position::after,
h2 .position::after,
h3 .position::after,
h4 .position::after,
h5 .position::after {
    content: '.'
}
.disable {
    pointer-events: none;
}

form .required::after {
    content: ' *';
    color: #ff0000;
}

.bi-file-pdf::before {
    color: red;
    content: "\f63f"; /*40"; */
}

.bi-file-xlsx::before {
    color: green;
    content: "\f395"; /*6";*/
}

.bi-file-doc::before,
.bi-file-docx::before {
    color: blue;
    content: "\f3ba"; /*b";*/
}

.bi-file-txt::before {
    color: black;
    content: "\f3b8"; /* 9"; */
}

tbody.striped tr:nth-child(even) {
    border-top: 1px solid lightgray;
    background-color: aliceblue;
}
.striped.ui-items {
    border-top: 2px solid darkgray;
    border-bottom: 2px solid darkgray;
    padding:0px;
}
    .striped.ui-items .container:nth-child(even) {
        border-top: 2px solid lightgray;
        background-color: aliceblue;
    }

thead.errors td { border:0px; }

/*.container.action-form .container .row:nth-child(odd),
.container.action-form-display .container .row:nth-child(odd) {
    font-weight: bold;
}

.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}*/

select.input-validation-error,
input.input-validation-error, textarea.input-validation-error {
    border: 1px solid #e80c4d;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}
.validation-summary-errors ul { list-style:none; padding:0px; margin:0px;}

.validation-summary-valid {
    display: none;
}

.review h5 {
    margin-top:2em;
    color:darkblue;
}
.review .container > .row { margin-top:1em; }
.review .row.fw-semibold {
    border-bottom: double lightgray;
}

.review .table.striped .row:nth-child(odd){
    background-color:aliceblue;
}
.review .table.striped {
    border-bottom: 0.025em solid lightgray;
}

.review .table.striped .row { margin-top:0px; padding: .5em 0; }


.field-validation-error {
    display:block;
    padding: 10px 15px;
    width: 100%;
    color: red;
    border-radius:5px;
    margin:10px;
    font-weight:bold;
}

    .field-validation-error.highlight {
        background-color: #b8292f !important;/*#e41e26 !important; */
        color: white !important;
    }


.custom-tooltip {
    --bs-tooltip-bg: var(--bd-violet-bg);
    --bs-tooltip-color: var(--bs-white);
}

.lsq {

}
.lsq-question {

}
.lsq-response {

}

.field-validation-error {
    padding: 0 0 !important;
}

input[type=radio]{
    margin-left:1rem !important;
    margin-right:0.25rem !important;
}

.tooltip-inner {
    padding:1.5em;
    text-align: left;
}

.form-helper-primary {
    --bs-tooltip-bg: var(--bs-primary);
}
.form-helper-danger {
    --bs-tooltip-bg: var(--bs-danger);
}

.table.table-striped thead th {
    font-weight: 500;
}
.table.table-striped thead th,
.table.table-striped tbody td {
    padding: .5em .75em;
}
.table.table-striped tbody tr:nth-child(odd) {
    background-color: aliceblue !important;
}

.review h5 { margin-top: 1.5em; }

.btn.rotate-left {
    -ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
    transform: rotate(270deg);    
    position:absolute;
    top:5em;
    right:-3em;
}

.offcanvas.offcanvas-end {
    width:50em !important;
}


.preview-only { display:none; }