/* LOOK N FEEL UPDATES */
body {
    min-height: 100vh !important;
    margin: 0;
    display: flex;
    flex-direction: column;
}

.x-root {
    --hovered-background-color: #e1e1e1 !important;
    --confirm-color: #5e7630 !important;
    --disabled-color: rgb(17 17 17 / 50%) !important;
    --faded-text-color: #595959;
    --body-font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    --alert-color: #c62828;
    --link-color: #2d2dc9;
}

.x-keyboard-mode .x-tab.x-focused {
    --base-color: #5e7630 !important
}

/* Buttons */
.x-button-forward {
    background-color: #5e7630 !important;
    color: white !important
}

.redButton {
    background-color: darkred !important;
    color: white !important
}

.greenButton {
    background-color: #5e7630 !important;
    color: white !important
}

    .greenButton.x-disabled {
        background-color: #bababa81 !important;
    }

.whiteButton {
    background-color: whitesmoke !important;
    color: black;
}

.borderButton {
    box-sizing: border-box !important;
    background-color: transparent;
    color: black;
    box-shadow: inset 0px 0px 0px 2px #343434;
}

.whiteBorderButton {
    color: white;
    box-shadow: inset 0px 0px 0px 2px white;
}

.x-button.x-disabled {
    box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.26) !important;
}

.x-pagingtoolbar .x-button.x-disabled {
    box-shadow: none !important;
}


.whiteIconButton {
    background-color: white !important;
}

.tooltip-button .x-inner-el {
    padding: 0px !important;
    margin-left: 4px;
}

/* end of Buttons */

/* Forms / fields */
.x-checkboxfield-celleditor .x-body-el {
    align-items: center !important;
}

.x-checkboxfield-celleditor .x-input-el {
    cursor: pointer;
}

.x-checkbox-group .x-container {
    max-width: 100%;
}

.x-textfield-celleditor .x-input-el {
    padding: 0px 5px !important;
}

.x-label-text-el {
    font-size: 16px;
    color: black;
}

.fontBold .x-label-text-el {
    font-weight: bold;
}

.x-box-label-el {
    font-size: 14px !important;
}

.x-input-wrap-el {
    border: 2px solid #e1e1e1 !important;
    padding: 3px !important;
}

.readonly-el.x-input-wrap-el {
    border: none !important;
    padding: 3px !important;
}

.x-textfield .x-input-el {
    font-size: 14px !important;
    /* color: #6e4000 !important;*/
}

.x-field.x-required > .x-label-el:after {
    font-weight: 800;
    font-size: 18px;
    color: #E00000;
}

.hidden {
    display: none !important;
}

.not-visibility {
    visibility: hidden;
}

.activeError.x-checkbox-group .x-error-el {
    padding-top: 3px;
    border-top: 2px solid var(--alert-color);
}

.activeError.x-checkboxfield .x-error-el {
    padding-top: 3px;
    border-top: 2px solid var(--alert-color);
}

.x-checkboxfield .x-box-label-el {
    padding: 0px 0px 0px 5px !important;
}
.x-checkboxfield .x-label-text-el {
    font-size: 12px;
}
.font-body-16 .x-label-text-el {
    font-size: 16px;
}
.x-field.x-label-align-right > .x-label-el {
    padding: 7px 0 7px 7px;
}
.x-radiofield .x-box-label-el {
    padding: 0px 0px 0px 5px !important;
}

.x-trigger .x-icon-el {
    color: black !important;
}

.invalid-border {
    border: 2px solid var(--alert-color);
}

.collapsed .x-dataview-item {
    display: none;
}

.status {
    font-weight: bold;
    color: var(--confirm-color);
    font-size: 1.5rem;
}


.profileDisplayField .x-label-text-el {
    line-height: 32px;
    display: flex;
    margin: auto
}

.white-background-input .x-body-el {
    background-color: white;
}
.x-trigger.x-filetrigger {
    width: 100%;
}
/* end of Forms / fields */
/* Disabled Forms / fields */
.viewTarContainer .x-disabled .x-label-text-el {
    color: black;
}

.x-disabled .x-label-text-el {
    color: #595959;
}

.x-disabled .x-input-wrap-el {
    border: 2px solid #F5F5F5 !important;
}

.x-disabled .x-trigger .x-icon-el {
    color: #e1e1e1 !important;
}

.fa-ban:before {
    padding-right: 3px;
    font-size: 14px;
}
/* endof Disabled Forms / fields */

/* Grids */
div .gridLabel {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    padding-left: 10px
}

.grid-invalid .gridLabel p {
    color: var(--alert-color) !important;
}

.grid-invalid .gridLabel.fa-exclamation-circle:before {
    color: var(--alert-color);
    font-size: 25px;
    margin-right: 5px;
    display: block;
}

.gridLabel.fa-exclamation-circle:before {
    display: none;
}

div.gridLabel p {
    font-size: .9rem;
}

.gridToolbar .x-box-label-el {
    color: #464646;
}

.gridHeaderButton.x-button.x-has-text .x-icon-el {
    display: none !important;
}
.gridBorder {
    border: 1px solid var(--faded-color)
}
.alt-title-bar.x-titlebar {
    background-color: var(--alt-background-color);
    
}
    .alt-title-bar.x-titlebar .x-title {
        color: var(--dark-text);
    }
/* end of Grids */
/* paging toolbar*/
.pagingToolbar .x-field.x-labeled > .x-label-el {
    display: flex;
}

.pagingToolbar .x-input-el {
    font-size: 16px;
    color: black
}

.pagingToolbar .x-label-text-el {
    height: 100%;
    align-content: center;
}

.x-button-segmented .x-inner-el {
    background-color: transparent;
    --base-dark-color: rgb(17 17 17 / 40%);
}

.x-button-segmented .x-icon-el {
    color: var(--dark-text)
}
/* end paging toolbar*/
/* TabBar */
.x-tabbar .x-button .x-body-el {
    min-width: 200px;
}
/* End TabBar*/
/* Modal / dialogs */
.x-dialogheader-body-el {
    background-color: black !important;
}

.x-dialogheader-body-el .x-text-el {
    color: white !important;
}

.x-dialogheader-body-el .x-icon-el {
    color: white !important;
}

.x-dialog-body-el {
    color: var(--dark-text);
}
/* end of Modal / dialogs */

/* Icons */
.x-tool .x-icon-el {
    color: #4b5e26;
}

.x-panelheader .x-tool .x-icon-el {
    color: white !important
}

.x-big .x-button .x-icon-el.help-icon:before {
    font-size: 18px !important;
}
/* end of Icons */

.x-active-indicator-el {
    background-color: #89c101 !important
}

.tabError .x-active-indicator-el {
    background-color: #E00000 !important
}

div.x-fa .fa-exclamation-triangle {
    color: #E00000 !important;
    background-color: #E00000 !important;
}

.x-big .x-toolbar-body-el {
    min-height: 15px !important;
}

.x-grid-row-editor-buttons-top {
    clip: auto !important;
}

.hrseperator {
    border: 1px solid #e1e1e1;
}

.tabbar .x-layout-box.x-pack-start {
    justify-content: center;
}

.logonModel {
    margin: 0 auto !important;
}

.userClaims {
    margin: 0 0 0 15px;
    padding-left: 15px;
}

.claimResource {
    margin: 0 0 0 15px;
    padding-left: 0;
}

    .claimResource li {
        list-style-type: none;
    }

/* Home pages */


.PageSummaryText {
    font-size: 1.2em;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
}

.PageContent {
    margin-left: 20px;
    margin-bottom: 5px;
}

.AlertMessage {
    margin-left: 20px;
    margin-bottom: 20px;
}

.NewsAlertTitle {
    font-size: 1.4em;
    font-weight: bold;
}

.NewsAlertBody {
    margin-top: 5px;
    padding-left: 20px;
    margin-right: 10px;
}

.sectionBanner {
    font-size: 1.6em;
    font-weight: bold;
    margin: 5px 5px 5px 0;
    padding-left: 5px;
    margin-bottom: 10px;
}

.ListingSummary {
    font-size: 1.6em;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
}

.ListingRow {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.ListingHeader {
    font-size: 1.4em;
    font-weight: bold;
}

.ListingItem {
    margin-bottom: 20px;
}



.ListingIndent {
    margin-left: 40px;
}

.ListingUnderline {
    border-bottom: solid 1px #ccc;
}

.ListingTitle {
    font-size: 1.4em;
    font-weight: bold;
}

.ListingBody {
    margin-top: 5px;
    margin-right: 10px;
}
/* end of Home pages */

/* Report page */
.reportBlock {
    color: #8c8c8c;
    font-size: 1.6em;
    font-weight: bold;
}
/* end of Report page */

/* Park page */

/* end of Report page */

/* Dashboard pages */
.dashboard-page .x-panelheader {
    background-color: var(--alt-background-color);
}
    .dashboard-page .x-panelheader .x-text-el {
        color: var(--dark-text);
        font-size: .9em;
        font-weight: 600;
    }
    .dashboard-page .x-panelheader .x-tool .x-icon-el {
        color: var(--dark-text) !important;
    }
    .dashboard-page .x-grid {
        border: 2px solid var(--alt-background-color);
    }
    .dashboard-page .dashboard-link a {
        font-size: 16px;
        color: var(--link-color);
    }
/* end of Dashboard pages */

/* To be moved to Common
USed for Home and Landing pages */
.x-icon-el.fa-red {
    color: var(--alert-color);
}
.x-tab.x-active .x-icon-el.fa-red {
    color: var(--alert-color);
}
.fa-white {
    color: white !important;
}
.fa-black {
    color: black !important;
}
.fa-alert {
    color: var(--alert-color) !important;
}

.fa-green {
    color: var(--confirm-color) !important;
}

h3 {
    font-size: 1.3rem;
}

.checkbox-links a {
    color: var(--link-color);
}

.checkbox-links a:visited {
    color: var(--link-color);
    
}

.standard-link {
    font-size: 16px;
    color: var(--link-color);
    text-decoration: underline;
    cursor: pointer;
}

.home-link {
    font-weight: bold;
    font-size: 1.125rem;
    line-height: 1.25;
    letter-spacing: -0.25px;
    text-decoration: none;
    color: var(--base-dark-color)
}
.home-link:hover {
    color: var(--confirm-color)
}

.carrot::after {
    content: "\203A";
    color: #333;
    font-size: 110%;
    padding-left: 3px;
    text-decoration: none;
}

/*.x-label a {
    font-size: 1rem;
    color: var(--link-color);
}*/
.font-body-16 .innerhtml {
    font-size: 16px;
}

/* ExtJs mobile (x-big) changes {*/
.x-big .x-titlebar-body-el {
    min-height: 15px !important;
    padding: 0px, 16px;
}

.x-big .x-toolbar-body-el {
    min-height: 15px !important;
    padding: 0px 16px;
}

.x-big .dashboard-page .x-panelheader .x-text-el {
    font-size: 16px;
}

.coinvest-header {
    margin-top: 10px;
    margin-left: 20px;
}

.coinvest-header span {
    font-weight: bold;
}

.coinvest-user {
    margin-left: 20px;
}

.coinvest-name {
    display: inline-block;
    min-width: 200px;
}

.coinvest-phone {
    display: inline-block;
    min-width: 150px;
}

.coinvest-email {
    display: inline-block;
    min-width: 200px;
}

.descriptor-text {
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    max-height: 2.6em; /* Fallback for non-webkit, line-height * 2 */
    line-height: 1.3em;
    -webkit-line-clamp: 2; /* if you change this, make sure to change the fallback line-height and height */
    -webkit-box-orient: vertical;
    text-overflow: clip;
    overflow: hidden
}

.more-info-btn {
    background-color: transparent;
    color: var(--link-color);
    border: none;
    cursor: pointer
}
    .more-info-btn .x-inner-el {
        padding: 0px 4px !important
    }
    .more-info-btn .x-text-el {
        text-transform: lowercase !important
    }


.x-datepanel .x-dateview tbody .x-cell.x-special:not(.x-selected) .x-inner {
    color: var(--color);
    border: 2px solid #e1e1e1;
    font-weight: bold;
}

.toolbar-no-min-height .x-toolbar-body-el {
    min-height: 0px;
}