/* ********************* 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 .myBusinessCategoriesListHolder {
    box-shadow: 1px 15px 50px 1px rgb(0 0 0 / 73%);
}

.solidDark .myBusinessCategoryAreaTitle {
    color: #c4d7e3;
}

.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: #13303b;
    border-bottom-color: #000000;
}

.solidDark .myBusinessCategoryCardListAdition:hover {
    background-color: #0b2433;
    border-right-color: #25526f;
    border-bottom-color: #25526f;
    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: #25526f;
    box-shadow: 5px 10px 20px 0px rgb(11 16 22);
}

.solidDark .smallCategoryDesc {
    color: #6399ad;
}
.solidDark .myBusinessWorkCategoryCard:hover .smallCategoryDesc {
    color: #cad8e1;
}

.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 .myBusinessVisitCardEdited {
    border-style: solid;
    border-width: 2px;
    box-shadow: 0px 50px 100px 10px rgb(66 98 103 / 22%);
}

.solidDark .myBusinessSingleVisitCardTemplate {
    box-shadow: 0px -30px 100px 10px rgb(86 166 179 / 28%), 0px 0px 80px rgb(0 0 0 / 15%) inset;
    -webkit-box-reflect: below 0px linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.1));
}
.solidDark .myBusinessSingleVisitCardTemplate:hover {
   box-shadow: 0px -30px 150px 10px rgb(137 206 217 / 36%), 0px 0px 80px rgb(0 0 0 / 15%) inset;
   -webkit-box-reflect: below 0px linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.2));
}


.solidDark .myBusinessCreateVisitCardButton {
    background-color: #0a101a;
    box-shadow: 0px 0px 1px 1px rgb(38 59 87 / 57%);
    color: #ced6e3;
}
.solidDark .myBusinessCreateVisitCardButton:hover {
    box-shadow: none;
    background-color: #204581;
    color: #ffffff;
}

.solidDark .myBusinessVisitCardTitle {
    color: #849fa1;
}

.solidDark .myBusinessVCcolorPickerIcon {
    border-style: solid;
    border-width: 2px;
    border-color: #1a3035;
}

.solidDark .myBusinessVisitCardFontSelectorIcon {
    background-color: rgb(0 0 0 / 33%);
    color: #42a9c9;
}

.solidDark .myBusinessWorkshowListHolder {
    background: none;
    border-color: #1f3239;
    box-shadow: 0px -10px 100px 1px rgb(20 65 73 / 78%);
}


.solidDark .myBusinessAddNewWorkshowButton {
    background-color: #22614a;
    color: #ffffff;
}

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

.solidDark .myBusinessWorkshowFormBody {
    background-color: #0d1e29;
    border-color: #162d39;
    box-shadow: 10px -10px 50px 1px #152e37;
    color: #b0cddb;
}

.solidDark .myBusinessNewWorkshowFormBody {
    background-color: #22614a !important;
    border-color: #327361 !important;
    color: #ffffff !important;
}

.solidDark .myBusinessToDeleteReadyWorkshowFormBody {
    background-color: #450505 !important;
    border-color: #7d2424 !important;
    color: #ffffff !important;
}

.solidDark .myBusinessCardCloseButton {
    background-color: rgb(255 255 255 / 10%);
    color: #ffffff;
}

.solidDark .myBusinessWorkshowTitleFormInput {
    background-color: rgb(255 255 255 / 3%) !important;
    color: #ffffff;
}
.solidDark .myBusinessWorkshowTitleFormInput::placeholder {
    color: rgb(255 255 255 / 25%);
}
.solidDark .myBusinessWorkshowTitleFormInput:focus {
    box-shadow: 0px 0px 100px 1px rgb(0 0 0 / 50%) !important;
}

.solidDark .myBusinessWorkshowInputField {
    background-color: rgb(255 255 255 / 3%);
    color: #ffffff;
}
.solidDark .myBusinessWorkshowInputField::placeholder {
    color: rgb(255 255 255 / 25%);
}
.solidDark .myBusinessWorkshowInputField:focus {
    box-shadow: 0px 0px 100px 1px rgb(0 0 0) !important;
}

.solidDark .MBWorkshowDescription {
    background-color: rgb(255 255 255 / 2%);
    color: #ffffff;
}
.solidDark .MBWorkshowDescription:focus {
     box-shadow: 0px 0px 100px 1px rgb(0 0 0 / 50%) !important;
}
.solidDark .MBWorkshowDescription::placeholder {
    color: rgb(255 255 255 / 25%);
}



.solidDark .FTcreateShowcaseButton {
    background-color: #327352;
    color: #daede3;
    font-weight: bold;
}
.solidDark .FTcreateShowcaseButton:hover {
    background-color: #2e7b54;
}

.solidDark .FTupdateShowcaseButton {
   background-color: #102937;
    color: #ffffff;
}
.solidDark .FTupdateShowcaseButton:hover {
    background-color: #18445d;
}

.solidDark .FTdeleteShowcaseButton {
   background-color: #ffffff;
    color: #bd1313;
}


.solidDark .myBusinessSingleWorkshowInList {
    background: none;
    box-shadow: 20px 20px 30px 1px rgb(10 15 20 / 40%);
    border-color: #182a39;
    color: #b9cfdd;
}
.solidDark .myBusinessSingleWorkshowInList:hover {
    box-shadow: 0px 2px 50px 1px rgb(0 0 0 / 68%)
}

.solidDark .myBusinessWorkshowMediaBody {
    background-color: #0d1e29;
    border-color: #162d39;
    box-shadow: 10px -10px 50px 1px #152e37;
    color: #b0cddb;
}

.solidDark .myBusinessAddMediaButton {
    background-color: #102937;
    box-shadow: 20px 20px 30px 1px rgb(10 15 20 / 40%);
    color: #d2e3eb;
}
.solidDark .myBusinessAddMediaButton:hover {
    box-shadow: 20px 20px 30px 1px rgb(10 15 20 / 70%);
}

.solidDark .myBusinessWorshowMediaPreviewHolder {
    background-color: #0e2431;
}

.solidDark .MBYTLoadingPlaceholder {
    background-color: #151a1c;
    border-color: #29466b;
}

.solidDark .MBworshowPresentationContentDiv {
    background-color: #151a1c;
    border-color: #304459;
    box-shadow: 0px 10px 50px 1px #0000007d;
}
.solidDark .MBworshowPresentationContentDiv:hover {
  box-shadow: 0px 10px 30px 10px #000000;
}

.solidDark .myBusinessRemovePreviewItemButton {
    background-color: rgb(0 0 0 / 90%);
    color: #efe1e1;
    font-weight: bold;
}

.solidDark .myBusinessSingleWorkshowInListSelected {
    background-color: #05121a !important;
    box-shadow: 0px 2px 50px 1px rgb(0 0 0 / 68%) !important;
    color: #ffffff !important;
}

.solidDark .MBworshowPresentationThumbHolder {
    background-color: #151a1c;
    border-color: #29466b;
}

.solidDark #updateDeleteWorkshowSwitch {
    background-color: rgb(255 255 255 / 5%);
    color: #ffffff;
}

.solidDark .myBusinessEchoNoOfWAitems {
    color: #3c637b;
}

.solidDark .myBusinessPostNewsButton {
    background-color: #102937;
    color: #c8deed;
}























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