/* ********************* 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: #d8e2a5;
    border-radius: 10px;
}
.solidLight .myBusinessUniversalScrolling::-webkit-scrollbar-thumb:hover {
    background: #c7d28b;
    border-radius: 10px;
    cursor: pointer;
}

.solidLight .myBusinessCategoriesListHolder {
    box-shadow: 1px 15px 50px 1px #c9c9c9;
}

.solidLight .myBusinessCategoryAreaTitle {
    color: #b9b471;
}

.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 .myBusinessVisitCardEdited {
    border-style: solid;
    border-width: 2px;
    box-shadow: 0px 50px 200px 10px rgb(157 153 60 / 35%);
}

.solidLight .myBusinessSingleVisitCardTemplate {
    box-shadow: 0px -30px 100px 10px rgb(213 211 160 / 53%), 0px 0px 60px rgb(14 14 16 / 8%) inset;
    -webkit-box-reflect: below 0px linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.1));
}
.solidLight .myBusinessSingleVisitCardTemplate:hover {
    box-shadow: 0px -30px 150px 10px rgba(196, 195, 131, 0.78), 0px 0px 60px rgb(14 14 16 / 8%) inset;
    -webkit-box-reflect: below 0px linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.2));
}


.solidLight .myBusinessCreateVisitCardButton {
    background-color: #ffffff;
    box-shadow: 0px 4px 10px 0px #4d405914;
    color: #c1306b;
    font-weight: bold;
}
.solidLight .myBusinessCreateVisitCardButton:hover {
    box-shadow: none;
    background-color: #95547c;
    color: #ffffff;
}

.solidLight .myBusinessVisitCardTitle {
    color: #bfbda1;
}

.solidLight .myBusinessVCcolorPickerIcon {
    border-style: solid;
    border-width: 2px;
    border-color: #c7cbb9;
}

.solidLight .myBusinessVisitCardFontSelectorIcon {
    background-color: #ffffff;
    color: #879099;
}

.solidLight .myBusinessWorkshowListHolder {
    background: linear-gradient(130deg, rgb(241 246 249) 0%, rgb(236 242 247) 50%, rgb(237 234 249) 100%);
    box-shadow: 20px -10px 50px 1px rgb(167 182 191 / 55%);
    border-color: #ffffff;
}

.solidLight .myBusinessAddNewWorkshowButton {
    background-color: #e6f8cb;
    color: #5e811a;
}

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

.solidLight .myBusinessWorkshowFormBody {
    background: linear-gradient(130deg, rgb(241 246 249) 0%, rgb(236 242 247) 50%, rgb(237 234 249) 100%);
    box-shadow: 20px -10px 40px 0px rgb(167 182 191 / 55%);
    border-color: #ffffff;
    color: #314149;
}

.solidLight .myBusinessNewWorkshowFormBody {
    background: none !important;
    background-color: #e6f8cb !important;
    border-color: #ffffff !important;
    color: #28310a !important;
}

.solidLight .myBusinessToDeleteReadyWorkshowFormBody {
    background: none !important;
    background-color: #d95353 !important;
    border-color: #ef7474 !important;
    color: #ffffff !important;
}

.solidLight .myBusinessCardCloseButton {
    background-color: #ffffff;
    color: #7396ae;
}

.solidLight .myBusinessWorkshowTitleFormInput {
  background-color: rgb(255 255 255 / 70%);
  color: #5b6339;
}
.solidLight .myBusinessWorkshowTitleFormInput::placeholder {
    color: #b8bfac;
}
.solidLight .myBusinessWorkshowTitleFormInput:focus {
    box-shadow: 0px 0px 100px 1px rgb(0 0 0 / 20%) !important;
}

.solidLight .myBusinessWorkshowInputField {
  background-color: rgb(255 255 255 / 70%);
  color: black;
}
.solidLight .myBusinessWorkshowInputField::placeholder {
    color: #b8bfac;
}
.solidLight .myBusinessWorkshowInputField:focus {
    box-shadow: 0px 0px 100px 1px rgb(0 0 0 / 25%) !important;
}

.solidLight .MBWorkshowDescription {
  background-color: rgb(255 255 255 / 70%);
  color: black;
}
.solidLight .MBWorkshowDescription::placeholder {
    color: #b8bfac;
}
.solidLight .MBWorkshowDescription:focus {
    box-shadow: 0px 0px 100px 1px rgb(0 0 0 / 15%) !important;
}


.solidLight .FTcreateShowcaseButton {
    background-color: #b1d975;
    box-shadow: none;
    color: #ffffff;
    font-weight: bold;
}
.solidLight .FTcreateShowcaseButton:hover {
    background-color: #8dc13c;
}

.solidLight .FTupdateShowcaseButton {
    background-color: #ffffff;
    color: #3f4449;
    font-weight: bold;
}
.solidLight .FTupdateShowcaseButton:hover {
    background-color: #4aa98a;
    color: #ffffff;
}

.solidLight .FTdeleteShowcaseButton {
    background-color: #ffffff;
    color: #c74848;
}

.solidLight .myBusinessSingleWorkshowInList {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #213b4b;
}
.solidLight .myBusinessSingleWorkshowInList:hover {
    box-shadow: 0px 0px 70px 0px rgba(0 0 0 / 40%);
}

.solidLight .myBusinessSingleWorkshowInListSelected {
    background-color: #69bbf5 !important;
    color: #ffffff !important;
    font-weight: bold;
}

.solidLight .myBusinessWorkshowMediaBody {
  background: linear-gradient(to bottom right, rgb(241 246 249) 0%, rgb(236 242 247) 50%, rgb(237 234 249) 100%);
    border-color: #ffffff;
  box-shadow: 20px -10px 40px 0px rgb(167 182 191 / 55%);
  color: #344a53;
}

.solidLight .myBusinessAddMediaButton {
    background-color: #ffffff;
    box-shadow: 20px 20px 30px 1px rgb(217 222 225), 0px 0px 40px rgb(231 239 243) inset;
    color: inherit;
    border-style: solid;
    border-width: 2px;
    border-color: #ffffff;
}
.solidLight .myBusinessAddMediaButton:hover {
    box-shadow: 20px 20px 30px 1px rgb(217 222 225), 0px 0px 40px rgb(239 243 245 / 20%) inset;
}

.solidLight .myBusinessWorshowMediaPreviewHolder {
    background-color: rgb(255 255 255 / 70%);
}

.solidLight .MBYTLoadingPlaceholder {
    background-color: #ffffff;
    border-color: #ffffff;
}

.solidLight .MBworshowPresentationContentDiv {
    background-color: #ecf6fd;
    border-color: #eaf1f3;
}
.solidLight .MBworshowPresentationContentDiv:hover {
  box-shadow: 0px 2px 50px 0px #090b0c !important;
}

.solidLight .myBusinessRemovePreviewItemButton {
    background-color: rgb(255 255 255 / 95%);
    color: #cb1a1a;
    font-weight: bold;
}

.solidLight .MBworshowPresentationThumbHolder {
    background-color: #f5f4f0;
    border-color: #ffffff;
}

.solidLight .myBusinessEchoNoOfWAitems {
    color: #7e8c95;
}

.solidLight .myBusinessPostNewsButton {
    background-color: #ffffff;
    box-shadow: 20px 20px 30px 1px rgb(217 222 225), 0px 0px 40px rgb(231 239 243) inset;
    color: inherit;
    border-style: solid;
    border-width: 2px;
    border-color: #ffffff;
}
.solidLight .myBusinessPostNewsButton:hover {
    box-shadow: 20px 20px 30px 1px rgb(217 222 225), 0px 0px 40px rgb(239 243 245 / 20%) inset;
}
















/* 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 .noteMeBackgroundColor {
    background-color: #6aa2cb
}

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

.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;
}

.solidLight #updateDeleteWorkshowSwitch {
    background-color: #ffffff;
    color: #2f4453;
}