:root {
    --brand: #448922;
    --brand-hover: #5da030;
    --brand-danger: red;
    --brand-danger-hover: #f5051d;
    --brand-tab-background: #3F3F3D;
    --brand-tab-stripe: #2B2A28;
    --brand-dotted-border: #575654;
    --brand-nuprc-text: #279b57;
}

body {
    background-color: #f9f9f9;
}

a {
    color: var(--brand);
    text-decoration: underline;
}

    a:hover {
        color: var(--brand-hover);
        text-decoration: none;
    }


.navbar {
    border-bottom: 2px solid var(--brand);
    background: linear-gradient(90deg, rgba(255,255,255,1) 5%, rgba(255,255,255,0) 100%);
    background-size: cover;
}

.bg-main {
    background-color: var(--brand);
}

.bg-danger {
    background-color: var(--brand-danger);
}

.agile-white-bold {
    color: white !important;
    font-weight: bolder !important;
}

.text-primary {
    color: var(--brand) !important;
}

.btn-primary {
    background-color: var(--brand) !important;
    border-color: var(--brand) !important;
}

    .btn-primary:active, :not(.btn-check) + .btn:active {
        background-color: var(--brand) !important;
    }

.btn-danger {
    background-color: var(--brand-danger) !important;
    border-color: var(--brand-danger) !important;
}

.btn-primary:hover {
    background-color: var(--brand-hover) !important;
    border-color: var(--brand-hover) !important;
}

.btn-danger:hover {
    background-color: var(--brand-danger-hover) !important;
    border-color: var(--brand-danger-hover) !important;
}

.btn-outline-primary {
    border-color: var(--brand) !important;
    color: var(--brand) !important;
}

    .btn-outline-primary:active, :not(.btn-check) + .btn:active {
        background-color: var(--brand) !important;
        color: white !important;
    }

.btn-outline-danger {
    border-color: var(--brand-danger) !important;
    color: var(--brand-danger) !important;
}

.btn-outline-primary:hover {
    background-color: var(--brand) !important;
    border-color: var(--brand) !important;
    color: white !important;
}

.btn-outline-danger:hover, .btn-outline-danger:active {
    background-color: var(--brand-danger) !important;
    border-color: var(--brand-danger) !important;
    color: white !important;
}

.grid {
    display: grid;
    grid-template-columns: repeat(3, 288px);
    column-gap: 123px;
    row-gap: 75px;
}

.disabled-elements {
    pointer-events: none;
    opacity: 0.7;
}

    .disabled-elements .override-enabled {
        pointer-events: auto;
        opacity: initial;
    }

.navigator {
    position: fixed;
    top: 110px;
    left: 10px;
    z-index: 2000000;
}

.navigator-right {
    position: fixed;
    top: 110px;
    right: 10px;
    z-index: 1999999;
}

.fixed-button-pannel {
    position: fixed;
    top: 110px;
    right: 10px;
    z-index: 2000000;
}

/*Start Required Label Style*/
label.required:before {
    content: "*";
    color: red;
}

label.required:after {
    content: " Required";
    color: red;
    font-size: 10px;
}
/*End Required Label Style*/

/*Start Dropdown Style*/
.e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
    content: '\e304';
}

.e-ddl .e-input-group-icon.e-ddl-icon.e-icons, .e-ddl .e-input-group-icon.e-ddl-icon.e-icons:hover {
    color: var(--brand) !important;
    font-size: 13px !important;
}

.e-ddl.e-input-group.e-control-wrapper.e-input-focus::before, .e-ddl.e-input-group.e-control-wrapper.e-input-focus::after {
    background: var(--brand) !important;
}

.e-outline.e-input-group.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-outline.e-input-group.e-input-focus.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-outline.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) {
    border-color: var(--brand) !important;
    box-shadow: inset 1px 1px var(--brand), inset -1px 0 var(--brand), inset 0 -1px var(--brand) !important;
}

.e-dropdownbase .e-list-item.e-item-focus, .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover, .e-dropdownbase .e-list-item.e-hover {
    background-color: var(--brand) !important;
    color: white !important;
}

span.e-lib.e-ddl.e-input-group.e-control-container.e-control-wrapper.e-outline.e-valid-input {
}
/*End Dropdown Style*/
/*Start Switch Style*/
.e-switch-wrapper .e-switch-inner.e-switch-active,
.e-switch-wrapper .e-switch-inner.e-switch-active .e-switch-on {
    background-color: var(--brand) !important;
    border-color: var(--brand) !important;
    font-weight: bolder;
}

.e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on {
    background-color: var(--brand) !important;
    border-color: var(--brand) !important;
}

.e-switch-wrapper:hover .e-switch-inner.e-switch-active {
    background-color: var(--brand) !important;
    border-color: var(--brand) !important;
}

.e-switch-wrapper .e-switch-on {
    background-color: transparent !important;
}

.e-switch-wrapper.e-wrapper.e-custom {
    width: 70px;
}

span.e-switch-off {
    color: red !important;
    font-weight: bolder;
}
/*End Switch Style*/
/*Start Date Picker Style*/
.e-input-group .e-input-group-icon:last-child, .e-input-group.e-control-wrapper .e-input-group-icon:last-child {
    font-size: 12px;
    background-color: white;
    color: var(--brand);
    font-weight: bolder;
}

    .e-input-group .e-input-group-icon:last-child:hover, .e-input-group.e-control-wrapper .e-input-group-icon:last-child:hover,
    .e-input-group .e-input-group-icon:last-child .e-active, .e-input-group.e-control-wrapper .e-input-group-icon:last-child .e-active {
        background-color: var(--brand) !important;
        color: white !important;
    }

.e-input-group-icon.e-date-icon.e-icons.e-active {
    background-color: var(--brand) !important;
    color: white !important;
}

.e-calendar .e-content td.e-selected span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
    background-color: var(--brand) !important;
}

.e-calendar .e-content td:hover span.e-day, .e-calendar .e-content td:focus span.e-day, .e-bigger.e-small .e-calendar .e-content td:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td:focus span.e-day {
    background-color: var(--brand) !important;
    border: 2px solid !important;
    color: white !important;
}

.e-calendar .e-header .e-title, .e-bigger.e-small .e-calendar .e-header .e-title {
    color: var(--brand) !important;
    font-size: 20px;
}

.e-calendar .e-header span, .e-bigger.e-small .e-calendar .e-header span {
    border: 1px var(--brand) !important;
    color: var(--brand) !important;
}

.e-calendar .e-content td.e-today span.e-day, .e-calendar .e-content td.e-focused-date.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
    box-shadow: inset 2px 0 var(--brand), inset 0 2px var(--brand), inset -2px 0 var(--brand), inset 0 -2px var(--brand) !important;
    color: var(--brand);
}

.e-calendar .e-header span:hover, .e-bigger.e-small .e-calendar .e-header span:hover {
    background-color: var(--brand) !important;
    color: white !important;
}

.e-calendar .e-btn.e-today.e-flat.e-primary, .e-calendar .e-css.e-btn.e-today.e-flat.e-primary {
    background-color: var(--brand) !important;
    border-color: white !important;
    color: white !important;
}

.e-calendar .e-content td.e-selected.e-focused-date span.e-day {
    background-color: var(--brand) !important;
    color: #fff;
    border-color: white !important;
}
/*End Date Picker Style */

/*Start Tab Style*/
.tabColor {
    color: var(--brand-nuprc-text) !important;
}
/*End Tab Style*/

/*Start Blazored Modal Style*/
.bm-container {
    z-index: 2000000000 !important;
}

.blazored-modal.custom-modal {
    position: fixed !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.swal2-container {
    z-index: 2000000000 !important;
}
/*End Blazored Modal Style*/

/*Start Checkbox Style*/
.e-checkbox-wrapper .e-frame.e-check, .e-css.e-checkbox-wrapper .e-frame.e-check {
    background-color: var(--brand) !important;
    border-color: var(--brand) !important;
}
/*End Checkbox Style*/

/*Start Custom Css Style*/
.e-btn.gridEditButton {
    background-color: #fff;
    color: var(--brand);
}

.e-btn.gridDeleteButton {
    background-color: #fff;
    color: var(--brand-danger);
}

.e-btn.gridEditButton:active, .e-btn.gridEditButton:hover {
    background-color: var(--brand);
    color: #fff;
}

.e-btn.gridDeleteButton:active, .e-btn.gridDeleteButton:hover {
    background-color: var(--brand-danger);
    color: #fff;
}
/*End Custom Css Style*/

/*Start Accordion Style*/
.accordion-control-section {
    margin: 0 10% 0 10%;
}

@media screen and (max-width: 768px) {
    .accordion-control-section {
        margin: 0;
    }
}
/*End Accordion Style*/

/*Start TreeView Style*/
.organogramTree.e-control, .organogramTree.e-control [class^=e-], .organogramTree.e-control [class*=" e-"] {
    background: white;
}

.e-treeview .e-list-item {
    border: 1px var(--brand-nuprc-text) solid;
}

.e-treeview .e-list-item.e-active>.e-fullrow {
    background-color: var(--brand-nuprc-text) !important;
    border-color: var(--brand-nuprc-text) !important;
}

.e-treeview .e-list-text {
    color: var(--brand-nuprc-text) !important;
    font-weight: bolder;
}
/*End TreeView Style*/

/*Start Accordion Style*/
.accordionItem h6 {
    color: var(--brand-nuprc-text);
}
/*End Accordion Style*/

/*Start UploadFile Style*/
.e-upload .e-file-drop {
    color: white !important;
}

.e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name {
    color: white !important;
}

.e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type {
    color: white !important;
}
/*End UploadFile Style*/