﻿table.dataTable.no-footer {
    width: 100% !important;
}
input[type="date"]:before {
    content: attr(placeholder) !important;
    color: #aaa;
    /*margin-right: 0.5em;*/
}
.focus input[type="date"]:before {
    content: "" !important;
}

/*input[type="date"]:focus:before,
input[type="date"]:valid:before {
    content: "" !important;
}*/
.prescription__image.upload {
    height: 100%;
    background-size: 100%!important;
}

.text-danger {
    float:left;
}

.custom-disabled {
    cursor:default!important;
}

.btn.custom-disabled {
    background-color: #a4a4a4 !important;
    border-color: #a4a4a4 !important;
}

.btn-primary.custom-disabled, .custom-disabled:disabled {
    color: #fff !important;
}

.form .form__hint--custom {
    display: block;
    margin: 5px 0 11px;
    font-style: italic;
    font-size: 15px;
    color: #4a4a49;
    position: relative;
    top: 0;
    left: 0;
    padding: 0;
    opacity: 1;
}

    .form .form__hint--custom.pw-weak {
        color: #c1272d;
    }

.form .form__hint--custom #Password-error {
    font-size: 15px;
}

.form .form__label.form__label--password {
    top: 20px;
}

.form .form__row.focus.form--has-error .form__label--password {
    opacity: 1;
}

.input-validation-error {
    border-color: #c1272d;
}
    .input-validation-error:focus {
        border-color: #c1272d;
    }

.select select.input-validation-error {
    border-color: #c1272d;
}

/*
    REMOVED 25/07/2019, as not sure why we need this. KK
    .ui-state-active {
    background: #fff !important;
    cursor: default !important;
}*/
@keyframes onAutoFillStart {
    from { /**/
    }

    to { /**/
    }
}

@keyframes onAutoFillCancel {
    from { /**/
    }

    to { /**/
    }
}

input:-webkit-autofill {
    animation-name: onAutoFillStart;
    transition: background-color 50000s ease-in-out 0s;
}

input:not(:-webkit-autofill) {
    animation-name: onAutoFillCancel;
}

input[type="password"] {
    direction: ltr !important;
}

@media screen and (max-width: 1050px) and (min-width: 1023px) {
    .completed-table .table__filters .list-checkboxes {
        margin-right: 30px;
    }
}

@media screen and (max-width: 1023px) {
    .completed-table .dataTables_filter input {
        width: 100%;
    }

    .completed-table .dataTables_filter label {
        width: 100%;
    }

    .completed-table .table__filters {
        position: relative;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

/*test*/