.custom-button-color {
    background-color: orange;
    color: white;
}

    .custom-button-color:hover {
        background-color: darkorange;
    }

/* show arrow when mousing over grid rows */
.fe-table-row {
    cursor: default;
}

.fe-input-label-inputcontrol {
    /* removing FE Style default line height of 1, because this was cutting off the descenders */
    line-height: unset !important;
}

.fe-button-label .fe-icon-root:first-child {
    margin-right: 0.5rem;
}

.fe-typography-subtitle1 {
    font-size: 14px;
}

.lead-portal .fe-tabs-tabs {
    /* add padding that is removed by the child FeGrid component. */
    padding: 24px;
}

.notes-list .customer-note {
    border-left: 5px solid #9AC6AA;
}

.notes-list .internal-note {
    border-left: 5px solid #F2DE8C;
}

.notes-list .system-note {
    border-left: 5px solid gray;
}

/* add space beteween consecutive buttons (this was needed for modal buttons) */
button + button {
    margin-left: 10px;
}

/* custom styling for the Carrier Lead Status drodown select */
.fe-list-item .fe-select-item-description {
    font-size: .8em;
}
.fe-select-input .fe-select-item-description {
    display:none;
}

/* email preview */
.email-preview-body blockquote {
    margin: 1em 0;
    padding: 0.75em 1em;
    background-color: #f9f9f9;
    border-left: 4px solid #ccc;
    font-style: italic;
    color: #555;
}



/* min-width for the badge on the list of lists grid */
.grid-lead-status .fe-badge {
    min-width: 100px;
}


/* FmcsaSnapshot.razor.css */
.basic-card-header {
    gap: 10px;
    display: flex;
    align-items: center;
}


.split-container .spliter-bar {
    position: relative;
    width: 6px; /* Slightly thicker to fit grabber */
    background-color: #ccc;
    cursor: col-resize;
    user-select: none;
    transition: background-color 0.2s ease;
}

    .split-container .spliter-bar:hover {
        background-color: #999;
    }

    /* Grabber dots */
    .split-container .spliter-bar::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 3px;
        height: 23px;
        background-image: radial-gradient(circle, #555 2px, transparent 1px);
        background-size: 100% 6px; /* vertical repeat */
        background-repeat: repeat-y;
        transform: translate(-50%, -50%);
        opacity: 0.8;
    }


    /* PageContent.razor.css */
.content-page {
    padding: 10px;
}

/* improve vertical alignment for contact list cards*/
.contact-info .fe-tooltip-root.fe-tooltip-inline {
    display: flex !important;
}

/* hide the user avatar, since it doesn't provide value for carriers */
.feLogin .userProfileImage{
    display:none;
}

/* make control labels bold in the company info change request dialog */
.company-info-change-request-dialog .fe-input-control-input-container .fe-input-label {
    font-weight: bold !important;
    font-size: 1.1rem !important;
}


.carrier-name {
    color: white;
    font-weight: bold;
}