/*Remove theme selector*/
li:has(#ThemeSelector) {
    display: none
}

/*Remove link for manage user profile*/
div.arrivos-top-navbar ul.nav li a[href^="Identity/Account/Manage"] {
    cursor: not-allowed;
    pointer-events: none;
    text-decoration: none;
    color: black;
}


/*Body/Page*/
.arrivos-body-container {
    margin-left: 250px;
    background-color: white;
}

    .arrivos-body-container .container-fluid {
        padding: 0px;
    }

.arrivos-sidebar {
    color: black;
    width: 250px;
    background-color: #cccc9f;
}

.arrivos-logo-container {
    background-color: white;
    padding-top: 25px;
    padding-bottom: 24px;
    border-right: #8a8a38 1px solid;
}

.arrivos-logo {
    text-align: center !important;
    width: 230px;
    padding: 0;
    background-color: white;
}

.arrivos-application-title {
    display: none;
    /*color: black;
    background-color: #a3a35f;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    margin: 25px 0 0 0;
    padding: 20px 0 10px 0;*/
}

.arrivos-sidebar-link {
    color: black;
    /*font-family: 'Open Sans', Arial, sans-serif;*/
    font-size: 0.8rem;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    --bs-nav-pills-link-active-bg: #8a8a38;
    border-radius: 0 !important;
}

    .arrivos-sidebar-link:hover {
        box-shadow: none;
        background-color: #8a8a38;
        border-radius: 5px 0px 0px 5px;
    }

.arrivos-sidebar-parent-item {
    color: black;
    /*font-family: 'Open Sans', Arial, sans-serif;*/
    font-size: 0.8rem;
    padding: 0 0 0 9px;
    /*box-shadow: none;*/
    border-radius: 0 !important;
}

    .arrivos-sidebar-parent-item:active {
        box-shadow: none;
    }

    .arrivos-sidebar-parent-item:hover {
        color: white;
        background-color: #8a8a38;
        box-shadow: none;
    }

    .arrivos-sidebar-parent-item:focus {
        color: black;
        box-shadow: none;
    }

    .arrivos-sidebar-parent-item::before {
        margin-right: 5px;
        content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
    }

    .arrivos-sidebar-parent-item[aria-expanded="true"]::before {
        margin-right: 5px;
    }

/*body {
    font-family: Arial, sans-serif;
}*/


/*Site Fixed Header*/
.arrivos-top-navbar {
    margin-left: 250px;
    background-color: #F3F3F4;
    border-bottom-color: #8a8a38 !important;
    border-bottom-width: 1px !important;
}

#arrivos-collapse-sidebar-button {
    font-size: 0.6rem;
    background-color: #8a8a38;
    border-color: #8a8a38;
}

    #arrivos-collapse-sidebar-button:hover {
        background-color: #808038;
        border-color: #808038;
    }

.arrivos-top-navbar-page-title > h3 {
    /*font-family: 'Open Sans', Arial, sans-serif;*/
    font-size: 1rem;
    font-weight: 700;
    color: #8a8a38;
    margin: 0;
}

.btn-link {
    font-size: 0.875rem;
}


/*Page Header*/
.arrivos-page-header {
    border-bottom-color: #AAAAAA !important;
    border-bottom-width: 1px !important;
}

    .arrivos-page-header > div > h4 {
        font-family: Arial, sans-serif;
        font-size: 0.8125rem;
    }


/*Controls*/
.card {
    --bs-card-border-color: white;
}

.card-body {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #DFDFDF;
}

.card-header {
    border: none;
}

h5.arrivos-data-control-title {
    /*font-family: 'Open Sans', Arial, sans-serif;*/
    font-weight: 700;
    font-size: 0.875rem;
    color: black;
    margin-top: initial !important;
}

.arrivos-control-card-header .arrivos-control-button {
    font-size: 22px !important;
    padding-bottom: 3px !important;
}

/*DropDownList placeholder*/
.e-ddl.e-input-group input.e-input::placeholder {
    /*    font-family: Arial, sans-serif;*/
    font-size: 0.75rem;
}

/*DropDownList items*/
.e-dropdownbase .e-list-item {
    /*    font-family: Arial, sans-serif;*/
    font-size: 0.75rem;
}


/*Form Controls*/
.e-grid {
    /*    font-family: Arial, sans-serif;*/
    font-size: 0.75rem;
}

.form-field-row {
    padding-top: 4px;
    padding-bottom: 4px;
    line-height: 1.0rem;
}

pre {
    /*    font-family: Arial, sans-serif;*/
    font-size: 0.75rem;
}


/*Table Controls*/
.e-headertext {
    font-size: 0.75rem;
}

.e-grid.e-wrap .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv {
    line-height: 0.9rem;
}

.e-grid .e-headercell {
    padding: 2px 6px;
}

.e-grid .e-rowcell {
    font-size: 0.75rem;
}

    .e-grid .e-rowcell a {
        font-size: 0.75rem;
    }

.e-grid.e-wrap .e-rowcell {
    line-height: 1rem;
}

td.e-rowcell.e-templatecell {
    padding: 6px;
}

.e-grid .e-gridheader tr th:last-child {
    padding-right: 0;
}

.arrivos-nested-row-container {
    border-width: 1px 1px 1px 0;
    border-color: red;
    border-style: solid;
    border: 1px solid #BBBBBB;
    border-left: none;
}

.e-grid .e-detailindentcell {
    border: 1px solid #BBBBBB !important;
    border-right: none !important;
}

.e-pager {
    font-size: 0.75rem;
    padding-top: 11px;
}

    .e-pager.sf-pager .e-numericcontainer a {
        font-size: 0.75rem;
    }

.e-input-group {
    font-size: 0.75rem;
}

/*upload*/
.e-upload.e-control-wrapper, .e-upload.e-control-wrapper ul {
    border: none !important;
}

    .e-upload.e-control-wrapper ul li {
        display: inline-block !important;
        border: none !important;
    }

    .e-upload.e-control-wrapper .upload-file-box {
        margin-left: 10px;
        width: 170px;
        height: 85px;
        border: 2px solid #5c636a;
        padding: 5px;
        border-radius: 20px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        overflow: hidden;
        background-color: #f7f7f7;
    }

        .e-upload.e-control-wrapper .upload-file-box.upload-success {
            background-color: #efffde;
        }

        .e-upload.e-control-wrapper .upload-file-box.upload-failed {
            background-color: #ffdede;
        }

        .e-upload.e-control-wrapper .upload-file-box div {
            text-align: center;
            white-space: nowrap;
        }

        .e-upload.e-control-wrapper .upload-file-box .upload-file-box-name a {
            float: right;
            margin-right: 5px;
            margin-top: 3px;
            color: #B93737;
            width: 10px;
        }

        .e-upload.e-control-wrapper .upload-file-box .upload-file-box-name span {
            overflow: hidden;
            text-overflow: ellipsis;
            display: inline-block;
            width: calc(100% - 20px);
        }

        .e-upload.e-control-wrapper .upload-file-box .upload-file-box-size {
            font-weight: bold;
        }

.e-css.e-btn.e-upload-browse-btn {
    background-color: rgb(119, 150, 174) !important;
    border-color: rgb(119, 150, 174) !important;
}

    .e-css.e-btn.e-upload-browse-btn:hover {
        background-color: #54768D !important;
        border-color: #54768D !important;
    }

/*Editors*/
.e-dialog .e-dlg-header {
    font-size: 1rem;
}

.arrivos-control-label {
    font-size: 0.75rem;
}

.e-input-group.e-control-wrapper input.e-input {
    font-size: 0.75rem;
}


/*Icons*/
.fa-plus {
    font-size: 26px;
    padding-top: 0px;
}

.fa-pen-to-square {
    font-size: 22px;
    padding-top: 0px;
}

.fa-times {
    font-size: 26px;
    padding-top: 0px;
}

.fa-book {
    font-size: 20px;
    padding-top: 0px;
}

.fa-file-lines {
    font-size: 21px;
    padding-top: 0px;
}

.fa-file-text {
    font-size: 19px !important;
    line-height: 1.5em;
    color: rgb(116, 150, 175);
}

/*classic form*/
.site-form {
    font-size: 12px !important;
}

    .site-form br {
        display: none !important;
    }

    .site-form .e-control-wrapper {
        width: 250px !important;
    }

    .site-form .small-field {
        width: 130px !important;
    }

        .site-form .small-field .e-control-wrapper {
            width: 130px !important;
        }

    .site-form td {
        text-align: left;
        padding: 3px;
    }

    .site-form label {
        font-weight: bold;
        width: 100%;
        text-align: right;
    }

    .site-form .row {
        margin-bottom: 0px !important;
    }


/**/
.grid-hidden-control .e-checkbox-wrapper {
    display: none !important;
}

/*Buttons*/
.e-btn {
    box-shadow: none !important;
}

.e-footer-content .e-btn.e-primary.e-flat:not([DISABLED]) {
    background: #39B194;
    border-color: #39B194;
    color: #FFFFFF;
}

    .e-footer-content .e-btn.e-primary.e-flat:not([DISABLED]):hover {
        background: #35A589;
        border-color: #35A589;
    }

.e-btn.e-success {
    background: #39B194;
    border-color: #39B194;
    color: #FFFFFF;
}

    .e-btn.e-success:hover {
        background: #35A589;
        border-color: #35A589;
    }

.e-btn.e-head {
    background: #7796AE;
    border-color: #7796AE;
    color: #FFFFFF;
}

    .e-btn.e-head:hover {
        background: #54768D;
        border-color: #54768D;
    }

/*Errors and Warnings*/
.input-validation-error {
    color: #FF0000;
    font-weight: 700;
    background-color: #FCEDED;
    line-height: 2rem;
    font-size: 0.875rem;
    padding: 0;
}

.validation-summary-errors {
    border: 1px solid #FF0000;
    margin: 0 0 10px 0;
    width: 100%;
    padding: 5px 10px 0 10px !important;
}

.input-validation-error li {
    font-size: 0.75rem;
    font-weight: 500;
    color: #000000;
    line-height: 1.2rem;
}

.validation-message {
    font-size: 0.875rem;
    font-weight: 500;
    color: #FF0000;
    line-height: 1.5rem;
}

.input-validation-warning {
    color: #FF6600;
    font-weight: 700;
    background-color: #FEF7F0;
    line-height: 2rem;
    font-size: 0.875rem;
    padding: 0;
}

.validation-summary-warnings {
    border: 1px solid #FF6600;
    margin: 0 0 10px 0;
    width: 100%;
    padding: 5px 10px 0 10px !important;
}

.input-validation-error li {
    font-size: 0.75rem;
    font-weight: 500;
    color: #000000;
    line-height: 1.2rem;
}

.input-validation-warning li {
    font-size: 0.75rem;
    font-weight: 500;
    color: #000000;
    line-height: 1.2rem;
}

.e-warning {
    font-size: 0.875rem;
    font-weight: 500;
    color: #FF6600;
    line-height: 1.5rem;
}

/*workflow hide text and show only the history link*/
.workflow-header.right {
    font-size: 0px !important;
}

    .workflow-header.right .e-link {
        display: none;
    }

        .workflow-header.right .e-link:first-of-type {
            display: inline-block !important;
        }

/*workflow*/
.workflow-header h2 {
    font-size: 1rem !important;
    font-weight: 700 !important;
    margin-bottom: 25px !important;
}

.workflow-header h4 {
    font-size: 0.9rem !important;
    margin-top: 15px !important;
    font-weight: 600 !important;
}

.workflow-event-button-container {
    margin: 0px !important;
    padding-right: 285px !important;
    max-height: 100px !important;
    width: 100% !important;
    z-index: 500 !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    position: fixed !important;
    top: 120px !important;
    background: #3D619A !important;
}

.workflow-event-button {
    text-align: center !important;
    border: 1px solid #FFFFFF !important;
    height: 2rem !important;
    width: auto !important;
    margin-right: 10px !important;
    border-radius: 5px !important;
    align-items: center !important;
    display: flex !important;
    background-color: #3D619A !important;
    color: #FFFFFF !important;
    font-size: 0.8rem !important;
    font-weight: 400 !important;
}

    .workflow-event-button:hover {
        background-color: #39B194 !important
    }

/*workflow navigation buttons*/
.workflow-event-button-container .col-auto.me-auto {
    display: none !important;
}

.workflow-event-button-container .workflow-event-button:last-of-type {
    display: block !important;
    margin-left: auto !important;
    margin-right: 0px !important;
}

/*workflow validation*/
.workflow-validation {
    border: 1px solid;
    border-radius: 0;
    padding-top: 0;
    padding-left: 10px;
    margin: -10px 5px 25px 20px;
}

    .workflow-validation h4 {
        font-size: 1rem;
        font-weight: 700;
        line-height: 1rem;
    }

    .workflow-validation li {
        color: #000000;
        font-size: 0.875rem;
        font-weight: 500;
        line-height: 1.2rem;
    }

    .workflow-validation.errors {
        border-color: #FF0000;
        background: #FCEDED;
        color: #FF0000;
    }

    .workflow-validation.warnings {
        border-color: #FF6600;
        background: #FEF7F0;
        color: #FF6600;
    }

::selection {
    color: white;
    background: #8a8a38;
}

/* Accordions */
.e-accordion .e-acrdn-item.e-select,
.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header,
.e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header {
    border-color: #888; /* Override accordion separator color. */
}

.e-accordion .e-acrdn-item .e-acrdn-header {
    white-space: normal; /* Override no-wrap in accordion headers. */
    background: #F7F5EA !important; /* Update accordion header background color. */
}

    .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
        font-size: 16px; /* Update accordion header font size. */
    }

    .e-accordion .e-acrdn-item .e-acrdn-header p {
        margin: 0px; /* Remove paragraph margin from accordion header. */
    }

/* Update accordion header text color - both when selected and when hovered. */
.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-icon,
.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-content,
.e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-icon,
.e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-content,
.e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-acrdn-header-content,
.e-accordion .e-acrdn-item.e-selected > .e-acrdn-header > .e-acrdn-header-content {
    color: #000 !important;
}

/* The "!important" is to override the HTML editor previews. */
h1, .h1-override {
    text-transform: uppercase;
    font-size: 48px !important;
    font-family: "Asul" !important;
    margin-top: 1em;
}

h2, .h2-override {
    text-transform: uppercase;
    font-size: 32px !important;
    font-family: "Asul" !important;
    font-weight: 700 !important;
    margin-top: 1em;
}

h3, .h3-override {
    text-transform: uppercase;
    font-size: 24px !important;
    font-family: "Open Sans" !important;
    font-weight: 700 !important;
    margin-top: 1em;
}

h4, .h4-override {
    text-transform: initial !important;
    font-size: 20px !important;
    font-family: "Open Sans" !important;
    font-weight: 700 !important;
    margin-top: 1em;
}

h5, .h5-override {
    text-transform: initial !important;
    font-size: 18px !important;
    font-family: "Open Sans" !important;
    font-weight: 700 !important;
    margin-top: 1em;
}

.default-font {
    font-family: "Open Sans" !important;
}

body,
.e-accordion {
    font-family: "Open Sans";
}

pre {
    font-family: monospace;
    padding: 10px !important;
    margin-bottom: 1rem !important;
    background: #F4F5F7 !important;
}

blockquote {
    font-style: italic;
    color: #555555;
    padding: 1.2em 30px 1.2em 75px !important;
    border-left: 8px solid #cccc9f !important;
    line-height: 1.6;
    position: relative;
    background: #F4F5F7;
}

    blockquote::before {
        font-family: Arial;
        content: "\201C";
        color: #cccc9f;
        font-size: 4em;
        position: absolute;
        left: 10px;
        top: -10px;
    }

    blockquote::after {
        content: '';
    }

/* Editor drop down styles. */

li.e-item.e-paragraph {
    font-family: 'Open Sans';
}

li.e-item.e-code {
    font-family: monospace;
}

li.e-item.e-h1 {
    text-transform: uppercase;
    font-size: 48px !important;
    font-family: "Asul";
}

li.e-item.e-h2 {
    text-transform: uppercase;
    font-size: 32px !important;
    font-family: "Asul" !important;
    font-weight: 700 !important;
}

li.e-item.e-h3 {
    text-transform: uppercase;
    font-size: 24px !important;
    font-weight: 700 !important;
    font-family: "Open Sans";
}

li.e-item.e-h4 {
    font-size: 20px !important;
    font-weight: 700 !important;
    font-family: "Open Sans";
}

span[style*="font-family: lopfi-report-link;"] a,
span[style*="font-family: lopfi-report-link;"],
.lopfi-report-link-font {
    font-family: 'Open Sans' !important;
    text-decoration: none;
    font-size: 1.1em;
    color: #38A0A0 !important;
    font-weight: bold;
}

    span[style*="font-family: lopfi-report-link;"] a:hover,
    .lopfi-report-link-font,
    span[style*="font-family: prb-report-link;"] a:hover,
    .prb-report-link-font {
        text-decoration: underline !important;
    }

    span[style*="font-family: lopfi-report-link;"] a::before {
        content: '';
        display: inline-block;
        width: 1.95em;
        height: 1.75em;
        margin-right: 8px;
        vertical-align: middle;
        /* Filter sets SVG color to #38A0A0 (https://isotropic.co/tool/hex-color-to-css-filter/) */
        filter: invert(49%) sepia(80%) saturate(313%) hue-rotate(131deg) brightness(94%) contrast(92%);
        /* SVG icon of a trend up chart. */
        background-image: url("data:image/svg+xml,%3Csvg class='mk-svg-icon' data-name='mk-icon-line-chart' data-cacheid='1' style='height:36px; width: 41.1428571429px;' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 1792'%3E%3Cpath d='M2048 1536v128h-2048v-1536h128v1408h1920zm-128-1248v435q0 21-19.5 29.5t-35.5-7.5l-121-121-633 633q-10 10-23 10t-23-10l-233-233-416 416-192-192 585-585q10-10 23-10t23 10l233 233 464-464-121-121q-16-16-7.5-35.5t29.5-19.5h435q14 0 23 9t9 23z'%3E%3C/path%3E%3C/svg%3E");
        background-size: contain;
    }

span[style*="font-family: prb-report-link;"] a,
span[style*="font-family: prb-report-link;"],
.prb-report-link-font {
    font-family: 'Open Sans' !important;
    text-decoration: none;
    font-size: 1.1em;
    color: #8C1919 !important;
    font-weight: bold;
}

    span[style*="font-family: prb-report-link;"] a::before {
        content: '';
        display: inline-block;
        width: 1.95em;
        height: 1.75em;
        margin-right: 8px;
        vertical-align: middle;
        /* Filter sets SVG color to #8C1919 (https://isotropic.co/tool/hex-color-to-css-filter/) */
        filter: invert(13%) sepia(75%) saturate(3130%) hue-rotate(351deg) brightness(91%) contrast(91%);
        /* SVG icon of a trend up chart. */
        background-image: url("data:image/svg+xml,%3Csvg class='mk-svg-icon' data-name='mk-icon-line-chart' data-cacheid='1' style='height:36px; width: 41.1428571429px;' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 1792'%3E%3Cpath d='M2048 1536v128h-2048v-1536h128v1408h1920zm-128-1248v435q0 21-19.5 29.5t-35.5-7.5l-121-121-633 633q-10 10-23 10t-23-10l-233-233-416 416-192-192 585-585q10-10 23-10t23 10l233 233 464-464-121-121q-16-16-7.5-35.5t29.5-19.5h435q14 0 23 9t9 23z'%3E%3C/path%3E%3C/svg%3E");
        background-size: contain;
    }

.always-on-top-floating-button {
    z-index: 5000002 !important; /* Show above edit modal. */
}

    .always-on-top-floating-button:hover,
    .always-on-top-floating-button:focus {
        color: black !important;
        border-color: black !important;
    }

.public-site-btn {
    background: #CDAF3A !important;
    border-color: #CDAF3A !important;
    color: #212529 !important;
    font-weight: bold !important;
}

    .public-site-btn:hover {
        background: #9a8328 !important;
        border-color: #8e7925 !important;
    }

    .public-site-btn:active {
        background: #8e7925 !important;
    }

    .public-site-btn:disabled {
        background: #ddd !important;
    }

.text-secondary {
    color: #51525D !important;
}