@keyframes blink {
    50% {
        border-color: #ff0000;
    }
}

/*
    Table row coloring for validation results
*/

.table-alert-fade td {
    transition: background-color ease-out .2s;
}

.table-alert-error td {
    color: #b94a48;
    background-color: #f2dede !important;
    border-top: 1px solid #eed3d7 !important;
}

.table-alert-warn td {
    color: #c09853;
    background-color: #fcf8e3 !important;
    border-top: 1px solid #fbeed5 !important;
}

.table-alert-info td {
    color: #3a87ad;
    background-color: #d9edf7 !important;
    border-top: 1px solid #bce8f1 !important;
}

.table-alert-success td {
    color: #468847;
    background-color: #dff0d8 !important;
    border-top: 1px solid #d6e9c6 !important;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.loader {
    border: 5px solid #f3f3f3;
    border-top: 5px solid #555;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 2s linear infinite;
}

.centeredAbsolute {
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.field-validation-error {
    color: red;
}

.validation-summary-valid {
    display: none;
}

.validation-summary-errors {
    display: none;
}

th.detailsHeader {
    background-color: #D8D6D6;
}

td.detailsLabel {
    background-color: #F3F3F3;
}

td.iconCell {
    text-align: center;
    width: auto;
}

.uploadingLoadingPanel {
    float: left !important;
    padding-top: 7px;
    width: 75%;
    margin-left: 0px;
}


.buttonRow {
    margin-bottom: 10px;
}

td.entityPicker {
    cursor: pointer;
}

.customer .detailsLabel,
.customer-membership .detailsLabel,
.item .detailsLabel {
    width: 170px;
}

.customer .detailsContent,
.item .detailsContent {
    width: 282px;
}

.customer-membership .detailsContent {
    width: 267px;
}

#stomaListContainer .pagination {
    margin-right: 30px;
}

.radio-label {
    width: 60px !important;
}

.radio-label-gender {
    width: 40px !important;
}

.radio-label-gender-female {
    margin-left: 5px;
}

.radio-button {
    float: left;
    margin-top: 10px !important;
}

.editor-number input {
    width: 157px !important;
}

.editor-lettercode input {
    width: 30px !important;
    text-align: center;
}

.displayLetterCode {
    border: 1px solid lightgrey;
    background-color: lightgrey;
    height: 26px;
    padding-top: 8px;
    width: 40px;
    text-align: center;
}

.displaynone {
    display: none !important;
}

.btnCopyToPostal {
    height: 29px;
    margin-left: 5px;
}

button.btn:focus, a.btn:focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #0087EF;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #0087EF;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #0087EF;
}


select:disabled {
    background-color: #eee;
    background-image: url('');
}

.customerStoma {
    width: 550px;
}

.customerPaymentLine {
    width: 550px;
}

.paymentMethodType {
    width: 170px;
}

.cheque-debit input {
    width: 300px !important;
}

.checkbox-label {
    width: 100px !important;
}

.table-icon {
    cursor: pointer;
}

.datepicker, div.sticky-queue {
    z-index: 2000 !important;
}

.control-group .checkbox input[type="checkbox"] {
    margin-left: -15px;
}

.control-group .checkbox .inline {
    margin-right: 0px !important;
}

.control-group .checkbox {
    padding-left: 10px !important;
}

.control-group .item-checkbox input[type="checkbox"] {
    margin-left: -30px !important;
}

.adjustmentnote {
    /*width: 350px;*/
    height: 200px;
}

.inventoryAdjustment-fields {
    width: 170px !important;
}

.description {
    width: 100px;
}

.packs, .units,
.unitsDelivered,
.price, .packsDelivered, .packsHidden, .delivered {
    width: 70px;
}

.reportBorder {
    background: white;
    border: solid 1px #8A8A8A;
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.34);
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.34);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.34);
    padding: 5px 5px 5px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 815px;
    margin-top: 20px;
}

    .reportBorder.landscape {
        width: 1024px !important;
    }

.customErrorMessage {
    margin: 5px 0px 7px 0px;
}


/*IE Fixes START*/
#customerStomaTable {
    width: 648px;
}
/*IE Fixes END*/

td.columnCenter {
    text-align: center;
}

td.columnRight {
    text-align: right;
}

.variant-description {
    width: 315px;
}

.variantsTable {
    width: 58%;
    margin-left: 0px;
}

.note-span {
    text-align: right;
    margin-right: 20px;
    margin-top: 5px;
}

/* Fix for customer pharmaceutical orders list vertical scrolling on Firefox */
dataTables_scrollHead {
    width: 100% !important;
}

dataTables_scrollHeadInner table.dataTable {
    width: 100% !important;
}


#customerPharmaceuticalTable, #customerMedicalCertificateTable, #customerTable, #resultsTable {
    width: 100% !important;
}


.membershipFeeItem {
    width: 235px;
}

form.modalForm {
    margin-bottom: 0px;
}

.inpStomaID {
    width: 150px;
}

.btn-custom-disabled, .btn-custom-disabled[disabled] {
    color: #fff;
}

.disabledEmailLink {
    opacity: 0.5;
    cursor: not-allowed;
}

.row_selected td {
    background-color: #e6e6e6 !important;
}

#memberReportViewer {
    width: 1000px;
    height: 800px;
    overflow: scroll;
}

.select2-container .select2-container-multi .select2-choices {
    height: 60px !important;
    overflow: scroll;
}

.listTable {
    width: 1650px !important;
}

.popover {
    font-size: 13px;
    line-height: 18px;
    color: #222;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: left;
}

.pharmaceuticalOrderOdd.stoma0 { background-color: hsl(177,67%,78.5%); }
.pharmaceuticalOrderOdd.stoma1 { background-color: hsl(157,55.4%,86%); }
.pharmaceuticalOrderOdd.stoma2 { background-color: hsl(84,54.4%,92.5%); }
.pharmaceuticalOrderOdd.stoma3 { background-color: hsl(24,100%,93.5%); }
.pharmaceuticalOrderOdd.stoma4 { background-color: hsl(3,100%,90.5%); }

.pharmaceuticalOrderEven.stoma0 { background-color: hsl(177,67%,62.5%); }
.pharmaceuticalOrderEven.stoma1 { background-color: hsl(157,55.4%,70%); }
.pharmaceuticalOrderEven.stoma2 { background-color: hsl(84,54.4%,74.5%); }
.pharmaceuticalOrderEven.stoma3 { background-color: hsl(24,100%,73.5%); }
.pharmaceuticalOrderEven.stoma4 { background-color: hsl(3,100%,74.5%); }

#customerPharmaceuticalTable > tbody > tr.dtrg-group > td {
    font-size: 0;
    line-height: 0;
}

/*Button to clear the value from a date picker box*/
.dateBoxClearable > input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: 70px;
}

.dateBoxClearButton, .dateBoxClearTodayButton {
    margin-left: -5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-left: 7px;
    padding-right: 7px;
}