/* ********************* MY BUSINESS ******************** */
.solidDark #myBusinessMainDiv {
    background: linear-gradient(to bottom right, rgb(23 61 61) 0%, rgb(13 26 37) 50%, rgb(14 31 41) 100%);
    color: #e1e6ef;
}

.solidDark .myBusinessUniversalScrolling::-webkit-scrollbar {
    width: 7px;
}
.solidDark .myBusinessUniversalScrolling::-webkit-scrollbar-track {
    background: none;
}
.solidDark .myBusinessUniversalScrolling::-webkit-scrollbar-thumb {
    background: #08525f;
    border-radius: 10px;
}
.solidDark .myBusinessUniversalScrolling::-webkit-scrollbar-thumb:hover {
    background: #0d7a8d;
    border-radius: 10px;
    cursor: pointer;
}

.solidDark .myBusinessColorTrail {
    box-shadow: 0px 0px 700px 100px rgb(57 140 153);
}

.solidDark .exitMyBusinessButton {
    color: #ffffff;
    background-color: #186f43;
    box-shadow: 1px 15px 50px 1px rgb(17 28 23 / 65%);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: rgb(132 183 147 / 70%);
}
.solidDark .exitMyBusinessButton:hover {
    box-shadow: 1px 12px 10px 1px rgb(0 0 0 / 28%);
}

.solidDark .myBusinessSectionSwitchButtons {
    background-color: #071e29;
    box-shadow: 1px 12px 100px 1px rgb(5 16 26), 0px 0px 30px rgb(9 25 35) inset;
    border-style: solid;
    border-width: 1px;
    border-top-color: #1e414d;
    border-left-color: #3b6d75;
    border-bottom-color: #142f37;
    border-right-color: #10363d;
    color: #92c1d7;
}
.solidDark .myBusinessSectionSwitchButtons:hover {
    box-shadow: 1px 10px 20px 1px rgb(0 0 0 / 70%);
}

.solidDark .myBusinessSectionSwitchButtonsActive {
   border-bottom-style: solid !important;
    border-bottom-width: 2px !important;
    border-bottom-color: #5888ad !important;
    box-shadow: 1px 5px 100px 1px rgb(123 160 171), 0px 0px 30px rgb(10 37 51) inset !important;
    color: #e0e8ed !important;
}

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

.solidDark .myBusinessInputField {
    background-color: #0a1621;
    border-top-color: #273d45;
    border-left-color: #1c383d;
    border-bottom-color: #11282f;
    border-right-color: #0b2125;
    box-shadow: 10px 0px 50px 0px rgb(8 41 47);
    color: #e1e8f3;
}
.solidDark .myBusinessInputField::placeholder {
    color: #486c93;
}

.solidDark .myBusinessTextareaInput {
    background-color: #0a1621;
    border-top-color: #273d45;
    border-left-color: #1c383d;
    border-bottom-color: #11282f;
    border-right-color: #0b2125;
    box-shadow: 10px 0px 50px 0px rgb(11 40 45);
    color: #e1e8f3;
}
.solidDark .myBusinessTextareaInput::placeholder {
    color: #486c93;
}

.solidDark .myBusinessNameInput {
    color: #a0cbdd !important;
    font-weight: bold !important;
}

.solidDark .myBusinessLogoSelectionHolder {
    background-color: #0a1621;
    border-color: #2e4c63;
    box-shadow: 0px 0px 100px 0px rgb(92 117 131);
    color: #8baac1;
}

.solidDark .myBusinessWorkCategoryCard {
    background-color: #091823;
    box-shadow: 0px 10px 50px 1px rgb(98 145 167 / 13%);
    border-right-color: #061116;
    border-bottom-color: #03080a;
}

.solidDark .myBusinessCategoryCardListAdition:hover {
    background-color: #0b2433;
    border-color: #0d1416;
    box-shadow: 20px 20px 25px 10px rgb(0 0 0 / 80%) !important;
}

.solidDark .myBusinessCategoryCardUserSelectedAnimation {
    background-color: #0b2433 !important;
}

.solidDark .myBusinessCategoryTitle {
    color: #e3edf1 !important;
}

.solidDark .workCategoryImage {
    background-color: #0a1518;
    border-style: solid;
    border-width: 1px;
    border-color: #18354b;
    box-shadow: 5px 10px 20px 0px rgb(11 16 22);
}

.solidDark .smallCategoryDesc {
    color: #4b7585;
}

.solidDark .myBusinessSettingsMapBox {
    background-color: #061f2e;
    box-shadow: 0px 0px 100px 1px rgb(12 113 123 / 25%);
    border-color: #1c3841;
}

.solidDark .myBusinessMapLevelHolder {
    background-color: #081721;
}

.solidDark .myBusinessMapOffState {
    filter: invert(1) hue-rotate(240deg) contrast(1) brightness(0.5) !important;
}

.solidDark .MBonOffSwitch {
    background-color: #072227;
    box-shadow: 0px 0px 70px 5px rgb(18 56 63) !important;
    border-color: #213743;
    color: #93b2b7;
}

.solidDark .MBonOffActiveStatus {
    background: none;
    box-shadow: 0px 0px 100px 7px rgb(140 212 223 / 72%) !important;
    border-color: #355a67;
    color: #ffffff;
}

.solidDark .myBusinessMapLevelSelectHolder {
    border-color: #0d2931;
    background-color: #0e1b25;
    /* box-shadow: 5px 5px 10px 0px rgb(8 32 43); */
    color: #74bbd1;
}
.solidDark .myBusinessMapLevelSelectHolder:hover {
    box-shadow: 0px 5px 10px 0px rgb(7, 15, 20);
}

.solidDark .myBusinessMapLevelSelectEDHolder {
    border-color: #61a798;
    background-color: #187347;
    box-shadow: 5px 5px 10px 0px rgb(14 51 45);
    color: #dff1f1;
}

.solidDark .myBusinessMapLevelIllustrationHolder {
    background: linear-gradient(to bottom, #17446b, #06070a);
}

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

.solidDark .myBusinessMapLevelIllustrationLevelSel {
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #349f6f;
}

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

.solidDark .myBusinessSingleVisitCardWrapper {
    background-color: #08151e;
    box-shadow: -40px 50px 100px 5px rgb(0 0 0 / 42%);
    border-style: solid;
    border-width: 2px;
    border-top-color: rgb(188 208 219 / 19%);
    border-right-color: rgb(33 45 51 / 62%);
    border-left-color: rgb(26 35 45 / 53%);
    border-bottom-color: rgb(5 9 12);
}

.solidDark .myBusinessVisitCardLight {
    background-color: #cbd3d9;
    box-shadow: 0px -20px 150px 10px #483d49, 0px 0px 30px rgb(158 176 199) inset;
    border-style: solid;
    border-width: 2px;
    border-left-color: #f2eaf3;
    border-top-color: #d3e5ed;
    border-right-color: #c1bfc1;
    border-bottom-color: #814e75;
    -webkit-box-reflect: below 0px linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.2));
}

.solidDark .myBusinessVisitCardDark {
    background-color: #0c151e;
    box-shadow: 0px -11px 150px 1px #47314b, 0px 0px 50px rgb(5 7 12) inset;
    border-style: solid;
    border-width: 2px;
    border-left-color: #36243b;
    border-top-color: #47374f;
    border-right-color: #0f0810;
    border-bottom-color: #291126;
    -webkit-box-reflect: below 0px linear-gradient(to bottom, rgb(0 0 0 / 1%), rgba(0, 0, 0, 0.3));
}

.solidDark .myBusinessLightVisitCardBusinessName {
    color: #c12b5b;
    font-weight: bold;
}

.solidDark .myBusinessLightVisitCardEchoVisitCard {
    color: #000000;
}

.solidDark .myBusinessLightVisitCardEchoUserName {
    color: #a3577a;
}
.solidDark .myBusinessLightVisitCardEchoUserName::placeholder {
    color: #ffffff;
}

.solidDark  .myBusinessDarkVisitCardBusinessName {
    color: #ffffff;
}

.solidDark  .myBusinessDarkVisitCardEchoVisitCard {
    color: #a6b1cb;
}

.solidDark .myBusinessDarkVisitCardEchoUserName {
    color: #a7547c;
}
.solidDark .myBusinessDarkVisitCardEchoUserName::placeholder {
    color: #775967;
}

.solidDark .createNdownloadLightVisitCardButton {
    background-color: #a9bac7;
    box-shadow: 0px 20px 100px 20px rgb(221 194 213 / 20%);
    border-left-color: #edb5ed;
    border-top-color: #e5a4de;
    border-right-color: #59344c;
    border-bottom-color: #653b69;
    color: #161527;
    font-weight: bold;
}
.solidDark .createNdownloadLightVisitCardButton:hover {
    box-shadow: none;
    border-color: transparent;
    background-color: #654969;
    color: #ffffff;
}

.solidDark .createNdownloadDarkVisitCardButton {
    background-color: #061018;
    box-shadow: 0px 20px 100px 20px rgb(194 137 217 / 17%);
    border-left-color: #3a263b;
    border-top-color: #4a4663;
    border-right-color: #0e2228;
    border-bottom-color: #0c1f23;
    color: #9c99cb;
}
.solidDark .createNdownloadDarkVisitCardButton:hover {
    box-shadow: none;
    border-color: transparent;
    background-color: #654969;
    color: #ffffff;
}

.solidDark .myBusinessLightVisitCardTitleStyle {
    color: #395063;
}

.solidDark .myBusinessDarkVisitCardTitleStyle {
    color: #274879;
}










/* NOT USED YET */

.solidDark #myBusinessTitle {
    color: #d5e6f7;
}


.solidDark #myBusinessSelectMapInfo {
    color: #ffffff;
}

.solidDark #myBusinessMainInfo {
    color: #cebbfb;
}





.solidDark .WAselectedIndicator {
    background-color: #805991;
    box-shadow: 1px 12px 10px 1px rgb(0 0 0 / 12%);
    color: #f8fcff;
}

.solidDark .myBusinessMainButton {
   background-color: #0d55b9;
   color: #ffffff;
}

.solidDark .myBusinessSecondaryButton {
    background-color: #553b59;
    color: #d1d3dd;
}
































.solidDark .showcaseInputName {
    box-shadow: 1px 5px 50px 1px rgb(0 0 0 / 36%);
}

.solidDark .showcaseInputName::placeholder {
    color: #68859f;
}

.solidDark .showcaseTitle {
    background-color: rgb(0 0 0 / 21%);
    color: #f3edf0;
}

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

.solidDark .MBcontentBlocksStyle {
    background: radial-gradient(circle at 50% 50%, rgb(24 42 57) 0%, rgb(13 23 33) 100%);
    box-shadow: 1px 5px 50px 1px rgb(0 0 0 / 5%);
    border-top-color: rgb(255 255 255 / 10%);
    border-right-color: rgb(255 255 255 / 4%);
    border-bottom-color: rgb(255 255 255 / 7%);
    border-left-color: rgb(255 255 255 / 3%);
}
.solidDark .MBcontentBlocksStyle:hover {
    box-shadow: 1px 5px 50px 1px rgb(0 0 0 / 20%);
}

.solidDark .ratingArch {
    stroke: #222f47;
}

.solidDark .ratingGuage{
    border-bottom-color: #222f47;
}

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

.solidDark .businessEchoPhoneNumber {
    color: #a5cae9;
}

.solidDark .echoFinalRatingGrade {
  color: #d3b134;
}

.solidDark .buisinessDimmedColor {
  color: #acc0c9;
}

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

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

.solidDark .editIntroContentButton {
  background: radial-gradient(circle at 50% 50%, rgb(42 48 75 / 55%) 35%, rgb(255 255 255 / 0%) 100%);
    box-shadow: 0px 0px 20px rgb(60 62 91 / 59%);
    border-style: solid;
    border-width: 1px;
    border-color: rgb(255 254 253 / 5%);
}

.solidDark .editBusinessIntroHolder {
    background-color: #161929;
}

.solidDark .businessIntroInput {
   background-color: #2b3643;
    color: #e4eaef;
}
.solidDark .businessIntroInput::placeholder {
    color: #8299ab;
}

.solidDark .businessIntroContent {
    color: #d2d9e1;
    opacity: 0.8;
}

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

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

.solidDark .FTcreateShowcaseButton {
   background-color: #384e9f;
    color: #ffffff;
    border-style: solid;
    border-width: 1px;
    border-color: #282733;
}

.solidDark .FTupdateShowcaseButton {
   background-color: #384e9f;
    color: #ffffff;
    border-color: #435aaf;
}

.solidDark .FTdeleteShowcaseButton {
    background-color: rgb(231 7 7 / 9%);
    color: #ffffff;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(255 255 255 / 3%);
}

.solidDark .myBusinessButton {
    border-top-color: rgb(255 255 255 / 11%);
    border-bottom-color: rgb(255 255 255 / 4%);
    box-shadow: 1px 5px 50px 1px rgb(0 0 0 / 36%);
}

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

.solidDark .MBnoCheckmark {
    color: #fd9a9a;
}

.solidDark .showcaseMenuHeader {
    background: radial-gradient(circle at 50% 80%, rgb(255 255 255 / 5%) 0%, rgb(0 0 0 / 0%) 100%);
}

.solidDark .showcaseButtonInHeader {
    background: radial-gradient(circle at 50% 50%, rgb(21 40 59) 20%, rgb(24 48 77) 100%);
    box-shadow: 0px 10px 20px rgb(9 10 10 / 45%);
    border-style: solid;
    border-width: 1px;
    border-color: rgb(255 254 253 / 5%);
}
  
.solidDark .showcaseButtonInHeaderSelected {
    box-shadow: 0px 10px 30px rgb(113 79 113 / 70%) !important;
}

.solidDark .presentationButtonInHeader {
    background: radial-gradient(circle at 50% 50%, rgb(21 40 59) 20%, rgb(24 48 77) 100%);
    box-shadow: 0px 20px 30px rgb(9 10 10 / 45%);
    border-style: solid;
    border-width: 1px;
    border-color: rgb(255 254 253 / 5%);
}

.solidDark .playSign{
    border-left-color: #a095ff;
}

.solidDark .smallPlaySign {
    border-left-color: #7579df;
}

.solidDark .rotatingButtonFace {
    color: #ffffff;
}

.solidDark .singleBusinessPresentation {
    background-color: rgb(0 0 0 / 21%);
    opacity: 0.9;
}

.solidDark .createNewPresentationButton {
  background-color: #384e9f;
    color: #ffffff;
    border-style: solid;
    border-width: 1px;
    border-color: #282733;
}

.solidDark .deletePresentationButton {
    background-color: #1e2b3b;
    color: #acb6bf;
}



.solidDark .MBfieldContainer {
    background-color: rgb(17 32 45);
    color: #c2d0d9;
}

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

.solidDark .copyButtonPapers {
   background-color: rgb(118 176 235 / 39%);
}

.solidDark .businessDirectionToHereButton {
    background-color: rgb(0 0 0 / 83%);
    color: #8cc0df;
}