/*#region Globals */
/* PaulH commented out till I remember what it was for.  transition "all" is slow so lets just limit to the attribs we want to fade
*:not(li.nav-item):not(.tooltip) {
	transition: all 1s ease-in-out;
}
*/
/*#endregion*/

/*#region Layout & Containers */
.tab-content .ew-grid, /* tables in bottom detail tabs */
iframe {
    width: 100%;
}

.ew-edit-form,
.ew-view-form,
.ew-add-form {
    width: 100% !important;
}

/* Make list pages full height */
.card-body.ew-grid-middle-panel {
    max-height: unset;
    overflow-y: unset;
}

.row {
    --bs-gutter-x: 2.5em; /* prevents labels in second column being too close to first column */
}

.ew-google-map {
    width: 100% !important;
}

/*#endregion*/

/*#region Header */

.FilterButtonGroup {
    margin: 0 20px 7px 0;
}

/* Hide master/detail view button */
.ew-detail-option {
    display: none !important;
}

#ew-navbar {
    white-space: nowrap;
}

/*#endregion*/

/*#region Sidebar */
/* Hide top navbar links from side menu */
.nav-sidebar .d-md-none {
    display: none !important;
}

/* Indent submenu items */
.nav-sidebar > .nav-item > .nav-treeview {
    margin-left: 33px;
}

/*#endregion*/

/*#region Footer */
.main-footer {
    padding-bottom: 35px;
}

.ew-footer-text {
    float: left;
}

.dropdown-menu-sm {
    min-width: 100px;
}

.card-danger.ew-debug, .ew-timer.text-info {
    display: none;
}

/*#endregion*/

/*#region Loading/Wait Spinner */
#wait-spinner-container {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: dimgrey;
    opacity: 0.8;
    display: none;
}

#wait-spinner {
    border: 16px solid lightgray;
    border-top: 16px solid #28a745;
    border-bottom: 16px solid #28a745;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -60px;
    margin-top: -60px;
    animation: spin 2s linear infinite;
}

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

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

#wait-spinner-label {
    position: fixed;
    color: lightgray;
    left: 1.5rem;
    width: 100%;
    top: 50%;
    margin-top: 80px;
    font-size: 3rem;
    text-align: center;
}

/*#endregion*/

/*#region Home Page: Start Search */
form#fStartSearchsrch {
    display: grid;
    height: 100%;
    width: 100%;
    margin: auto;
}

form#fStartSearchsrch .ew-search-caption {
    align-items: left;
    justify-content: left;
}

form#fStartSearchsrch .ew-extended-search > .row > div {
    width: 100%;
}

/* Updated .form-group to .mb-3 */
form#fStartSearchsrch .mb-3 {
    margin: 50px;
}

form#fStartSearchsrch #btn-submit,
form#fStartSearchsrch .ew-search-operator,
form#fStartSearchsrch + .ew-message-dialog .ew-warning, /* the warning is just "please enter search criteria" */
form#fStartSearchsrch + .ew-message-dialog .btn-close {
    display: none;
}

/*#endregion*/

/*#region View Pages */

/*#endregion*/

/*#region Calendar in Tab */
.ew-detail-pages,
.ew-detail-pages .GroupCalendar,
.ew-detail-pages .ProviderCalendar {
    width: 100%;
}

.ew-detail-pages .GroupCalendar thead,
.ew-detail-pages .ProviderCalendar thead {
    display: none;
}

.ew-detail-pages .GroupCalendar .ew-box,
.ew-detail-pages .ProviderCalendar .ew-box {
    border: none;
}

.ew-detail-pages .GroupCalendar .tab-content,
.ew-detail-pages .ProviderCalendar .tab-content {
    padding: 0;
}

/*#endregion*/

/*#region Add/Edit Pages */

.select2.select2-container,
.form-control:not(.form-control-color):not(textarea, .ui-timepicker-input, .tempus-dominus-input) {
    /* Prevent fields from overrunning their container */
    max-width: 100% !important;
    /* Size all fields to width of container */
    width: 100% !important;
}

/* Allow for short combo boxes like State */
.select2.select2-container {
    min-width: 10em !important;
}

/*#endregion*/

/*#region List Pages & Tables */

/* Allow wrapping of list column headings */
.ew-table-header .ew-table-header-btn .ew-table-header-caption {
    white-space: normal;
}

.ew-grid .ew-table > tbody > tr > td,
.ew-grid .ew-table > tfoot > tr > td {
    padding: 0.3rem;
}

/* Hide Master/Detail Buttons */
.ew-list-option-header[data-name^="detail"],
.ew-list-option-body[data-name^="detail"],
.ew-list-option-footer[data-name^="detail"] {
    display: none;
}

/*#endregion*/

/*#region Search Bar */

/* Extended Search */
.ew-search-panel .list-group-item .form-check-label {
    align-items: left;
    justify-content: left;
}

/* Advanced Search Popup */
.modal :not(div.ew-search-panel) .ew-search-operator select {
    text-align-last: center;
}

.modal .ew-search-operator:not(.form-control-plaintext) {
    float: left;
}

.modal .ew-search-cond + span > .input-group {
    margin-top: 10px;
}

.modal .ew-search-cond {
    display: block;
    float: left;
    height: initial;
    margin: 11px 6px 4px 12px;
}

.modal .form-control::placeholder {
    color: white;
}

.modal #r_ActivityStart,
.modal #r_ActivityEnd {
    display: none;
}

/*#endregion*/

/*#region Form Fields */

.ew-view-form .ew-label {
    padding-top: 0;
}

.form-control::placeholder {
    color: #bbb;
}

.input-group {
    flex-flow: nowrap;
}

.clickable {
    cursor: pointer;
}

input[type="text"] {
    width: 100%;
    box-sizing: border-box;
}

.date input {
    min-width: auto !important;
    width: 7rem;
}

.date input[id$="DateTime"] {
    width: 12rem;
}

a input:read-only {
    cursor: pointer;
}

/* TinyMCE: Hide toolbar */
.tox-editor-header.hidden-toolbar {
    display: none !important;
}  

/*#endregion*/

/*#region Big Checkboxes */
input[type="checkbox"],
i.fa-square-check,
i.fa-square {
    transform: scale(1.5);
    margin-top: 0.7rem;
}

table i.fa-square-check,
table i.fa-square {
    /* Fix checkbox alignment in tables */
    margin-top: inherit;
    margin-left: calc(50% - 8px);
}

.ew-grid-add-edit .ew-table input[type="checkbox"] {
    margin-top: 12px;
}

/*#endregion*/