/* ********************* MY BUSINESS ******************** */

.solidLight #myBusinessMainDiv {
    background: linear-gradient(to bottom right, rgb(246 247 232) 0%, rgb(236 242 247) 50%, rgb(221 217 239) 100%);
    color: #555009;
}


.solidLight .myBusinessUniversalScrolling::-webkit-scrollbar {
    width: 7px;
}
.solidLight .myBusinessUniversalScrolling::-webkit-scrollbar-track {
    background: none;
}
.solidLight .myBusinessUniversalScrolling::-webkit-scrollbar-thumb {
    background: #a1d9fb;
    border-radius: 10px;
}
.solidLight .myBusinessUniversalScrolling::-webkit-scrollbar-thumb:hover {
    background: #53b5f1;
    border-radius: 10px;
    cursor: pointer;
}

.solidLight .exitMyBusinessButton {
    color: #ffffff;
    background-color: #18a55e;
    box-shadow: 1px 5px 50px 1px rgb(78 111 94 / 65%);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: rgb(255 255 255 / 70%);
}
.solidLight .exitMyBusinessButton:hover {
    box-shadow: 1px 12px 10px 1px rgb(0 0 0 / 28%);
}

.solidLight .myBusinessSectionSwitchButtons {
    background-color: #ffffff;
    box-shadow: 1px 12px 100px 1px rgb(165 165 106 / 33%), 0px 0px 30px rgb(226 237 241) inset;
    border-style: solid;
    border-width: 1px;
    border-color: #ffffff;
    font-weight: bold;
    color: #3c4a4f;
}
.solidLight .myBusinessSectionSwitchButtons:hover {
    box-shadow: 0px 8px 10px 1px rgb(163 163 102 / 33%);
}

.solidLight .myBusinessSectionSwitchButtonsActive {
   border-bottom-style: solid !important;
    border-bottom-width: 2px !important;
    border-bottom-color: #d3c573 !important;
    box-shadow: 1px 5px 100px 1px rgb(235 228 133), 0px 0px 30px rgb(237 237 225) inset !important;
    color: #938303 !important;
}

.solidLight .MBswitchButtonVisitCardIcon {
  background-image: url("../../images/siteUsage/qr_code_icon_black.png");
}


.solidLight .myBusinessInputField {
    background-color: #ffffff;
    box-shadow: 1px 10px 50px 1px rgb(219 219 188 / 48%);
    color: #202f39;
    border-color: #ffffff;
}
.solidLight .myBusinessInputField::placeholder {
    color: #b2c3d1;
}

.solidLight .myBusinessNameInput {
    color: #d52e6a !important;
    font-weight: bold;
}

.solidLight .myBusinessTextareaInput {
    background-color: #ffffff;
    box-shadow: 1px 10px 50px 1px rgb(219 219 188 / 48%);
    color: #202f39;
    border-color: #ffffff;
}
.solidLight .myBusinessTextareaInput::placeholder {
    color: #b2c3d1;
    font-weight: normal;
}

.solidLight .myBusinessLogoSelectionHolder {
    background-color: #f8f9ec;
    border-color: #ffffff;
    box-shadow: 0px 0px 100px 1px rgb(249 249 201);
}

.solidLight .myBusinessWorkCategoryCard {
    background-color: #ffffff;
    box-shadow: 10px 20px 50px 5px rgb(131 107 129 / 25%), 0px 0px 30px rgb(225 235 237) inset;
    border-color: #ffffff;
}

.solidLight .myBusinessCategoryCardListAdition:hover {
    box-shadow: 20px 30px 40px 1px rgb(41 64 78 / 50%) !important;
}

.solidLight .myBusinessCategoryTitle {
    font-weight: bold;
}


.solidLight .workCategoryImage {
    background-color: #e9f1f3;
    border-style: solid;
    border-width: 1px;
    border-color: #ffffff;
    box-shadow: 0px 0px 7px 0px rgb(53 147 201 / 28%);
}

.solidLight .smallCategoryDesc {
    color: #7692a3;
}

.solidLight .myBusinessSettingsMapBox {
    background-color: #eceddf;
    box-shadow: -10px 40px 50px 1px rgb(207 207 201);
    border-color: #e7ebed;
}

.solidLight .myBusinessMapLevelHolder {
    background-color: #ffffff;
}

.solidLight .myBusinessMapOffState {
    filter: invert(0.1) hue-rotate(212deg) brightness(1.2) grayscale(0.4) !important;
}

.solidLight .MBonOffSwitch {
    background-color: #dfe1ce;
    border-color: #dfe1ce;
    color: #615c49;
}

.solidLight .MBonOffActiveStatus {
    background-color: #2a95ef !important;
    color: #ffffff !important;
    box-shadow: 0px 0px 100px 1px rgb(145 209 255);
    border-color: #fffef2 !important;
}

.solidLight .myBusinessMapLevelSelectHolder {
    border-color: #ffffff;
    background-color: #eef6f9;
    box-shadow: 5px 5px 10px 0px rgb(208 219 233);
    color: #3f5157;
}
.solidLight .myBusinessMapLevelSelectHolder:hover {
    box-shadow: 0px 5px 10px 0px rgb(116, 165, 183);
}

.solidLight .myBusinessMapLevelSelectEDHolder {
    border-color: #ecf7d2;
    background-color: #0fb17b;
    color: #ffffff;
}

.solidLight .myBusinessMapLevelIllustrationHolder {
    background: linear-gradient(to bottom, #ace0fb, #f1fff8);
}

.solidLight .myBusinessMapLevelIllustrationLevelDef {
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #0695e1;
}

.solidLight .myBusinessMapLevelIllustrationLevelSel {
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #1abb73;
}

.solidLight .flagInMBLevelIllustration {
    background-image: url("../../images/siteUsage/flag_blue.png");
    -webkit-box-reflect: below -0px linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.3));
}

.solidLight .myBusinessSingleVisitCardWrapper {
    background-color: #ffffff;
    box-shadow: -20px 30px 100px 10px #e8e9e1, 0px 0px 100px rgb(234 241 245) inset;
    border-color: #ffffff;
}

.solidLight .myBusinessVisitCardLight {
  background-color: #ffffff;
    border-style: solid;
    border-width: 2px;
    border-left-color: #f5e9f4;
    border-top-color: #ffffff;
    border-right-color: #ffffff;
    border-bottom-color: #dbc5d9;
    box-shadow: 0px -20px 150px 10px #d2d9e1, 0px 0px 20px rgb(245 245 255) inset;
    -webkit-box-reflect: below 0px linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.4));
}

.solidLight .myBusinessVisitCardDark {
  background-color: #0d1823;
    -webkit-box-reflect: below 0px linear-gradient(to bottom, rgb(0 0 0 / 1%), rgba(0, 0, 0, 0.2));
    border-style: solid;
    border-width: 2px;
    border-left-color: #9f659c;
    border-top-color: #fffdff;
    border-right-color: #384651;
    border-bottom-color: #6f2e68;
    box-shadow: 0px -11px 100px 1px #a0a4ab, 0px 0px 30px rgb(5 7 12) inset;
}

.solidLight  .myBusinessLightVisitCardBusinessName {
    color: #e33a6f;
    font-weight: bold;
}

.solidLight  .myBusinessLightVisitCardEchoVisitCard {
    color: #000000;
}

.solidLight  .myBusinessLightVisitCardEchoUserName {
    color: #ebb9d0;
}

.solidLight  .myBusinessDarkVisitCardBusinessName {
    color: #ffffff;
}

.solidLight  .myBusinessDarkVisitCardEchoVisitCard {
    color: #a6b1cb;
}

.solidLight  .myBusinessDarkVisitCardEchoUserName {
    color: #a7547c;
}

.solidLight .createNdownloadLightVisitCardButton {
    background-color: #ffffff;
    box-shadow: 10px 0px 100px 10px #dcc9ed, -5px 5px 20px rgb(243 246 251) inset;
    color: #c1306b;
    font-weight: bold;
    border-color: #ffffff;
}
.solidLight .createNdownloadLightVisitCardButton:hover {
    box-shadow: none;
    border-color: transparent;
    background-color: #95547c;
    color: #ffffff;
}

.solidLight .createNdownloadDarkVisitCardButton {
    background-color: #1d262d;
    box-shadow: 0px 0px 100px 2px #2d4fc9;
    border-color: #ffffff;
    color: #e5f0fb;
}
.solidLight .createNdownloadDarkVisitCardButton:hover {
    box-shadow: none;
    border-color: transparent;
    background-color: #654969;
    color: #ffffff;
}

.solidLight .myBusinessLightVisitCardTitleStyle {
    color: #d5d3ac;
}

.solidLight .myBusinessDarkVisitCardTitleStyle {
    color: #b7c6cd;
}









/* NOT USED YET */

.solidLight #myBusinessSelectMapInfo {
    color: #fa0244;
}

.solidLight #myBusinessMainInfo {
    font-weight: bold;
    color: #338fe3;
}




.solidLight .WAselectedIndicator {
    background-color: #ffffff;
    box-shadow: 1px 12px 10px 1px rgb(0 0 0 / 7%);
}

.solidLight .myBusinessMainButton {
    color: #ffffff;
    background-color: #3085e7;
}

.solidLight .myBusinessSecondaryButton {
    color: #282e35;
    background-color: #b1dcff;
}




.solidLight .MBcontentBlocksStyle {
    background: radial-gradient(circle at 50% 50%, rgb(255 255 255 / 0%) 0%, rgb(255 255 255) 100%);
    border-top-color: rgb(255 255 255);
    border-right-color: rgb(255 255 255);
    border-bottom-color: rgb(255 255 255 / 40%);
    border-left-color: rgb(255 255 255 / 99%);
}
.solidLight .MBcontentBlocksStyle:hover {
    box-shadow: 1px 5px 50px 1px rgb(0 0 0 / 5%);
}

.solidLight .ratingGuage{
    border-bottom-color: #dbe6ef;
}

.solidLight .ratingArch {
    stroke: #ebf0f1ff;
}

.solidLight {
  --emoji-fill: #ffd54f;
  --emoji-detail: #5d4037;
}

.solidLight .businessEchoPhoneNumber {
    color: #5b8eb1;
}

.solidLight .echoFinalRatingGrade {
  color: #d3b134;
}

.solidLight .buisinessDimmedColor {
  color: #879ca5;
}


.solidLight .MBratingBarWrapper {
    background: rgb(0 0 0 / 2%);
}

.solidLight .MBratingBarFill5 {
  background: #24c967;
}
.solidLight .MBratingBarFill4 {
  background: #98d945;
}
.solidLight .MBratingBarFill3 {
  background: #ffd700;
}
.solidLight .MBratingBarFill2 {
  background: #ffb081;
}
.solidLight .MBratingBarFill1 {
  background: #ff7575;
}

.solidLight .editIntroContentButton {
  background-color: #ffffff;
    box-shadow: 0px 10px 20px rgb(13 69 111 / 9%), 0px 0px 15px rgb(228 249 255) inset;
    border-style: solid;
    border-width: 1px;
    border-color: #ffffff;
}

.solidLight .editBusinessIntroHolder {
    background-color: #ffffff;
}

.solidLight .businessIntroInput {
    background-color: #ebf7fd;
    box-shadow: 0px 0px 50px 1px #cce1e7;
    color: #3d4953;
    border-style: solid;
    border-width: 1px;
    border-color: #ffffff;
}
.solidLight .businessIntroInput::placeholder {
    color: #afc5d7;
}

.solidLight .businessIntroContent {
    color: #245471;
}

.solidLight .noteMeBackgroundColor {
    background-color: #6aa2cb
}

.solidLight .MBnewShowcaseNameInput {
    border-bottom-color: #ffffff;
    color: #8c99a5;
}
.solidLight .MBnewShowcaseNameInput::placeholder {
    color: #bac5cf;
}

.solidLight .FTcreateShowcaseButton {
    color: #ffffff;
    background-color: #3085e7;
}

.solidLight .FTupdateShowcaseButton {
    color: #ffffff;
    background-color: #3085e7;
    border-color: rgb(67 133 175 / 15%);
}

.solidLight .FTdeleteShowcaseButton {
    background-color: #ffffff;
    box-shadow: 0px 10px 20px rgb(13 69 111 / 9%), 0px 0px 20px rgb(233 240 247) inset;
    border-style: solid;
    border-width: 1px;
    border-color: #ffffff;
    color: #d92121;
}

.solidLight .myBusinessButton {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
    box-shadow: 1px 5px 50px 1px rgb(0 0 0 / 3%);
    background: linear-gradient(20deg, rgb(255 255 255 / 45%) 0%, rgb(246 246 255 / 0%) 50%, rgb(255 255 255 / 50%) 100%);
}

.solidLight .MBokCheckmark {
    color: #1caf75;
}

.solidLight .MBnoCheckmark {
    color: #fd9a9a;
}

.solidLight .showcaseMenuHeader {
    background: radial-gradient(circle at 50% 80%, rgb(249 242 249) 0%, rgb(255 255 255 / 20%) 100%);
}

.solidLight .showcaseButtonInHeader {
    background: radial-gradient(circle at 50% 50%, rgb(255 255 255) 0%, rgb(244 245 255) 100%);
    border-style: solid;
    border-width: 1px;
    border-color: rgb(254 254 254);
    box-shadow: 0px 10px 20px rgb(238 231 245);
}
  
.solidLight .showcaseButtonInHeaderSelected {
    box-shadow: 0px 10px 50px rgb(200 166 217 / 56%);
    border-style: none !important;
}

.solidLight .showcaseTitle {
    background-color: #ffffff;
    color: #d1337a;
}

.solidLight .showcaseButtonImageHolder {
    background-image: url("../../images/siteUsage/gear3.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.solidLight .presentationButtonInHeader {
    background-color: #ffffff;
    box-shadow: 0px 10px 30px rgb(13 69 111 / 9%), 0px 0px 20px rgb(233 240 247) inset;
    border-style: solid;
    border-width: 1px;
    border-color: #ffffff;
}

.solidLight .playSign{
    border-left-color: #7081fb;
}

.solidLight .smallPlaySign {
    border-left-color: #7081fb;
}

.solidLight .rotatingButtonFace {
    color: #ffffff;
}

.solidLight .singleBusinessPresentation {
    background-color: #ffffff;
}

.solidLight .createNewPresentationButton {
  background-color: #f2fbff;
    color: #03694d;
    border-style: solid;
    border-width: 1px;
    border-color: #ffffff;
    box-shadow: 0px 0px 30px rgb(13 69 111 / 15%);
}

.solidLight .deletePresentationButton {
    background-color: #ffffff;
    box-shadow: 0px 0px 30px rgb(13 69 111 / 15%), 0px 0px 20px rgb(233 240 247) inset;
    border-style: solid;
    border-width: 1px;
    border-color: #ffffff;
    color: #d92121;
}


.solidLight .MBfieldContainer {
    background-color: #e8f7ff;
    color: #202f39;
}

.solidLight .MBPLiconHolder {
    background-image: url("../../images/siteUsage/gear3.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.solidLight .copyButtonPapers {
    background-color: rgb(16 142 249 / 39%);
}

.solidLight .businessDirectionToHereButton {
  background-color: #ffffff;
  color: #000000;
}