/* Automatically add a colon */
.text-colon::after {content:": "}

/* First letter up */
.first-letter-uppercase:first-letter {text-transform:capitalize}
.first-letter-uppercase.input-group-text {display:block}

/* Required form fields */
.col-form-label.required::before {content:"* "}

/* Password revealing */
.position-relative > input ~ .toggle-password {position:absolute; top:7px; right:10px; cursor:pointer}
.position-relative > input + .invalid-feedback + .toggle-password {right:30px; color:#dc3545}
.offcanvas .position-relative > input ~ .toggle-password {color:#fff}

/* Allow toasts to be displayed above modals; be careful not to set it for the main navigation */
footer ~ .fixed-top {z-index:9999999}

/* Fixing hidden dropdown problem in responsive tables */
.table-responsive .dropdown, .table-responsive .btn-group, .table-responsive .btn-group-vertical {position:static}

/* Table actions column */
.table th.actions {width:1px; background-color:#049A9E}
.table th.actions > a {color:#00293A}
.table th.actions > a:hover, .table th.actions .btn-group .btn:hover i, .table th.actions .btn-group .btn.show i {color:#FFF}
.table th.actions .btn-group {text-transform:initial}

/* Info pop-up links */
a.info-popup {text-decoration:dashed; text-decoration-line:underline}
a.info-popup:hover {text-decoration:underline}

/* Display text with preserved whitespace */
.text-container {white-space:pre}

/* Nested info pop-up modals */
#info-popup-modal {z-index:1060}
#info-popup-modal.show ~ .modal-backdrop {z-index:1055}

/* Image display pop-up modals */
.modal.image-display {z-index:1060}
.modal.image-display.show ~ .modal-backdrop {z-index:1055}

/* Links: default cursor */
a {cursor:pointer}

/* Modal "close" buttons should not have been overwritten, undoing */
.modal .btn-close {margin-top:inherit !important; margin-bottom:inherit !important; padding-left:inherit !important}

/* Modal window tabs */
.modal .nav-tabs .nav-item button:first-letter {text-transform:capitalize}
.modal .nav-tabs .nav-item button:not(.active):not(.disabled) {color:#00293A}
.modal .nav-tabs .nav-item button.active {background:#00293A; color:#fff}
.modal .nav-tabs, .modal .nav-tabs .nav-item button.active, .modal .tab-pane > .col {border-color:#00293A !important}
.modal .nav-tabs .nav-item button:hover {border-bottom-color:#00293A !important}

/* Modal tables are always bordered and don't need spaces between cells */
.modal table {border-collapse:collapse}
.modal .table > :not(:first-child) {border:none}

/* Popover plugin */
.popover-body {white-space:break-spaces}

/* Datepicker plugin */
.datepicker.datepicker-dropdown {z-index:1030}
div.datepicker td.day {border-radius:3px}
div.datepicker td.today:not(.active) {background:#ffdb99; color:#000}

/* Daterangepicker plugin */
.daterangepicker td.active, .daterangepicker td.active:hover {background-color:#049a9e}
.modal .daterangepicker .btnStart {margin-bottom:0; font-weight:normal}

/* Additional buttons */
.btnBasic {padding-top:8px; padding-bottom:8px; margin-top:20px; font-size:0.9rem}
.modal .btnBasic {margin:1px 3px 18px}
@media (max-width: 768px) {.btnBasic {font-size:0.8rem}}

/* Badges */
.status-badge {margin:0 0.5rem}
.status-badge .badge > i {margin-left:0.15rem}

/* Responsive table cells */
@media (min-width: 576px) {th.d-sm-block, td.d-sm-block {display:table-cell !important}}
@media (min-width: 768px) {th.d-md-block, td.d-md-block {display:table-cell !important}}