﻿.btnDropdown {
    color: #4b4b5a !important;
}

.force-right {
    left: auto !important;
}

.btn-light {
    background-color: #e1e1e1 !important;
}

.responsive-down {
    display: block;
    height: 500px !important;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

table {
    color: #000 !important;
}

.stickyHeader {
    position: sticky;
    top: 0;
    background-color: white;
}

th {
    white-space: nowrap !important;
}

td {
    white-space: nowrap !important;
}

.accntReportTable {
    border: 1px solid #d5d5d5;
}

.accntReportTable thead th {
    vertical-align: central !important;
    padding: 0.45rem !important;
}

.accntReportTable tbody tr {
    border-bottom: 1px solid #d5d5d5;
}

.bookingTable thead th {
    width: 150px !important;
}

.bookingTable {
    table-layout: fixed;
}

.calenderTable thead th {
    width: 150px !important;
}

.calenderTable {
    table-layout: fixed;
}

.calenderTable td {
    border: 1px solid #d5d5d5 !important;
    height: 100px !important;
}

.reportTable {
    border: 1px solid #3d3d3d;
}

.reportTable td {
    border-top: none !important;
}

.reportTable th {
    border-top: none !important;
}

.reportTable thead th {
    vertical-align: central !important;
    padding: 0.45rem !important;
}

.InputHasError {
    border-color: #ff5c75;
}

.InputIsValid {
    border-color: #43d39e;
}

.breakLine {
    white-space: normal !important;
    word-break: break-word !important;
}

.FormErrorMessage {
    color: #ff5c75;
    display: block;
    margin-top: 0.25rem;
    font-size: 80%;
}

.FormValidMessage {
    color: #43d39e;
    display: block;
    margin-top: 0.25rem;
    font-size: 80%;
}

.overlay {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(171, 171, 171, 0.4);
    z-index: 1000000;
}

.overlay__inner {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.overlay__content {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.spinner {
    width: 50px;
    height: 50px;
    display: inline-block;
    border-width: 4px;
    border-color: rgba(255, 255, 255, 0.05);
    border-top-color: #fff;
    animation: spin 1s infinite linear;
    border-radius: 100%;
    border-style: solid;
}

.form-control[readonly] {
    background-color: #f1f1f1 !important;
}

.autocomplete {
    position: relative;
}

.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
}

    .autocomplete-items div div {
        padding: 10px;
        cursor: pointer;
        background-color: #fff;
        border-bottom: 1px solid #d4d4d4;
    }

        /*when hovering an item:*/
        .autocomplete-items div div:hover {
            background-color: #e9e9e9;
        }

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
    background-color: DodgerBlue !important;
    color: #ffffff;
}