body {
    padding-top: 90px;
}

@media only screen and (min-width: 768px) and (max-width: 1305px) {
    body {
        padding-top: 140px;
    }
    .nav.navbar-nav {
        margin-top: 25px;
    }
}

button:not(:last-child) {
	margin-right: 3px;
}

.container {
    width: 95%;
}

.container-fluid {
    width: 95%;
}

.form-horizontal {
    width: 100%;
}

.form-horizontal .control-label {
    text-align: left;
}

div.vertical-line {
    /* Line width */
    width: 1px;
    /* Line color */
    background-color: black;
    /* Override in-line if you want specific height. */
    height: 100%;
    /* Causes the line to float to left of content.
    You can instead use position:absolute or display:inline-block
    if this fits better with your design */
    float: left;
}

.card-header.bui-panel-heading {
    /*theme-l5*/
    /*background-color: #fffcf2;*/
    /*theme-l4*/
    background-color: #fff4d4;
    /*theme-l3*/
    /*background-color: #ffeaa9;*/
    /*theme-l2*/
    /*background-color: #ffdf7e;*/
    /*theme*/
    /*background-color: #ffca2b;*/
}

.card-header.bui-navigation-panel {
    /*theme*/
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #ffca2b;
}

a.bui-navigation {
    color: black;
    text-align: left;
    width: 100%;
}

a.bui-navigation:hover {
    background-color: #ffca2b;
    color: black;
    text-align: left;
    width: 100%;
}

div.bui-menu {
    background-color: black;
}

ul.nav.navbar-nav li a {
    color: white;
}

ul.nav.navbar-nav li a:hover {
    background-color: #ffca2b;
    color: black;
}

li.bui-error {
    list-style-type: none;
}

.well.bui-error-well {
    background: #ffcccc;
}

.bui-input-error {
    color: #DC3545;
}

li.bui-info {
    list-style-type: none;
}

li.bui-success {
    list-style-type: none;
}

.well.bui-info-well {
    background: #cce6ff;
}

.well.bui-success-well {
    background: #d7f4d7;
}

.bui-list-style-none {
    list-style-type: none;
}

ul.bui-list-menu {
    background: black;
}

button.bui-wait:hover {
    cursor: wait;
}

input.bui-wait:hover {
    cursor: wait;
}

select.bui-wait:hover {
    cursor: wait;
}

tr.bui-wait:hover {
    cursor: wait;
}


.btn.bui-btn-center {
    display: block;
    margin: 0 auto;
}

.btn.bui-btn-inline {
    /* use this class to align the button with labeled inputs in the same row. */
    margin-top: 25px;
}

.btn.bui-btn-dropdown {
    border-left: none;
}

.btn.bui-btn-default:hover {
    background: #5cb85c;
}

.btn.bui-btn-danger:hover {
    background: #d9534f;
    color: #ffffff;
}
.btn.bui-btn-v-xs {
    padding: 0.10rem 0.10rem;
    font-size: 0.75rem;
}

.btn.bui-btn-xs, .bui-btn-xs {
    min-width: 60px;
}

.btn.bui-btn-sm, .bui-btn-sm {
    min-width: 80px;
}

.btn.bui-btn-md, .bui-btn-md {
    min-width: 100px;
}

.btn.bui-btn-lg, .bui-btn-lg {
    min-width: 100px;
}

.btn.bui-btn-xl, .bui-btn-xl {
    min-width: 160px;
}

.btn.bui-btn-xxl, .bui-btn-xxl {
    min-width: 220px;
}

.btn.bui-btn-xxxl, .bui-btn-xxxl {
    min-width: 260px;
}

.btn.bui-btn-xxxxl, .bui-btn-xxxl {
    min-width: 300px;
}

tr.bui-edit:hover {
    cursor: pointer;
}

.ng-valid[required] {
    border-left: 5px solid #42A948;
}

.ng-invalid {
    border-left: 5px solid #a94442;
}

.ng-valid[required].required-parent {
    border-left: none
}

.ng-invalid.required-parent {
    border-left: none
}

form.ng-invalid {
    /* hack to remove border from invalid forms */
    border-left: none
}

.bui-checkbox+.bui-checkbox-inline, .bui-radio+.bui-radio-inline {
    /* to display un-labeled checkbox/radio in line with elements that do have a label. */
    margin-top: 23px;
    white-space: nowrap;
    overflow: hidden;
    border-radius: var(--bs-border-radius);
    text-overflow: ellipsis; /* Adds "..." if text overflows */
}

.bui-checkbox+label, .bui-radio+label {
    color: #000;
    font-weight: 600 !important;
    /*font-weight: bold;*/
    /*border: 1px solid #D1D3D4;*/
    margin: 0px 5px 15px 0px;
    width: 100%;
}

.bui-checkbox:disabled+label, .bui-radio:disabled+label {
    background-color: #e6e6e6;
    border: 1px solid #cccccc;
}

.bui-checkbox:disabled+label:hover, .bui-radio:disabled+label:hover {
    cursor: not-allowed;
}

.bui-checkbox:empty, .bui-radio:empty {
    /* hide input */
    margin-left: -999px;
    display: none;
}

.bui-checkbox:empty+label, .bui-radio:empty+label {
    /* style label */
    position: relative;
    float: left;
    line-height: 2.5em;
    text-indent: 3.25em;
    /*margin-top: 0em;*/
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.bui-checkbox:empty+label:before, .bui-radio:empty+label:before {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    content: '';
    width: 2.5em;
    border-radius: var(--bs-border-radius);
}

.bui-checkbox:hover:not(:checked)+label:before, .bui-radio:hover:not(:checked)+label:before {
    /* toggle hover */
    text-indent: .9em;
    color: black;
}

.bui-checkbox:hover:not(:checked)+label, .bui-radio:hover:not(:checked)+label {
    color: black;
}

.bui-checkbox:not(:checked)+label:before, .bui-radio:not(:checked)+label:before {
    border: 1px solid #cccccc;
}

.bui-checkbox:checked+label:before, .bui-radio:checked+label:before {
    /* toggle on */
    content: '\2713';
    text-indent: .9em;
    color: #ffffff;
    font-weight: normal;
    /*boostrap primary-success*/
    background-color: #5cb85c;
}

.bui-checkbox:checked+label, .bui-radio:checked+label {
    color: black;
}

.bui-currency, .bui-date, .bui-number {
    text-align: right;
}

textarea {
    resize: vertical;
}

.alert, .btn, .form-control, .input-group-addon, .card, .card-header, .progress, .well {
    border-radius: var(--bs-border-radius)
}

label.nowrap {
    white-space: nowrap;
}

.btn.hasAttachments {
    background-color: #5bc0de;
}

span[data-tooltip] {
    display: inline-block;
    position: relative;
    cursor: help;
}
/* Tooltip styling */
span[data-tooltip]:before {
    content: attr(data-tooltip);
    display: none;
    position: absolute;
    background: #000;
    color: #fff;
    padding: 5px 10px;	
	white-space: nowrap;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
    border-radius: 6px;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
/* Dynamic horizontal centering */

span[data-tooltip-position="top"]:before {
    bottom: 100%;
    margin-bottom: 6px;
}

/* Tooltip arrow styling/placement */
span[data-tooltip]:after {
    content: '';
    display: none;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
/* Dynamic horizontal centering for the tooltip */
span[data-tooltip-position="top"]:after {
    left: 50%;
    margin-left: -6px;
}
span[data-tooltip-position="top"]:after {
    bottom: 100%;
    border-width: 6px 6px 0;
    border-top-color: #000;
}
/* Show the tooltip when hovering */
span[data-tooltip]:hover:before,
span[data-tooltip]:hover:after {
    display: block;
    z-index: 1;
}

.hasFile-color {
  color: #5bc0de;
}
.hasFile-background-color {
  background-color: #5bc0de;
}

/* customize bootstrap class */
.form-label {
    font-weight: 600 !important;
}
.form-group {
    margin-bottom: 15px;
}

.form-control:focus {
    box-shadow: 0 0 0 0.1rem rgba(13, 110, 253, 0.25);
}

.form-select:focus {
    box-shadow: 0 0 0 0.1rem rgba(13, 110, 253, 0.25);
}

.datalist-caret {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentColor'%3e%3cpath d='M3.2 5.5 8 10.3l4.8-4.8.9.9L8 12.1 2.3 6.4z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: .8rem;
    padding-right: 2rem; /* make room for the icon */
}

.form-control:read-only:not(:disabled),
input[readonly].form-control:not(:disabled),
textarea[readonly].form-control:not(:disabled) {
    background-color: var(--bs-secondary-bg); /* same as disabled */
    color: inherit;              /* keep readable text */
    opacity: 1;                  /* don't dim like .disabled utilities do */
    cursor: default;             /* optional: 'not-allowed' if you prefer */
}

/* Remove focus glow when read-only */
.form-control:read-only:not(:disabled):focus {
    box-shadow: none;
}

.btn-outline-secondary {
    color: black !important;
}
.btn-outline-secondary:hover {
    color: white !important;
}

.bui-green-checkbox {
    accent-color: #16a34a;          /* Tailwind’s green-600-ish */
    width: 1.5rem; height: 1.5rem;  /* optional size tweak */
}