@font-face {
   font-family: "UbuntuRegular";
   src: url(../fonts/Ubuntu-R.woff2);

}

body {
    font-family: "UbuntuRegular", Arial, Helvetica, sans-serif !important;
    overflow-x: clip !important;
    /* Variable color definitions*/

    --secondary-color: #3AA935;

    --primary-btn-color: white;
    --primary-btn-bg-color: var(--secondary-color);
    --primary-btn-hover-bg-color: #3AC335;
    --primary-btn-disabled-bg-color: #78B573;
    --primary-btn-dropdown-toggle-bg-color: var(--secondary-color);
    /*Secondary btn colors*/
    --secondary-btn-color: #034A58;
    --secondary-btn-bg-color: #DEDEDE;
    --secondary-btn-hover-color: #034A58;
    --secondary-btn-hover-bg-color: #C1C1C1;
    --secondary-btn-disabled-bg-color: #B5B5B5;
}


/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    background: white;
    padding-bottom: 15px;
}

.navbar {
    /*height: 90px;*/
    margin-bottom: 0px;
    color: white !important;
}

.bg-accent {
    background: white;
}

header.bg-accent {
    position: sticky;
    top: 0;
    z-index: 1030;
}

.bg-accent-secondary {
    background: #034A58;
}

.fg-accent-light {
    color: black;
}

.navbar-custom {
    padding-bottom: unset;
    background: #034A58;
}

a {
    color: var(--secondary-color);
}

.secondary-color {
    color: var(--secondary-color);
}

.navbar-light .navbar-brand {
    color: #fff;
}

.navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #fff;
}

.nav-pills .active{
    background-color: #2587c6 !important;
}

.dropdown-item.active, .dropdown-item:active {
    color: white;
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}


.footer-background-color {
    background: #034A58;
}

.dropdown-item {
    cursor: pointer;
}
/*------------------------------------
- COLOR primary
------------------------------------*/
.btn-primary {
    color: var(--primary-btn-color);
    background-color: var(--primary-btn-bg-color);
    border-color: var(--primary-btn-bg-color);
}

.btn-primary:hover {
    color: var(--primary-btn-color);
    background-color: var(--primary-btn-hover-bg-color);
}

.btn-primary.disabled, .btn-primary:disabled {
    color: var(--primary-btn-color);
    background-color: var(--primary-btn-disabled-bg-color);
    border-color: var(--primary-btn-disabled-bg-color);
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: var(--primary-btn-bg-color);
    background-color: var(--primary-btn-dropdown-toggle-bg-color);
    border-color: var(--primary-btn-dropdown-toggle-bg-color);
}

.btn-secondary {
    color: var(--secondary-btn-color);
    background-color: var(--secondary-btn-bg-color);
    border-color: var(--secondary-btn-bg-color);
}

.btn-secondary:hover {
    color: var(--secondary-btn-hover-color);
    background-color: var(--secondary-btn-hover-bg-color);
    border-color: var(--secondary-btn-hover-bg-color);
}

.btn-secondary.disabled, .btn-secondary:disabled {
    color: white;
    background-color: var(--secondary-btn-disabled-bg-color);
    border-color: var(--secondary-btn-disabled-bg-color);
}

.navbar-light .navbar-nav .active > .nav-link {
    color: black;
}

.navbar-light .navbar-nav .nav-link {
    color: black;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: black;
}

.navbar-light .navbar-nav .show > .nav-link {
    color: black !important;
}

.navbar-nav .nav-link.active {
    color: black !important;
    text-decoration: underline;
    text-underline-position: under;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: black !important;
}

.pointer {
    cursor: pointer;
}

[disabled] {
    cursor:not-allowed;
}

table th {
    background-color: #DEDEDE;
    color: #004D5C;
}

.hierarchicalTableHeaders {
    border-bottom: 3px solid #dee2e6;
    background-color: #DEDEDE;
    color: #004D5C;
}

.hierarchicalTableHeaders th {
    padding-left: 7px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.hierarchicalTable {
    width: 100%;
    border: 2px solid #dee2e6;
}

span.indent {
    margin-left: 20px; /* This value defines how large each hierarchical step is */
}

tr.hierarchicalTableRow {
    --darknessAlphaDecimal: 0.03;
    background-color: rgba(0,0,0,calc(var(--darknessAlphaDecimal) * var(--darknessLevel)));
    font-size: 15px;
}

.hierarchicalTableRow td {
    cursor: pointer;
    border-bottom: 1px solid #dee2e6;
}

.hierarchicalTableRowTextWhite {
    color: white !important;
}

.hierarchicalTableRowThumbnail {
    height: 35px;
    width: 35px;
    display: none;
    margin-left: auto;
    margin-right: 35px;
}

.hierarchicalTableRowHighlighted {
    background-color: gold;
}

.dashboard-content {
    border: none !important;
}

.dashboard-card {
    border: none !important;
}

.dashboard-card-header {
    background-color: white !important;
    border: none !important;
    padding-bottom: 0;
    padding-top: 0;
}

.dashboard-card-body {
    padding-top: 0;
    background-color: white !important;
    border: none !important;
}

.account-selector .blazored-typeahead__result {
    color: black !important;
    background: white !important;
}

.account-selector .blazored-typeahead__result:hover {
    color: white !important;
    background: var(--secondary-color) !important;
    border: 1px solid var(--secondary-color) !important; 
}

.account-selector .blazored-typeahead__results {
    z-index: 2000;
    color: black;
}

.account-selector .blazored-typeahead__input-mask {
    color: black;
}

.account-selector .blazored-typeahead__active-item {
    border: 1px solid var(--secondary-color) !important;
}

.account-selector .blazored-typeahead:focus-within {
    box-shadow: none !important;
}

#overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 2;
    cursor: pointer;
}

#overlay-text {
    font-family: "UbuntuRegular" !important;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 50px;
    color: white;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}

.overlay-image {
    position: absolute;
    top: 65%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}

.topbar-account-name {
    color: black;
}

.account-user-card {
    background: white;
}

.unsaved-changes {
    color: red;
}

.no-min-height {
    min-height: unset !important;
}

.form-check-input {
    border-color: var(--secondary-color);
}

.form-check-input:checked {
    background-color: var(--secondary-color);
}

.input-label {
    font-weight: bold;
}

.required::after {
    content: ' *';
    color: red;
}

.job-success {
    color: white;
    background-color: #198754;
}

.job-failed {
    color: white;
    background-color: #DC3545;
}

.job-running {
    color: white;
    background-color: #0D6EFD;
}

.job-cancelled {
    color: white;
    background-color: #6C757D;
}

/* Consistent badge sizing - use rem instead of em to prevent
   parent font-size inheritance from causing different badge sizes
   in different grid/modal contexts */
.badge.job-success,
.badge.job-failed,
.badge.job-running,
.badge.job-cancelled,
.badge.phase-badge {
    font-size: 0.75rem;
    padding: 0.35em 0.65em;
}

.sub-menu:hover .connection-menu {
    display: block;
}

.blazored-toast-container {
    z-index: 10000 !important;
}

.input-validation-error {
    border: 1px solid red;
}

.datagrid-action-menu .rz-splitbutton .rz-button:not(.rz-splitbutton-menubutton) {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}
 
.datagrid-action-menu .rz-splitbutton-menubutton {
     display: none !important;
 }

.datagrid-action-menu .rz-button {
    background-color: #DEDEDE !important;
    color: #034A58 !important;
    box-shadow: none !important;
}

.quick-action-button {
    cursor: pointer;
}

.quick-action-button--icon {
    color: var(--primary-btn-bg-color);
}

.quick-action-button:hover .quick-action-button--icon {
    color: var(--primary-btn-hover-bg-color)
}

.quick-action-button:hover .quick-action-button--text {
    opacity: 75%;
}

.connection-wizard-header {
    background-color: #DEDEDE;
    text-transform: uppercase;
}

.connection-wizard .rz-steps-next {
    font-weight: bold !important;
    color: #3AA935 !important;
}

.connection-wizard .rz-steps-next:not(.rz-state-disabled):hover {
    font-weight: bold !important;
    color: #3AA935 !important;
}

.connection-wizard .rz-steps-prev {
    font-weight: bold !important;
}

.connection-wizard .rz-steps-prev:not(.rz-state-disabled):hover {
    font-weight: bold !important;
}

/* Prevent horizontal scrollbar on RadzenDataGrid when columns are resized */
.datagrid-no-scroll {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

.datagrid-no-scroll .rz-datagrid-wrapper {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

.datagrid-no-scroll .rz-datagrid-tablewrapper {
    overflow-x: hidden !important;
}

.datagrid-no-scroll .rz-datagrid-table {
    max-width: 100% !important;
}