.mud-toolbar a {
    margin-left: 20px;
}

.include-border {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 4px;
    border-color: #1D2024;
}

#lcf-logo {
    min-width: 125px;
    max-width: 125px;
    min-height: 72px;
    max-height: 72px;
    padding: 5px;
}

.no-after .mud-input::after,
.no-after .mud-input::before {
    content: none !important;
}

/*.mud-slider {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 4px;
    border-color: #194E9D;
}

    .mud-slider input {
        color: white;
    }
*/
.not-qualified {
    /*    background-color: #FF7F50;*/
}

/*.mud-table-hover .mud-table-body .mud-table-row:hover {
    cursor: pointer;
    background-color: #FEFC00 !important;
}
*/
.mud-expand-panel .mud-expand-panel-content {
    padding: 0 !important;
}

.footer-link {
    color: white;
}
/*
.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
    font-size: 1.5rem;
    font-weight: 900;
}
*/
.mud-table-cell {
    font-size: 1rem;
    padding:2px 4px 2px 4px;
}

.mud-table-dense * .mud-table-row .mud-table-cell {
    padding: 0; /*3px 8px 3px 4px;*/
    padding-inline-start: 4px;
    padding-inline-end: 0;/*8px;*/
}

.bg-lightgreen {
    background-color: lightgreen;
}

.bg-teal {
    background: rgb(194, 237, 232)
}

.mud-expand-panel .mud-expand-panel-header {
    background-color: lightblue;
}


/* background-color: #1d2024; */
thead.mud-table-head {
    background-color: white;
}

.text-white {
    color: white;
}

.text-bold {
    font-weight: 900;
}


/* Chat*/
/* improved for chat text box */
textarea {
    border: 1px dashed #888;
    border-radius: 5px;
    width: 80%;
    overflow: auto;
    background: #f7f7f7
}

/* improved for speech bubbles */
.chat-msg {
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 5px;
}

    .chat-msg .mud-alert-message {
        padding: 0;
    }

.received, .sent .system-chat {
    position: relative;
    font-family: arial;
    font-size: 1.1em;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 20px;
}

    .received:after, .sent:after .system-chat:after {
        content: '';
        border: 20px solid transparent;
        position: absolute;
        margin-top: -30px;
    }

.sent {
    background: #03a9f4;
    color: #fff;
    margin-left: 10%;
    top: 50%;
    text-align: right;
}

.system-chat {
    background: #888;
    color: #000;
}

.received {
    background: #4CAF50;
    color: #fff;
    margin-left: 10px;
    margin-right: 10%;
}

.sent:after {
    border-left-color: #03a9f4;
    border-right: 0;
    right: -20px;
}

.received:after {
    border-right-color: #4CAF50;
    border-left: 0;
    left: -20px;
}

/* div within bubble for name */
.user {
    font-size: 0.8em;
    font-weight: bold;
    color: #000;
}

.msg {
    /*display: inline;*/
}

/***********************/
.minimized-button_3cubb .minimize-image_1xUer {
    transition: transform 0.2s ease-in-out;
}

.button_3Kb46 svg {
    width: 80%;
}

.bubble_Shtpk svg {
    padding: 10px;
}

svg:not(:root) {
    overflow: hidden;
}

.button_3Kb46 {
    position: relative;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
}

button {
    appearance: auto;
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark(black, white);
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: center;
    align-items: flex-start;
    cursor: default;
    background-color: -internal-light-dark(rgb(239, 239, 239), rgb(59, 59, 59));
    box-sizing: border-box;
    margin: 0em;
    font: 400 13.3333px Arial;
    padding: 1px 6px;
    border-width: 2px;
    border-style: outset;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    border-image: initial;
    border-radius: 2px;
}

.elementor-kit-9 {
    --e-global-color-primary: #6EC1E4;
    --e-global-color-secondary: #54595F;
    --e-global-color-text: #7A7A7A;
    --e-global-color-accent: #61CE70;
    --e-global-typography-primary-font-family: "Roboto";
    --e-global-typography-primary-font-weight: 600;
    --e-global-typography-secondary-font-family: "Roboto Slab";
    --e-global-typography-secondary-font-weight: 400;
    --e-global-typography-text-font-family: "Roboto";
    --e-global-typography-text-font-weight: 400;
    --e-global-typography-accent-font-family: "Roboto";
    --e-global-typography-accent-font-weight: 500;
}

@media (max-width: 1024px) {
    #lcf-logo {
        width: 75% !important;
    }
}


@media (min-width: 575px) {
    .desktop-widget {
        display: block !important;
    }

    .desktop-header {
        display: block !important;
    }
}

@media (max-width: 575px) {
    #desktop-header {
        display: none !important;
    }

    #mobile-header {
        display: block !important;
    }

    #lcf-logo {
        width: 35% !important;
    }

    .mobile-top {
        background-color: #194E9D;
        color: white;
        padding: 10px 0px 10px 0px;
    }

    #mobile-logo {
        width: 50%;
        padding: 15px 0px 15px 0px;
    }

    .center {
        margin: auto;
    }

    .nav-item {
        padding: 10px;
    }
}

#IsoPayoffAmount .mud-input-label {
    color: black !important;
}

#navbarSupportedContent {
    font-size: 20px;
    font-weight: 600;
}

.mud-input-label {
    font-family: Poppins;
}

/*.mud-input-control {
    margin-top: 0px !important;
}
*/
.bg-blue {
    background-color: #194E9D;
    color: white !important;
    padding: 5px;
}


h6.bk-blue {
    background-color: #194E9D;
    color: white !important;
    padding: 5px 5px 5px 10px;
}

h6.bk-lightgreen {
    background-color: lightgreen;
    padding: 5px 5px 5px 10px;
}

/*This selector is for /ApproveOffers page Stipulations DIV*/
/*Reffer to MOD1.png*/
/*body > app > div.mud-layout > div > div.mud-paper.mud-elevation-1.pa-5.mt-2.mb-2.pb-15 > div:nth-child(3) > div:nth-child(3) {
    margin-top: 20px;
}
*/

/*Reffer to MOD2.png*/
.mud-card-header {
    padding: 0px !important;
}

.mud-card-content {
    padding: 5px !important;
}
/**/
/*This selector may be overided by another !important style located in MudBlazor.min.css*/
/*Sales REP*/
/*.pa-3 {
    padding: 0px !important;
}
*/
/*From lines 27-36 I need to add box-shadow on those two div's give them a class name*/
/*    body > app > div.mud-layout > div > div.mud-paper.mud-elevation-1.pa-5.mt-2.mb-2.pb-15 > div:nth-child(3) > div:nth-child(1) > div, body > app > div.mud-layout > div > div.mud-paper.mud-elevation-1.pa-5.mt-2.mb-2.pb-15 > div:nth-child(3) > div:nth-child(2) > div {
    box-shadow: 3px 3px 15px 0px rgb(0 0 0 / 10%);
}
*/
/*Notes from ISO & Notes to ISO div*/
.iso-notes {
    padding: 0px !important;
    margin: 30px 0px 30px 0px;
    box-shadow: 3px 3px 15px 0px rgb(0 0 0 / 10%);
}

/*Offers and Approved Offers tables*/
.offer-table {
    box-shadow: 3px 3px 15px 0px rgb(0 0 0 / 37%);
}
    .mud-table-head .mud-table-cell

    {
        background-color: white;
    }

/*Approved Offers Table*/
/*    body > app > div.mud-layout > div > div.mud-paper.mud-elevation-1.pa-5.mt-2.mb-2.pb-15 > div:nth-child(5) > div > div.mud-collapse-container.mud-collapse-entered > div > div > div {
        padding: 0px 0px 0px;
    }
*/
.mud-select {
    margin-top: 0;
}

    .mud-select > div > label {
        background-color: #ffffff00;
        margin-top: -15px;
    }

    .mud-select > div > div > label {
        background-color: #ffffff00;
        margin-top: -15px;
    }

.mud-card {
    box-shadow: 3px 3px 15px 0px rgb(0 0 0 / 37%);
}

.lcf-box-shadow {
    box-shadow: 3px 3px 15px 0px rgb(0 0 0 / 37%);
}

.mud-expand-panel .mud-expand-panel-header {
    background-color: #194E9D;
    color: white;
}

.mud-table-toolbar {
    padding: 50px 15px 40px 15px;
}

#mud-snackbar-container {
    position: fixed;
    z-index: var(--mud-zindex-snackbar);
    pointer-events: none;
}

.mud-snackbar {
    flex-wrap: nowrap;
}

.mud-autocomplete > div > .mud-input-control-input-container {
    background-color: #F5F5F5;
}

#OpportunitySelector > .mud-autocomplete > .mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol.mud-disabled {
    color: var(--mud-palette-text-primary);
}

#OpportunitySelector > .mud-autocomplete > .mud-input-control > .mud-input-control-input-container > .mud-input.mud-disabled {
    color: var(--mud-palette-text-primary);
}

#Notes .mud-input.mud-disabled {
    color: var(--mud-palette-text-primary)
}

#Notes .mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol.mud-disabled {
    color: var(--mud-palette-text-secondary)
}


#lcfappheader, #lcfappfooter {
    background-color: #1d2024;
    padding: 10px 0px 10px 0px;
    z-index: 10;
}

#navbarSupportedContent > ul > li > a {
    color: white;
    letter-spacing: 2px;
}


#Notes {
    max-width: 30%;
}

    #Notes > div > div.mud-card-content > div > div > div {
        margin-top: 0px;
    }
/*
.stipulations-required {
    max-width: 45%;
}

body > app > div.mud-layout > div > div > div.mud-grid.mud-grid-spacing-xs-3.mud-grid-justify-xs-center.mb-2 > div.mud-grid-item.mud-grid-item-xs-6.stipulations-required > div > div > div.mud-expand-panel-header {
    margin-top: 20px;
}


body > app > div.mud-layout > div > div > div.mud-grid.mud-grid-spacing-xs-3.mud-grid-justify-xs-center.mb-2 > div:nth-child(5) > div > div.mud-card-content > div > div > div > textarea {
    color: black;
    font-weight: 500;
}

body > app > div.mud-layout > div > div > div.mud-grid.mud-grid-spacing-xs-3.mud-grid-justify-xs-center.mb-2 > div:nth-child(5) > div > div.mud-card-content > div > div > div {
    margin-top: 0px;
}


.offer-table, body > app > div.mud-layout > div > div > div:nth-child(4) {
    margin-top: 30px !important;
}

#lcfappfooter {
    position: static;
}

body > app > div.mud-layout > div > div > div:nth-child(4) > div.mud-grid-item.mud-grid-item-xs-12.mud-grid-item-sm-4.mud-grid-item-md-5 > div > div > div.mud-expand-panel-header {
    margin-top: -10px !important;
}


#OpportunitySelector > div > div > div > div.mud-input.mud-input-outlined.mud-input-adorned-end.mud-shrink.mud-disabled.mud-select-input, body > app > div.mud-layout > div > div > div:nth-child(4) > div.mud-grid-item.mud-grid-item-xs-12.mud-grid-item-sm-4.mud-grid-item-md-5 > div > div > div.mud-expand-panel-header, body > app > div.mud-layout > div > div > div.mud-expansion-panels.my-2 > div > div.mud-expand-panel-header {
    box-shadow: 3px 3px 15px 0px rgb(0 0 0 / 37%);
}

body > app > div.mud-layout > div > div > div.mud-grid.mud-grid-spacing-xs-2.mud-grid-justify-xs-center > div:nth-child(1), body > app > div.mud-layout > div > div > div.mud-grid.mud-grid-spacing-xs-2.mud-grid-justify-xs-center > div:nth-child(2) {
    box-shadow: 3px 3px 15px 0px rgb(0 0 0 / 37%);
    margin: 10px;
}
.slider-box {
    box-shadow: 3px 3px 15px 0px rgb(0 0 0 / 37%);
    margin: 10px;
}
    .slider-box > .mud-grid {
        box-shadow:none !important;
        padding:0 !important;
    }

        .slider-box .slider-input .mud-input {
            width:80% !important;
        }

body > app > div.mud-layout > div > div > div:nth-child(4) > div.mud-grid-item.mud-grid-item-xs-12.mud-grid-item-sm-6.mud-grid-item-md-3 > div {
    box-shadow: 3px 3px 15px 0px rgb(0 0 0 / 37%);
    padding: 5px 10px 5px 10px;
}

th {
    font-weight: 600;
}

.mud-table-cell {
    font-weight:600;
    text-align: left;
    padding: 10px !important;
}


.navbar-light .navbar-toggler {
    background-color: white;
}

#OpportunitySelector > div > div > div > div.mud-input.mud-input-outlined.mud-input-adorned-end.mud-shrink.mud-disabled.mud-select-input > input {
    font-weight: 600;
}




body > app > div.mud-layout > div > div > div.mud-grid.mud-grid-spacing-xs-2.mud-grid-justify-xs-center > div:nth-child(1) > div > div.mud-grid-item.mud-grid-item-xs-6.pa-0 > div > div > div{
    width:80%;
}
.lcf-select-label div. 3mud-input-control-input-container label {
    margin-top: 4px;
}
.mud-input.mud-disabled {
    color: var(--mud-palette-text-primary);
    cursor: default;
}*/
.mud-button-icon-start
{
    margin-right:2px !important;
    margin-top:-1.2px !important;
}

.mud-button-icon-start mud-button-icon-size-medium

#offersRefreshButton .mud-icon-root {
    font-size: 18px;
    font-weight: bold;
}

label {
    margin-bottom: 0;
}

.mud-slider-input 
{
    color: #00A3B4 !important;
}

.mud-slider-input {
    background-color: #00A3B4 !important;
    border-radius: 9px;
    height: 10px;
    position: relative;
    -webkit-appearance: none;
    width: 100%;
    background: transparent;
}

.mud-slider-input[type="range"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 100%;
    height: 16px;/*size of the slider track*/
    background: transparent;
    margin-top: 8px;
    margin-bottom: 12px;
}

#commissionSlider::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 1.31px !important;
    height: 8px !important;
    background-color: #00A3B4 !important;
    box-shadow: -.9px 0 0 .9px white, .9px 0 0 .9px white;
    border-radius: 5px !important;
    cursor: pointer !important;
    margin-top: -1px;
}

#purchasePriceSlider::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 1.31px !important;
    height: 8px !important;
    background-color: #00A3B4 !important;
    box-shadow: -.9px 0 0 .9px white, .9px 0 0 .9px white;
    border-radius: 5px !important;
    cursor: pointer !important;
    margin-top: -1px;
}

:root 
{
    --mud-palette-primary-rgb: #4CAF50 !important;
}

.mud-radio-button 
{
    color: #00A3B4 !important;
}

.custom-switch {
    --mud-switch-color: #00A3B4 !important;
}

.custom-switch-color .mud-switch-track {
    background-color: #00A3B4 !important;
    height: 20px;
}

.custom-switch-color .mud-switch-thumb-medium {
    background-color: #ffffff !important;
    height: 22px;
    width: 22px;
}

.mud-list-item-text{
    margin-top:0; margin-bottom:0;
}

.stip-label {
    font-size: 0.7rem;
    font-weight: bold;
    padding: 0.5%;
    border-radius: 5px;
}