.display-hide {
    display: none;
}

.form-control[readonly] {
    background-color: #fafafa;
    opacity: 1;
}

.cursor-not-allowed {
    cursor: not-allowed !important;
}

.dot {
    height: 12px;
    width: 12px;
    background-color: #3699ff;
    border-radius: 50%;
    display: inline-block;
}

.radio.radio-outline.radio-magenta > input:checked ~ span {
    background-color: transparent;
    border-color: magenta;
}
.radio.radio-outline.radio-magenta > input:checked ~ span:after {
    background-color: magenta;
    border-color: magenta;
}

.radio.radio-outline.radio-gray > input:checked ~ span {
    background-color: transparent;
    border-color: gray;
}
.radio.radio-outline.radio-gray > input:checked ~ span:after {
    background-color: gray;
    border-color: gray;
}

table.table-bordered.table-dark-border > thead > tr > th,
table.table-bordered.table-dark-border > thead > tr > td,
table.table-bordered.table-dark-border > tbody > tr > th,
table.table-bordered.table-dark-border > tbody > tr > td{
    border:1px solid black;
}

.pointer-events-none {
    pointer-events: none;
}

.font-size-xl {
    font-size: 12px;
}

.underline {
    text-decoration: underline !important;
}

.image_fit{
    background-size: cover !important;
    object-fit: cover !important;
    width: 100% !important;
}

.only_show_on_print{
    display: none;
}

.only_hide_on_print{
    display: flex;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    color: #ccc !important;         /* grey out the text */
    text-decoration: line-through;  /* optional: strikethrough */
    cursor: not-allowed !important; /* show disabled cursor */
    background: #f9f9f9 !important; /* subtle background */
}

.datepicker .month.disabled,
.datepicker .month.disabled:hover,
.datepicker .year.disabled,
.datepicker .year.disabled:hover {
    color: #ccc;
    text-decoration: line-through;
    cursor: not-allowed;
    background: #f9f9f9;
}

@media print {
    .print-text-dark {
        color: #000000 !important;
    }

    .only_show_on_print{
        display: flex !important;
    }

    .only_hide_on_print{
        display: none !important;
    }
}