.paymentDay {
    display: inline;
    padding-right: 30px;
}

#loader {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    visibility: visible;
    position: fixed;
    height: 100vh;
    width: 100%;
    background: #fff;
    z-index: 90000;
}

    #loader.fadeOut {
        opacity: 0;
        visibility: hidden;
    }

.spinner {
    width: 40px;
    height: 40px;
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    background-color: #467fcf;
    border-radius: 100%;
    -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
    animation: sk-scaleout 1.0s infinite ease-in-out;
}

#dashboardTiles {
    text-align: center;
}

.dashboard-tile {
    height: 120px;
    display: inline-block;
    border: 1px solid #999;
    width: 150px;
    padding-top: 10px;
    margin: 10px !important;
    overflow: hidden;
    box-sizing: content-box;
}

.tile-title {
    font-size: 1.2em;
    padding-bottom: 0px;
}

.tile-value {
    margin-top:-20px;
    font-size: 1.5em;
	font-weight: bold;
}

.tile-button {
    margin-left: 2px;
    margin-right: 2px;
    font-size: 0.5em;
}

@-webkit-keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}

@keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
        opacity: 0;
    }
}

/*tempus dominus calendar - early payment*/
.bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #EBEDF1 !important;
    border-radius: unset !important;
}

.bootstrap-datetimepicker-widget table td.today {
    position: relative !important;
    background-color: #EBEDF1 !important;
}

.bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover {
    background-color: #EBEDF1 !important;
    color: #9AA0AC;
    cursor: not-allowed;
    border-radius: unset;
}
/*tempus dominus calendar - early payment*/

.form-label {
    text-align: left !important;
}

.app-version {
    font-size: 13.5px;
}

.ignored {
    background-color: #DDDDDD !important;
}

/* Ensure readonly/disabled inputs show text (Supplier Manual) */
#ManualInvite input.form-control[readonly],
#ManualInvite input.form-control:disabled {
 color: #495057 !important;
 -webkit-text-fill-color: #495057; /* Chrome/Safari */
 opacity:1; /* override any theme lowering opacity */
}

/* Global: ensure readonly inputs always show text across the site */
input[readonly],
textarea[readonly],
select[readonly],
.form-control[readonly] {
 color: #495057 !important;
 -webkit-text-fill-color: #495057; /* Chrome/Safari */
 opacity:1; /* force visible text */
}

/* Global: ensure disabled inputs always show text across the site */
input:disabled,
textarea:disabled,
select:disabled,
.form-control:disabled {
 color: #495057 !important;
 -webkit-text-fill-color: #495057 !important; /* Chrome/Safari */
 opacity:1 !important; /* prevent faded text */
}