.datetime-block {
    position: relative;
}

    .datetime-block .week {
        position: absolute;
        top: 0;
        left: 0;
        padding: 4px;
        padding-right: 12px;
        margin: 0;
        color: #fff;
        z-index: 2;
        background-color: transparent;
    }

        .datetime-block .week:before {
            position: absolute;
            top: 0;
            left: 0;
            content: '';
            display: block;
            width: 0;
            height: 0;
            border-top: 60px solid #333;
            border-right: 60px solid transparent;
        }

        .datetime-block .week > span {
            color: #fff;
            position: absolute;
            display: block;
            transform: rotateZ(-45deg);
            font-weight: bold;
            top: 12px;
            left: -12px;
            width: 67px;
            text-align: center;
        }

    .datetime-block .dateblock {
        position: relative;
    }


.p-l-30 {
    padding-left: 30px;
}

.p-l-40 {
    padding-left: 40px;
}

.page-wrapper {
    /*-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));*/
}

.col-row-mt-4 {
    margin-top: 2rem !important;
}


.table-striped tbody tr:nth-of-type(odd) {
    background: rgb(240, 242, 244);
}

.table tbody th {
    border-top: 1px solid #f3f1f1;
}

table.table.table-condensed tr > th,
table.table.table-condensed tr > td {
    padding-left: 1px;
    padding-right: 1px;
}

table.table.table-condensed thead tr > th {
    text-align: center;
}

table.table.table-condensed tbody tr > th {
    line-height: 39px;
    padding-left: 6px;
}

.bootbox.extralarge > .modal-dialog {
    max-width: 90%;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

select.form-control:not([size]):not([multiple]) {
    height: auto;
}


/* Signature Styling */
.signature-box {
    position: relative;
}

    .signature-box .signature-line {
        position: absolute;
        right: 10px;
        height: 50px;
        bottom: 20px;
        border-top: 1px solid #000;
        left: 10px;
        padding-top: 10px;
    }

    .signature-box .signature {
        height: 250px;
        width: 100%;
        border: 1px solid #000;
    }


.card > .nav.nav-tabs.card-header > a.btn.btn-outline-primary:not(:disabled):not(.disabled) {
    color: #fff !important;
    background-color: #0c563f !important;
}

.card > .nav.nav-tabs.card-header > a.active.btn.btn-outline-primary:not(:disabled):not(.disabled),
.card > .nav.nav-tabs.card-header > a.active.btn.btn-outline-primary:not(:disabled):not(.disabled):focus {
    color: #0c563f !important;
    background-color: #fff !important;
    margin-bottom: -1px;
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: none;
}

.card > .nav.nav-tabs.card-header {
    position: relative;
    padding-bottom: 0;
}

    .card > .nav.nav-tabs.card-header > .header-text {
        position: absolute;
        right: 2em;
        font-size: 1.4em;
        font-weight: bold;
    }

.ui-datepicker {
    z-index: 1050 !important;
}

.error {
    border-color: red !important;
    border-width: 2px !important;
}

.btn.disabled {
    background-color:#ccc !important;
    pointer-events: none !important;
    cursor: not-allowed !important;
}