html {
    font-size: 14px;
}

hr {
    color: inherit;
}

.logo-container {
    font-size: 2rem;
}

.auth-wrapper .auth-box {
    max-width: 400px;
}

.buttonsAppear, .contractButtonsAppear {
    display: none;
}

tr:hover .buttonsAppear, div:hover > .buttonsAppear {
    display: inline;
}

.singleContract:hover > .contractButtonsAppear {
    display: flex;
}

.stylish-table tbody td {
    vertical-align: middle;
    border-top: 1px solid #eceeef;
    border-bottom: none;
}

.same-line {
    white-space: nowrap;
}

#todo-table {
    font-size: 13px;
}

#todo-table .job-cell {
    cursor: pointer;
}

#todo-table .job-cell.job-done i {
    color: #8f998e;
}
/* We need this because default datatables boostrap.css is preventing from adding color  */
table.table.dataTable > :not(caption) > * > * { 
    background-color: var(--bs-table-bg);
}

.dataTable {
    width: 100% !important;
}

.jq-toast-single {
    font-size: 15px;
}

.invoiceFormNavLink,
.invoiceFormNavLink:hover {
    color: #009efb;
}

.inlineForm .deleteEntryButton {
    margin-top: 1.95rem;
}

.label-prepend{
    font-weight: 400;
}

.invoiceSingleContainer{
    height: 79vh;
}

.pointer {
    cursor:pointer;
}

.small-icon{
    font-size: 10px;
}

th.action-buttons {
    width: 100px;
}

.text-justify{
    text-align: justify;
}

legend {
    font-weight: 400;
}

.popover {
    max-width: 600px;
}

.popover-over-title {
    padding: 7px 14px;
    border-bottom: 1px solid #ebebeb;
}

.popover-title {
    line-height: initial;
}

.popover-body {
    font-size: 14px;
}

.missingDataTable tbody > tr:last-child > td {
    border-bottom: none;
}

 /**
  * Headers with multiple rows requires adjustTableHeadersSize()
  */
.sticky thead th {
    top: 0;
    position: sticky;
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
    z-index: 2;
}

.table .spacer-left {
    border-left: 2px solid #b8b4b4;
}

.table .spacer-right {
    border-right: 2px solid #b8b4b4;
}

.table .spacer-bot {
    border-bottom: 2px solid #b8b4b4;
}

.text-very-muted, 
.table td.text-very-muted {
    color: rgba(84, 102, 122, 0.5);
}

#scheduleTable .schedule-day {
    border-bottom: 2px solid #dbd6d6;
}

#scheduleTable .have-mission {
    border-bottom: 3px solid rgba(57, 196, 73, 0.3);
}

#scheduleTable .mission-start {
    /* border-left: 2px solid rgba(57, 196, 73, 0.5); */
    border-left: 2px solid rgba(0, 158, 251, 0.5);
}

#scheduleTable .mission-end {
    border-right: 2px solid rgba(246, 45, 81, 0.5);
}

#scheduleTable tr:hover .add-button-container {
    padding: 1px;
}

#scheduleTable tr:hover .add-button-container span {
    display: none;
}

#scheduleTable tr:hover .add-button-container button {
    display: inline-block !important;
}

#scheduleTable tbody td.selected, 
.mission-table > tbody > tr:hover > td.selected {
    background-color: #45aae4 !important;
    --bs-table-bg-state: transparent;
    border-color: #45aae4 !important;
}

.form-condensed .form-label {
    margin-bottom: 0;
}

.popover {
    background-color: rgba(255, 255, 255, 0.9);
}

#popoverHourChange, 
#popoverMinuteChange {
    font-size: xx-large;
}

.table > tbody > tr.selected > * {
    --bs-table-color-state: var(--bs-table-hover-color);
    --bs-table-bg-state: var(--bs-table-hover-bg);
}

.page-breadcrumb {
    min-height: 58px;
}