.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: -0.9px 0 0 0.9px white, 0.9px 0 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: -0.9px 0 0 0.9px white, 0.9px 0 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;
}

/* Default MCA Theme (explicit for clarity) */
.mca-theme {
  --mca-primary: #194e9d;
  --mca-secondary: #00a3b4;
  --mca-accent: #4caf50;
}

.mca-theme #lcfappheader,
.mca-theme #lcfappfooter {
  background-color: var(--mca-primary);
}

.mca-theme .bg-blue {
  background-color: var(--mca-primary);
  color: white;
}

.mca-theme h6.bk-blue {
  background-color: var(--mca-primary);
  color: white;
}

.gray-out {
    opacity: 0.4;
    pointer-events: none;
}

.express-funding-alert .mud-alert-icon {
    display: none !important;
}