[v-cloak] {
    display: none;
}

body {
    background-color: #e0e0e6;
    overflow: visible;
    font-size: 0.85rem;
}

    body.authentication {
        display: block;
    }

#app-header.development {
    background: red;
}

h3.styled {
    text-align: left;
    position: relative;
    font-weight: 400;
    margin-bottom: 10px;
}

a:hover, .text-underline {
    cursor: pointer;
    text-decoration: underline;
}

figure.user-card,
.user-card {
    background-color: #f0f1f9;
    padding-top: 5px;
}

.text-center {
    text-align: center !important;
    justify-content: center !important;
}

.content-wrapper {
    padding: 20px;
    height: auto;
    overflow: visible;
}

.custom-table {
    font-size: 13px;
}

table.custom-table td {
    vertical-align: top;
}


table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
    color: #000;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    color: #000;
}

span.invalid-feedback {
    display: block;
}


.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem;
}

.badge-muted,
.badge-border {
    border: 1px solid #8796af;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


/** -----------https://fullcalendar.io/-----------------**/
/** -----------use important to override-----------------**/
.fc-event,
.fc-event-dot {
    background-color: #fff !important;
    border: 1px solid #ccc !important;
}


.badge.fc-publicevent,
.fc-day-grid-event.fc-publicevent,
.fc-publicevent > td > span.fc-event-dot {
    color: white;
    font-weight: bold;
    background-color: #268826 !important;
    border: 0 !important;
}

.badge.fc-attorney,
.fc-day-grid-event.fc-attorney,
.fc-attorney > td > span.fc-event-dot {
    color: white;
    font-weight: bold;
    background-color: #e261e2 !important;
    border: 0 !important;
}

.badge.fc-expert,
.fc-day-grid-event.fc-expert,
.fc-expert > td > span.fc-event-dot {
    color: white;
    font-weight: bold;
    background-color: #d20a0a !important;
    border: 0 !important;
}

.badge.fc-mediator,
.fc-day-grid-event.fc-mediator,
.fc-mediator > td > span.fc-event-dot {
    color: white;
    font-weight: bold;
    background-color: #FF7F50 !important;
    border: 0 !important;
}


.badge.fc-task,
.fc-day-grid-event.fc-task,
.fc-task > td > span.fc-event-dot {
    color: #333 !important;
    font-weight: bold;
    background-color: #f1e05a !important;
    border: 0 !important;
}

.badge.fc-financial,
.fc-day-grid-event.fc-financial,
.fc-financial > td > span.fc-event-dot {
    color: white;
    font-weight: bold;
    background-color: #51668c !important;
    border: 0 !important;
}

/*DataTable*/
.data-table-classic {
    display: none;
    width: 100% !important;
}

.dataTables_filter {
    float: left !important;
}

.dataTables_length {
    float: right !important;
}

.dataTable_groupRow {
    background-color: #1674D1 !important;
    color: white !important;
    font-weight: bold !important;
}

.dataTables_wrapper > .dt-buttons {
    float: right !important;
    padding-bottom: 5px;
}

.dataTables_wrapper .dt-button-collection .dt-button {
    width: 100% !important;
}

.dtPdfIcon {
    margin-right: 5px;
    color: #f35050;
}

.dtExcelIcon {
    margin-right: 5px;
    color: #27b963;
}

.dataTables_wrapper .top .dataTables_info {
    padding: 0px !important;
    margin: 0px !important;
}

.dataTables_info {
    font-weight: bold !important;
}

.required {
    color: red;
}

/* Global Search */
.global-search .search-global {
    color: black;
    background: WhiteSmoke;
}

input.search-query.search-global {
    width: 400px;
}

ul.dropdown-menu.list-items > li {
    margin: 3px;
    padding: 8px;
    border-bottom: 1px solid #dee5f1;
    background: whitesmoke;
}

    ul.dropdown-menu.list-items > li:hover,
    .globalSearchFocusItem {
        background-color: lightyellow !important;
        font-weight: bold !important;
    }

    ul.dropdown-menu.list-items > li > a:hover {
        cursor: pointer;
        text-decoration: none;
        color: inherit;
    }

.dataTableSearchRow {
    background: #ecf1fa !important;
}

.field_CaseStatus label {
    width: 25px !important;
}

.field_CaseStatus .badge-muted {
    padding: 5px;
}

.report-header {
    background-color: #2F394D !important;
    color: white;
}

#case-calendarListViewReport .fc-header-toolbar .fc-right {
    display: none;
}

.badge.fc-caseintake,
.fc-day-grid-event.fc-caseintake,
.fc-caseintake > td > span.fc-event-dot {
    color: white;
    font-weight: bold;
    background-color: lightpink !important;
    border: 0 !important;
}

.badge.fc-deliverables,
.fc-day-grid-event.fc-deliverables,
.fc-deliverables > td > span.fc-event-dot {
    color: white;
    font-weight: bold;
    background-color: orange !important;
    border: 0 !important;
}

#case-calendarListViewReport > .fc-header-toolbar {
    display: none;
}

.appLoader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('/Content/img/loader.gif') center no-repeat #fff;
}

.dataTables_wrapper {
    overflow-x: auto;
}

a > i.globeIcon, a > i.listIcon {
    color: #65b1ef;
}

a > i.editIcon {
    color: #267cb5;
}

a > i.checkIcon, a > i.excelIcon, .text-green {
    color: #27b963;
}

a > i.deleteIcon, .text-red {
    color: #f23f3f;
}

td.action {
    text-align: center;
}

td > a > i {
    font-size: 20px;
    margin-right: 7px;
    margin-left: 7px;
    text-align: center;
}

.styled > span > a > i {
    margin-right: 5px;
}

button > i {
    margin-right: 5px;
}

.orderAlertFlag {
    background-color: #ffaaaa !important;
}

.datepicker-dropdown {
    width: 200px !important;
}

@media only screen and (max-width: 600px) {
    .receiptUrl {
        position: unset !important;
    }
}

.badge.badge-primary {
    background: #007bff !important;
}

.badge.badge-secondary {
    background: #6c757d !important;
}

.badge {
    font-size: 12px;
}


/* Password Rule Css */
.validPassword {
    color: green;
}

    .validPassword:before {
        position: relative;
        left: -35px;
        content: "✔";
    }

.invalidPassword {
    color: red;
}

    .invalidPassword:before {
        position: relative;
        left: -35px;
        content: "✖";
    }

/* Bootstrap-Auto Complete */

.bootstrap-autocomplete.dropdown-menu.show {
    overflow-y: scroll;
    max-height: 400px;
}