.nav-fixed #layout_custom #layout_custom_content {
    top: 3.625rem;
}

#layout_custom {
    display: flex;
}

.admin-panel {
    background-color: #1f2d41;
    padding: 12px;
    border-radius: 12px;
    margin: 8px;
}

.secret-message-2026 {
    display: none;
}

.inputTextField {
    width: 90%;
    margin: 0 auto;
    text-align: center;
    font-size: 24px;
    height: 40px;
    padding: 5px 5px;
}

tr:nth-child(odd) {
    background-color: #FFFFFF;
}

tr:nth-child(even) {
    background-color: #E0E0DC;
}


thead tr {
    background-color: black !important;
    color: #E5DF00;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span{
    color: #fff;
    border: solid yellow;
    border-width: 0 2px 2px 0 !important;
    border-radius: 0;
    display: inline-block;
    padding: 3px;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
    color: #fff;
    border: solid yellow;
    border-width: 0 2px 2px 0;
    border-radius: 0;
    display: inline-block;
    padding: 3px;
}

.filter-teal {
    filter: invert(69%) sepia(70%) saturate(5923%) hue-rotate(155deg) brightness(96%) contrast(82%);
}

.form-field-darkmode {
    background-color: white;
    color: lightgray;
}

.btn-outline-ds-yellow {
    color: #E5DF00;
    border-color: #E5DF00;
}

    .btn-outline-ds-yellow:hover {
        color: #fff;
        background-color: #E5DF00;
        border-color: #E5DF00;
    }

    .btn-outline-ds-yellow:focus, .btn-outline-ds-yellow.focus {
        box-shadow: 0 0 0 0.2rem rgba(244, 161, 0, 0.5);
    }

    .btn-outline-ds-yellow.disabled, .btn-outline-ds-yellow:disabled {
        color: #f4a100;
        background-color: transparent;
    }

    .btn-outline-ds-yellow:not(:disabled):not(.disabled):active, .btn-outline-ds-yellow:not(:disabled):not(.disabled).active, .show > .btn-outline-ds-yellow.dropdown-toggle {
        color: #fff;
        background-color: #E5DF00;
        border-color: #E5DF00;
    }

    .btn-outline-ds-yellow:not(:disabled):not(.disabled):active:focus, .btn-outline-ds-yellow:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-ds-yellow.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(244, 161, 0, 0.5);
    }

.btn-ds-yellow {
    color: #fff;
    background-color: #E5DF00;
    border-color: #E5DF00;
}

    .btn-ds-yellow:hover {
        color: #fff;
        background-color: #E5DF00;
        border-color: #E5DF00;
    }

    .btn-ds-yellow:focus, .btn-yellow.focus {
        color: #fff;
        background-color: #E5DF00;
        border-color: #E5DF00;
        box-shadow: 0 0 0 0.2rem rgba(246, 175, 38, 0.5);
    }

    .btn-ds-yellow.disabled, .btn-yellow:disabled {
        color: #fff;
        background-color: #E5DF00;
        border-color: #E5DF00;
    }

    .btn-ds-yellow:not(:disabled):not(.disabled):active, .btn-yellow:not(:disabled):not(.disabled).active, .show > .btn-yellow.dropdown-toggle {
        color: #fff;
        background-color: #E5DF00;
        border-color: #E5DF00;
    }

        .btn-ds-yellow:not(:disabled):not(.disabled):active:focus, .btn-yellow:not(:disabled):not(.disabled).active:focus, .show > .btn-yellow.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(246, 175, 38, 0.5);
        }

.bg-ds-gray-200 {
    background-color: #E0E0DC;
}
.bg-ds-gray-300 {
    background-color: #CCCCCC;
}
.bg-ds-cream {
    background-color: #F5F5F0;
}

.bg-dark-gray {
    background-color: #050b1a;
}

.bg-gradient {
    background-color: #c3d944;
    background-image: linear-gradient(to bottom right,lime,yellow);
}

.bg-transparent-dark {
    background: rgba(50,50,80,0.35);
}

.bg-gradient-dark-vert {
    background-color: #333333;
    background-image: linear-gradient(rgba(0,0,0,1),rgba(0,80,73,1));
}

.border-gradient {
    border-width: 3px;
    border-style: solid;
    border-color: #c3d944;
    border-radius: 6px;
}

.border-lime {
    border-width: 3px;
    border-style: solid;
    border-color: #3cff8a;
    border-radius: 6px;
}

.bg-bright-yellow{
    background-color: #C7E200;
}
.text-bright-yellow {
    color: #C7E200;
}

.text-white{
    color:#ffffff;
    font-family: 'Switzer';
}

h1 {
    font-family: 'Recia'
}

h2 {
    font-family: 'Switzer'
}

h3 {
    font-family: 'Switzer'
}

h4 {
    font-family: 'Switzer'
}

a{
    font-family: 'Switzer'
}

.paginate_button .disabled {
    background-color: #323f52 !important;
}

.modal-content {
    background-color: #FFFFFF;
}

#layout_custom #layout_custom_content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 0;
    flex-grow: 1;
    min-height: calc(100vh - 3.625rem);
}

.info-anchor {
    position: relative;
    border-radius: 12px;
}

    .info-anchor:after {
        display: none;
        position: absolute;
        top: 50%;
        right: 100%;
        border: 1px solid #000;
        border-radius: 5px;
        background-color: #333;
        z-index: 10;
        color: #fff;
        text-align: left;
        padding: 5px;
        content: "Help improve AiME's responses for everyone! Submit general feedback here or submit estimate specific feedback using the icon next to the estimate below.";
    }

    .info-anchor:hover:after {
        display: block;
        width: 220px;
    }

.info-anchor-added-val {
    position: relative;
    border-radius: 12px;
}

    .info-anchor-added-val:after {
        display: none;
        position: absolute;
        top: 50%;
        right: 100%;
        border: 1px solid #000;
        border-radius: 5px;
        background-color: #333;
        z-index: 10;
        color: #fff;
        text-align: left;
        padding: 5px;
        content: "In our 2020 survey, 37% of AiME's users reported seeing 3-4% increase in value added to estimates through applying new estimating ideas and techniques. Use this tool to adjust the value for your organization.";
    }

    .info-anchor-added-val:hover:after {
        display: block;
        width: 220px;
    }


.feedback-tooltip {
    position: relative;
    /*border-radius: 12px;*/
}

    .feedback-tooltip:after {
        display: none;
        position: absolute;
        top: 50%;
        right: 100%;
        border: 1px solid #000;
        border-radius: 5px;
        background-color: #333;
        z-index: 10;
        color: #fff;
        text-align: left;
        padding: 5px;
        content: "Provide feedback for this estimate.";
    }

    .feedback-tooltip:hover:after {
        display: block;
        width: 150px;
    }

.revise-tooltip {
    position: relative;
    /*border-radius: 12px;*/
}

    .revise-tooltip:after {
        display: none;
        position: absolute;
        top: 50%;
        right: 100%;
        border: 1px solid #000;
        border-radius: 5px;
        background-color: #333;
        z-index: 10;
        color: #fff;
        text-align: left;
        padding: 5px;
        content: "Resubmit this estimate to improve your accuracy score";
    }

    .revise-tooltip:hover:after {
        display: block;
        width: 200px;
    }

.value-add-analytic-tooltip {
    position: relative;
}

    .value-add-analytic-tooltip:after {
        display: none;
        position: absolute;
        top: -40%;
        right: -80%;
        border: 1px solid #000;
        border-radius: 5px;
        background-color: #333;
        font-size: 14px;
        z-index: 10;
        color: #fff;
        text-align: left;
        padding: 5px;
        content: "This tool lets you see AiME's impact on the final value of your estimates. Once your team have entered final net claims for at least 10 estimates, AiME will calculate your average value change to estimate the total value across all of your submissions.";
    }

    .value-add-analytic-tooltip:hover:after {
        display: block;
        width: 450px;
    }

.value-add-comparison-tooltip {
    position: relative;
}

    .value-add-comparison-tooltip:after {
        display: none;
        position: absolute;
        top: -40%;
        right: 0%;
        border: 1px solid #000;
        border-radius: 5px;
        background-color: #333;
        font-size: 14px;
        z-index: 10;
        color: #fff;
        text-align: left;
        padding: 5px;
        content: "Compare the added value from review of your estimates to recent submissions by your organization and other AiME users";
    }

    .value-add-comparison-tooltip:hover:after {
        display: block;
        width: 450px;
    }

.edit-tooltip {
    position: relative;
    /*border-radius: 12px;*/
}

    .edit-tooltip:after {
        display: none;
        position: absolute;
        top: 50%;
        right: 100%;
        border: 1px solid #000;
        border-radius: 5px;
        background-color: #333;
        z-index: 10;
        color: #fff;
        text-align: left;
        padding: 5px;
        content: "Make adjustments to this review.";
    }

    .edit-tooltip:hover:after {
        display: block;
        width: 150px;
    }

.valueadd-tooltip {
    position: relative;
    /*border-radius: 12px;*/
}

    .valueadd-tooltip:after {
        display: none;
        position: absolute;
        top: 50%;
        right: 100%;
        border: 1px solid #000;
        border-radius: 5px;
        background-color: #333;
        z-index: 10;
        color: #fff;
        text-align: left;
        padding: 5px;
        content: "Upload your edited estimate to automatically record your final net claim";
    }

    .valueadd-tooltip:hover:after {
        display: block;
        width: 150px;
    }

.Logo-Drop-tooltip {
    position: relative;
    /*border-radius: 12px;*/
}

    .Logo-Drop-tooltip:after {
        display: none;
        font-size: 14px;
        position: absolute;
        top: 20%;
        left: 80%;
        border: 1px solid #000;
        border-radius: 5px;
        background-color: #333;
        z-index: 10;
        color: #fff;
        text-align: left;
        padding: 5px;
        content: "Set a custom logo to appear in the header of your location's AiME reviews.";
    }

    .Logo-Drop-tooltip:hover:after {
        display: block;
        min-width: 320px;
    }

.info-actual-value {
    position: relative;
    border-radius: 12px;
}

    .info-actual-value:after {
        display: none;
        position: absolute;
        top: 50%;
        right: 100%;
        border: 1px solid #000;
        border-radius: 5px;
        background-color: #333;
        z-index: 10;
        color: #fff;
        text-align: left;
        padding: 5px;
        content: "Enter the final value of your estimate, calculating items that AiME impacted.";
    }

    .info-actual-value:hover:after {
        display: block;
        min-width: 220px;
    }



.info-table-feedback-header {
    position: relative;
    border-radius: 12px;
}

    .info-table-feedback-header:after {
        display: none;
        position: absolute;
        top: 50%;
        right: 100%;
        border: 1px solid #000;
        border-radius: 5px;
        background-color: #333;
        z-index: 10;
        color: #fff;
        text-align: left;
        padding: 5px;
        content: "Submit estimate specific feedback using the icon below.";
    }

    .info-table-feedback-header:hover:after {
        display: block;
        min-width: 220px;
    }

@media (min-width: 1200px) {
    .modal-xll {
        max-width: 1380px;
    }
}

.name-tooltip {
    position: relative;
    /*border-radius: 12px;*/
}

    .name-tooltip:after {
        display: none;
        position: absolute;
        top: 50%;
        left: 0%;
        border: 1px solid #000;
        border-radius: 5px;
        background-color: #333;
        z-index: 10;
        color: #fff;
        text-align: left;
        padding: 5px;
        content: "Maximum 50 characters";
    }

    .name-tooltip:hover:after {
        display: block;
        width: 150px;
    }

.CAT-tooltip {
    position: relative;
    /*border-radius: 12px;*/
}

    .CAT-tooltip:after {
        display: none;
        position: absolute;
        top: 50%;
        left: 0%;
        border: 1px solid #000;
        border-radius: 5px;
        background-color: #333;
        z-index: 10;
        color: #fff;
        text-align: left;
        padding: 5px;
        white-space: pre-wrap;
        content: "Matches category codes like DRY or FCC";
    }

    .CAT-tooltip:hover:after {
        display: block;
        width: 250px;
    }

.SEL-tooltip {
    position: relative;
    /*border-radius: 12px;*/
}

    .SEL-tooltip:after {
        display: none;
        position: absolute;
        top: 50%;
        left: 0%;
        border: 1px solid #000;
        border-radius: 5px;
        background-color: #333;
        z-index: 10;
        color: #fff;
        text-align: left;
        white-space: pre-wrap;
        padding: 5px;
        content: "Matches Selector codes";
    }

    .SEL-tooltip:hover:after {
        display: block;
        width: 150px;
    }

.ACT-tooltip {
    position: relative;
    /*border-radius: 12px;*/
}

    .ACT-tooltip:after {
        display: none;
        position: absolute;
        top: 50%;
        left: 0%;
        border: 1px solid #000;
        border-radius: 5px;
        background-color: #333;
        z-index: 10;
        color: #fff;
        text-align: left;
        padding: 5px;
        white-space: pre-wrap;
        content: "Matches Action codes like +, &, or -";
    }

    .ACT-tooltip:hover:after {
        display: block;
        width: 200px;
    }

.CALC-tooltip {
    position: relative;
    /*border-radius: 12px;*/
}

    .CALC-tooltip:after {
        display: none;
        position: absolute;
        top: 50%;
        left: 0%;
        border: 1px solid #000;
        border-radius: 5px;
        background-color: #333;
        z-index: 10;
        color: #fff;
        text-align: left;
        padding: 5px;
        white-space: pre-wrap;
        content: "Matches numbers and variables used in the calculation column like 150, WC, EAVE, F, or SQ. You can use the \"%&\" macro to separate out multiple keywords, similar to the comma-separated list behaviour for CAT and SEL"
    }

    .CALC-tooltip:hover:after {
        display: block;
        width: 475px;
    }

.sym-description-tooltip {
    position: relative;
    /*border-radius: 12px;*/
}

    .sym-description-tooltip:after {
        display: none;
        position: absolute;
        top: 50%;
        left: 0%;
        border: 1px solid #000;
        border-radius: 5px;
        background-color: #333;
        z-index: 10;
        color: #fff;
        text-align: left;
        padding: 5px;
        white-space: pre-wrap;
        content: "Matches the description of a line item. Description can be split into keyphrases with the - character, to acommodate the variety of description formats common in symbility estimates. Each keyphrase must appear exactly in the line item in order to match."
    }

    .sym-description-tooltip:hover:after {
        display: block;
        width: 475px;
    }

.OverheadProfit-tooltip {
  position: relative;
}
    .OverheadProfit-tooltip:after {
        display: none;
        position: absolute;
        top: 50%;
        left: 0%;
        border: 1px solid #000;
        border-radius: 5px;
        background-color: #333;
        z-index: 10;
        color: #fff;
        text-align: left;
        padding: 5px;
        white-space: pre-wrap;
        content: "If this option is activated, rule will only trigger if Overhead & Profit value is greater than 0."
    }
    .OverheadProfit-tooltip:hover:after {
        display: block;
        width: 475px;
    }

.MinMaxCeilingHeight-tooltip {
    position: relative;
}
    .MinMaxCeilingHeight-tooltip:after {
        display: none;
        position: absolute;
        top: 50%;
        left: 0%;
        border: 1px solid #000;
        border-radius: 5px;
        background-color: #333;
        z-index: 10;
        color: #fff;
        text-align: left;
        padding: 5px;
        white-space: normal;
        content: "Enter Minimum and Maximum height to search within a range. If only Minimum height is provided, it will search for any value above that height.";
    }
    .MinMaxCeilingHeight-tooltip:hover:after {
        display: block;
        width: 250px;
    }

.description-tooltip {
    position: relative;
    /*border-radius: 12px;*/
}

    .description-tooltip:after {
        display: none;
        position: absolute;
        top: 50%;
        left: 0%;
        border: 1px solid #000;
        border-radius: 5px;
        background-color: #333;
        z-index: 10;
        color: #fff;
        text-align: left;
        padding: 5px;
        white-space: pre-wrap;
        content: "Matches line item descriptions that contain the input phrase. You can use the \"%&\" macro to separate out multiple keywords, similar to the comma-separated list behaviour for CAT and SEL"
    }

    .description-tooltip:hover:after {
        display: block;
        width: 555px;
    }

.container-tooltip {
    position: relative;
    /*border-radius: 12px;*/
}

    .container-tooltip:after {
        display: none;
        position: absolute;
        top: 50%;
        left: 0%;
        border: 1px solid #000;
        border-radius: 5px;
        background-color: #333;
        z-index: 10;
        color: #fff;
        text-align: left;
        padding: 5px;
        white-space: pre-wrap;
        content: "\"PerArea\" rules are applied to each room or folder in the estimate individually. \"No Container\" rules are applied to the estimate as a whole, so if a NOT clause on your rule is present anywhere in you estimate the rule will not trigger.\""
    }


    .container-tooltip:hover:after {
        display: block;
        width: 1150px;
    }

.note-tooltip {
    position: relative;
    /*border-radius: 12px;*/
}

    .note-tooltip:after {
        display: none;
        position: absolute;
        top: 50%;
        left: 0%;
        border: 1px solid #000;
        border-radius: 5px;
        background-color: #333;
        z-index: 10;
        color: #fff;
        text-align: left;
        padding: 5px;
        white-space: pre-wrap;
        content: "Matches notes immediately following a line item. You can include multiple keywords or keyphrases as a comma-separated list, and any note that contains one or more of those keyphrases will satisfy this condition."
    }


    .note-tooltip:hover:after {
        display: block;
        width: 250px;
    }

.comparator-tooltip {
    position: relative;
    /*border-radius: 12px;*/
}

.comparator-tooltip:after {
    display: none;
    position: absolute;
    top: 50%;
    left: 0%;
    border: 1px solid #000;
    border-radius: 5px;
    background-color: #333;
    z-index: 10;
    color: #fff;
    text-align: left;
    padding: 5px;
    white-space: pre-wrap;
    content: "If a quantity is specified, determines what condition the line item quantity must satisfy to match"
}


.comparator-tooltip:hover:after {
    display: block;
    width: 250px;
}

.quantity-tooltip {
    position: relative;
    /*border-radius: 12px;*/
}

    .quantity-tooltip:after {
        display: none;
        position: absolute;
        top: 50%;
        left: 0%;
        border: 1px solid #000;
        border-radius: 5px;
        background-color: #333;
        z-index: 10;
        color: #fff;
        text-align: left;
        padding: 5px;
        white-space: pre-wrap;
        content: "Matches based on the quantity of a line item. What values count as a match depends on the comparator"
    }


    .quantity-tooltip:hover:after {
        display: block;
        width: 250px;
    }

.create-flag-tooltip {
    position: relative;
    /*border-radius: 12px;*/
}

    .create-flag-tooltip:after {
        display: none;
        position: absolute;
        top: 50%;
        left: 0%;
        border: 1px solid #000;
        border-radius: 5px;
        background-color: #333;
        z-index: 10;
        color: #fff;
        text-align: left;
        padding: 5px;
        white-space: pre-wrap;
        content: "If this option is switched off, this AND clause will not create a flag for the triggering line item, and a note on the triggering line item will not reduce the issue severity."
    }


    .create-flag-tooltip:hover:after {
        display: block;
        width: 250px;
    }

.AND-NOT-tooltip {
    position: relative;
    /*border-radius: 12px;*/
}

    .AND-NOT-tooltip:after {
        display: none;
        position: absolute;
        top: 50%;
        left: 0%;
        border: 1px solid #000;
        border-radius: 5px;
        background-color: #333;
        z-index: 10;
        color: #fff;
        text-align: left;
        padding: 5px;
        white-space: pre-wrap;
        content: "You can use AND-NOT blocks to link multiple NOT clauses. An AND-NOT block will not stop a rule from triggering unless EACH clause in the block matches a line item. To add a clause to an AND-NOT block, use the ADD button inside the block."
    }


    .AND-NOT-tooltip:hover:after {
        display: block;
        width: 250px;
    }

.revise-btn {
    padding: 5px 12px;
    background: #E5DF00;
    color: black;
    border: none;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 700;
    font-family: inherit;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: .03em;
    transition: background .2s;
}

#userDataTable {
    color: black !important;
}

    #userDataTable thead tr th {
        color: black !important;
    }

    #userDataTable tbody tr td {
        color: black !important;
    }

.fa-exclamation-circle {
    color: #E5DF00 !important;
}

a.text-blue .fa-eye {
    color: black !important;
}

#teamDataTable_filter input[type="search"] {
    background-color: white !important;
    color: black !important;
}

#teamDataTable_filter label {
    color: black !important;
}

#reportrange {
    color: black !important;
}

    #reportrange i {
        color: black !important;
    }

    #reportrange:hover {
        background-color: black !important;
        color: yellow !important;
        border-color: black !important;
    }

        #reportrange:hover i {
            color: yellow !important;
        }

    #reportrange .fa-calendar,
    #reportrange .fa-calendar-alt,
    #reportrange svg,
    #reportrange svg path {
        color: black !important;
        fill: black !important;
    }

#teamDataTable_paginate .paginate_button.current,
#teamDataTable_paginate .paginate_button.current:hover {
    background-color: black !important;
    color: yellow !important;
    border-color: black !important;
    outline: none !important;
    box-shadow: none !important;
}

#mgUsersDataTable_length label {
    color: black !important;
}

#mgUsersDataTable_filter label {
    color: black !important;
}

.btn.btn-secondary.btn-sm {
    background-color: #E5DF00 !important;
    border-color: #E5DF00 !important;
    color: black;
}

#userDataTable_filter label {
    color: black !important;
}

.datatable .dataTables_length select {
    background-color: white !important;
    color: lightgray;
}

.datatable .dataTables_filter input {
    background-color: white !important;
    color: lightgray;
}

.datatable .dataTables_processing {
    color: #000 !important;
}

.datatable .dataTables_processing i {
    color: #000 !important;
}

#processing svg {
    color: #FFD700 !important;
}

#XactCarrierSelect {
    background-color: #fff !important;
    color: #000 !important;
}

#XactCarrierSelect:focus {
    color: #000 !important;
    border-color: #000 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

#CarrierSelect2,
#CarrierSelect2:focus {
    background-color: #fff !important;
    color: #000 !important;
    border-color: #000 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.daterangepicker .ranges li.active {
    background-color: #808080 !important;
    color: #fff !important;
}

.daterangepicker .ranges li:hover {
    background-color: #d3d3d3 !important;
    color: #000 !important;
}