@import 'bootstrap/bootstrap-grid.min.css';
@import 'bootstrap/bootstrap-utilities.min.css';
@import 'bootstrap/bootstrap.min.css';
@import 'Larimer.css';
@import 'Kendo.css';
@import 'Variables.css';


.explorer-bread-crumb::before {
    content: ">";
    margin-right: .5rem;
}

h6 {
    margin-bottom: 0;
}

.bg-row {
    background-color: #DEEDEB;
}

.bg-row-panel {
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
}

.vendor .header {
    color: #00584C;
    background-color: #e5e6e7;
    font-weight: 700;
    padding: 0.25rem 0.25rem;
    min-height: 45px;
}

.validation-vendor-list .header {
    color: #00584C;
    background-color: #e5e6e7;
    font-weight: 700;
    padding: 0.2rem 0.25rem;
}

.validation-vendor-list .k-grid-toolbar {
    padding: 0;
}

.col-header {
    font-size: 0.8rem;
    font-weight: 600;
}

.col-cell {
    font-size: 0.8rem;
}

.col-cell.right {
    text-align: right;
}

.validation-log .col-cell {
    cursor: pointer;
}

.payments .col-cell,
.staged-data-list .col-cell,
.staged-data-search .col-cell,
.validation-search-replace .col-cell {
    font-size: 0.6rem;
}

.max-window {
    width: 100%;
    height: 100%;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden;
}
.calc-main-content {
    height: calc(100vh - 120px);
}

.listview-header {
    color: var(--list-view-header);
    font-size: 16px;
    padding: 6px 10px;
    font-weight: 600;
    background-color: var(--gray-lt);
    text-align: center;
}

.entryForm legend {
    color: #00584C;
    background-color: #e5e6e7;
    font-weight: 700;
    padding: 0.25rem 0.25rem;
    font-size: 1rem;
}

.form-control-sm {
    padding: 0.25rem 0.35rem;
}

.grid-header-center {
    text-align: center;
}

.grid-header-right {
    text-align: right;
}

.caret-off::before {
    display: none;
}

.caret-off::after {
    display: none;
}

label {
    font-weight: 600;
    color: var(--bs-gray);
}

label.flat {
    margin-bottom: 0;
}

#okta-sign-in.no-beacon .auth-header {
    padding-bottom: 20px;
}

#okta-sign-in .auth-header {
    background-color: var(--bs-primary) !important;
    padding: 20px 90px 75px;
}

#okta-sign-in .o-form-head {
    color: var(--blue) !important;
    font-size: 1.5em;
    line-height: unset;
}

#okta-sign-in.auth-container .button-primary {
    color: #fff;
    background-color: var(--blue);
    background: linear-gradient(var(--blue),var(--blue));
    border-color: #004b75 #004b75 #00456a;
    box-shadow: 0 1px 0 rgba(0,0,0,.15), inset 0 1px 0 0 hsla(0,0%,100%,.1);
}
@media only screen and (max-width: 767px) {

    .k-grid .k-filter-row td {
        display: none;
    }

    .k-grid-header .k-header {
        display: none;
    }

    .grid-header-tools .grid-header-center .search-box {
        visibility: visible;
    }

    .grid-header-tools .grid-header-left button,
    .grid-header-tools .grid-header-right button {
        width: 100%;
    }

    .grid-header-tools .grid-header-left {
        text-align: left;
        margin-top: .25rem;
        order: 2;
    }

    .grid-header-tools .grid-header-center {
        text-align: left;
        order: 1;
    }

    .grid-header-tools .grid-header-right {
        display: none;
    }
}


.half-vh {
    height: calc(50vh - 5.5rem);
}

.h-100 {
    height: calc(100vh - 5.5rem);
}

.h-55 {
    height: calc(55vh - 5.5rem);
}

.h-45 {
    height: calc(45vh - 5.5rem);
}

.w-100 {
    width: 60%;
}

.w-60 {
    width: 95%;
}

.w-55 {
    width: 55%;
}

.w-40 {
    width: 40%;
}

.w-33 {
    width: calc(100% / 3);
}

.w-30 {
    width: 30%;
}

.w-20 {
    width: 20%;
}

.w-15 {
    width: 15%;
}

.w-10 {
    width: 10%;
}

.w-5 {
    width: 5%;
}