body.solidDark {
   background-image: linear-gradient(to bottom, rgb(28 51 109), rgb(13 19 51), rgb(3 11 39));
    color: #9bb6cb;
}

body.solidDark::-webkit-scrollbar {
    width: 12px;
}
body.solidDark::-webkit-scrollbar-track {
    background: none;
}
body.solidDark::-webkit-scrollbar-thumb {
    background: #1d293b;
    border-radius: 10px;
}
body.solidDark::-webkit-scrollbar-thumb:hover {
    background: #0eb4fb;
    cursor: pointer;
}

.solidDark .universalScrolling::-webkit-scrollbar {
    width: 7px;
}
.solidDark .universalScrolling::-webkit-scrollbar-track {
    background: none;
}
.solidDark .universalScrolling::-webkit-scrollbar-thumb {
    background: #284a7d;
    border-radius: 10px;
}
.solidDark .universalScrolling::-webkit-scrollbar-thumb:hover {
    background: #355b95;
    border-radius: 10px;
    cursor: pointer;
}

.solidDark #PLLoginInitButton {
    background-color: #002245;
    color: #ffffff;
    box-shadow: 0px 0px 20px 1px rgb(0 0 0 / 15%), 0px 0px 30px rgb(6 15 30) inset;
    border-style: solid;
    border-width: 1px;
    border-color: #1c2f45;
}

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

.solidDark .whatButton {
    background-color: #021527;
    border-color: #101f2f;
    box-shadow: 2px 0px 30px 1px rgb(6 31 61), 0px 0px 10px rgb(18 22 26) inset;
    color: #9cbbc7;
}
.solidDark .whatButton:hover {
    border-color: #26384b;
    box-shadow: 2px 1px 150px 1px rgb(1 80 141);
    color: #c6dee9;
}

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

.solidDark .weakStatementText {
    color: #9dbad9;
}

.solidDark .strongStatementText {
    color: #ffffff;
}

.solidDark .LRKkeyButtons {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(23 25 26);
    box-shadow: 10px -10px 10px 1px rgb(0 0 0);
}

.solidDark .selectBlackKeyButton {
  background-color: #667927;
}

.solidDark .selectSilverKeyButton {
  background-color: #7d9297 !important;
}

.solidDark .selectGoldenKeyButton {
  background-color: #b38e0e !important;
}

.solidDark .LVQRKselectKeyROW {
    background-color: #183351;
    box-shadow: 0px 25px 80px 10px rgb(0 0 0), 0px 0px 50px rgb(16 21 30) inset;
    border-color: #09223d;
}

.solidDark .blackKeysSelectedIndicator {
  background-color: #667927;
  color: #ffffff;
}
.solidDark .silverKeysSelectedIndicator {
  background-color: #7d9297;
  color: #ffffff;
}
.solidDark .goldenKeysSelectedIndicator {
  background-color: #b38e0e;
  color: #ffffff;
}
.solidDark .blueKeysSelectedIndicator {
  background-color: #0a78f5;
  color: #ffffff;
}

.solidDark #LVQRKselectQRkey {
    background-color: #255687;
}

.solidDark .echoDropTestingPhotoHere {
    background-color: #051b31;
    color: #ffffff;
}

.solidDark .LQRSELkeySelectedTypeEchoBLACK {
    color: #eaf0f4;
}
.solidDark .LQRSELkeySelectedTypeEchoSILVER {
    color: #dbe5ec;
}
.solidDark .LQRSELkeySelectedTypeEchoGOLDEN {
    color: #dedbb5;
}
.solidDark .LQRSELkeySelectedTypeEchoBLUE {
    background-color: #002245;
    color: #d8e9f6;
}

.solidDark #LVQRKkeyUsageInfo {
    color: #bccdd1;
}

.solidDark .LVQRKechoIfYouDontHaveAccount {
    color: #85a4c5;
}

.solidDark .decodingBlackKeyHolder {
    background-color: #000000;
    color: #ffffff;
}
.solidDark .decodingSilverKeyHolder {
    background-color: #7d9297;
    color: #ffffff;
}
.solidDark .decodingGoldenKeyHolder {
    background-color: #b38e0e;
    color: #ffffff;
}
.solidDark .decodingBlueKeyHolder {
    background-color: #004797;
  color: #ffffff;
}

.solidDark .registerFormInputFields {
    background-color: #06182d;
    box-shadow: 0px 10px 40px 0px rgb(0 0 0 / 72%);
    border-top-color: #111c29;
    border-left-color: #3b5475;
    border-bottom-color: #2f384b;
    border-right-color: #151f29;
    color: #e1e8f3;
}
.solidDark .registerFormInputFields::placeholder {
    color: #597395;
}

.solidDark .registerNowButton {
    background-color: #0c3559;
    box-shadow: 0px 30px 40px 1px rgb(0 0 0);
    border-color: #041010;
    color: #ffffff;
}
.solidDark .registerNowButton:hover {
    color: #dbd1ff;
}


.solidDark .activeButtonColors {
    background-color: #2677c7 !important;
    color: #ffffff !important;
}

.solidDark .inactiveButtonColors {
    background-color: #092841 !important;
    color: #cad6db !important;
}

.solidDark .regSelKeyButtonCREATE {
    background-color: #14293b;
    color: #a0b7c3;
    font-weight: bold;
}

.solidDark .regSelKeyButtonMYPHOTO {
    background-color: #3a4b19;
    color: #d0d5cc;
    font-weight: bold;
}

.solidDark #generateKeyInstruction {
    color: #cddce5;
}

.solidDark #keyMakerDIV {
    background-color: #081827;
    box-shadow: 0px -20px 30px 1px rgb(0 0 0), 0px 0px 40px rgb(2 6 10) inset;
    border-style: solid;
    border-width: 2px;
    border-color: #222d45;
    color: #b6cad1;
}

.solidDark .keyMakerGlassCover {
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(5px);
    background: radial-gradient(circle at 50% 50%, rgb(0 0 0 / 63%) 50%, rgb(201 230 241 / 25%) 100%);
    border-color: #303841;
    color: #ffffff;
}

.solidDark .singleQRKeyMENUBody {
    border-color: #0a1925;
}

.solidDark .blackKeyMENUBody {
    background-color: #1a2f45;
    color: #eef3f9;
}
.solidDark .silverKeyMENUBody {
    background-color: #162a37;
    color: #ffffff;
}
.solidDark .goldenKeysMENUBody {
    background-color: #29240a;
    color: #ffffff;
}
.solidDark .passportMENUBody {
    color: #cddae3;
}

.solidDark .slightlyDimmedColor {
    color: #a5b4c1;
}


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



.solidDark .keyTestInfoHolder {
    color: #ffffff;
}

.solidDark .newKeyTestButton {
    background-color: #3a91e5;
    color: #ffffff;
}

.solidDark .inPhotoSelectInfo {
    background-color: #141f29;
    color: #a4d0e5;
}

.solidDark .registrationImageWrapper {
    background: transparent;
    border-color: #2a4357;
}

.solidDark .fullWidthButton {
    background-color: #0067bf;
    color: #ffffff;
    font-weight: bold;
}
.solidDark .fullWidthButtonInactive {
    background-color: #1e3a4d !important;
    color: #8ca4bd !important;
}

.solidDark .signedPhotoShortInfoTitle {
    color: #daecf7;
}

.solidDark .signedPhotoRepHolder {
    background-color: #244863;
    color: #d1e0e7;
}

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

.solidDark .presentationIllustrationIconHolder {
    background-color: #101b27;
    border-color: #243b47;
}


.solidDark .presentationPassportCard {
    background-color: #21132b;
    box-shadow: 0px -11px 100px 1px #3e324b, 0px 0px 50px rgb(15 12 16) inset;
    -webkit-box-reflect: below -50px linear-gradient(to bottom, rgb(0 0 0 / 1%), rgba(0, 0, 0, 0.2));
    border-style: solid;
    border-width: 2px;
    border-left-color: #2a2633;
    border-top-color: #3d3a41;
    border-right-color: #231a2d;
    border-bottom-color: #16121e;
}

.solidDark .presentationVisitCard {
    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: #28353f;
    border-top-color: #44515f;
    border-right-color: #1e2a33;
    border-bottom-color: #0c131a;
    box-shadow: 0px -11px 100px 1px #353c47, 0px 0px 30px rgb(5 7 12) inset;
}

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

.solidDark .visitCardBusinessName {
    color: #ffffff;
}

.solidDark .visitCardEchoVisitCard {
    color: #9db9dd;
}

.solidDark .visitCardEchoUserName {
    color: #43648f;
}

.solidDark .passportCardEchoWebPassport {
    color: #d3bbd1;
}

.solidDark .echoSignInWithPSUID {
    color: #fbfafb;
}

.solidDark .nameOnThePassportCardColor {
    background-color: rgb(255 255 255 / 3%);
    color: #b5a0b3;
    font-weight: bold;
}


/* nikola */








.solidDark #googleLogInButton {
  background-color: #080b10;
  box-shadow: -5px 0px 7px 2px rgb(0 0 0 / 15%);
}

.solidDark .glowingButton {
  background-color: #101723;
}

.solidDark .glowingButtonContent {
   background: radial-gradient(circle at 50% 50%, rgb(13 42 69) 0%, rgb(8 16 28) 100%);
    color: #cae1f1;
}

.solidDark #mainUserMenu {
    background-color: rgb(5 20 30);
    box-shadow: 0px 10px 70px 0px rgb(0 0 0);
    border-top-color: rgb(255 255 255 / 15%);
    border-right-color: rgb(255 255 255 / 3%);
    border-left-color: rgb(255 255 255 / 10%);
    border-bottom-color: rgb(255 255 255 / 5%);
}

.solidDark .evalCardInMenuHolder {
    background: linear-gradient(46deg, #021729 0%, #00090e 100%);
    border-left-color: #1c3647;
    border-right-color: #010608;
    border-top-color: #24323f;
    border-bottom-color: #000000;
    box-shadow: 10px -20px 100px 20px #03243f;
    -webkit-box-reflect: below 0px linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5));
}

.solidDark .serviceAcquisitionEvalCardHolder {
    background: linear-gradient(46deg, #001d33 0%, #010a0e 100%);
    border-left-color: #133647;
    border-right-color: #010202;
    border-top-color: #293e47;
    border-bottom-color: #000000;
    box-shadow: -10px -20px 100px 5px #032947;
    -webkit-box-reflect: below 0px linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5));
}

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

.solidDark .echoEvalInCard {
    color: #14426b;
}

.solidDark .evalCardFontStyle {
    color: #6895a7;
}

.solidDark .evalAmountInEvalCard {
    color: #79b9df;
}

.solidDark .evalAcquireItemButtonGood {
    background-color: #0f2837;
    box-shadow: 0px 0px 50px 2px #040a0e;
    border-left-color: #162d34;
    border-top-color: #2e414f;
    border-right-color: #0e2228;
    border-bottom-color: #0c1f23;
    color: #80a4af;
}
.solidDark .evalAcquireItemButtonGood:hover {
    box-shadow: none;
    border-color: transparent;
    background-color: #223a47;
    color: #b6d0d7;
}

.solidDark .evalAcquireItemButtonNoGood {
    background-color: #0f2837;
    border-color: transparent;
    color: #ff9c9c;
}

.solidDark .acquiringServiceInfoHolder {
    background-color: #061c2b;
    box-shadow: 0px 0px 50px 2px #010406;
    border-left-color: #06232f;
    border-top-color: #2e414f;
    border-right-color: #172b39;
    border-bottom-color: #06232f;
    color: #80a4af;
}


.solidDark .userMenuInfoArea {
    background-color: #08131c;
    box-shadow: 0px 16px 45px 10px #010406;
    border-left-color: #2a3847;
    border-top-color: #212c35;
    border-right-color: #1a2731;
    border-bottom-color: #070b10;
}

.solidDark .userMenuSignOptionButtons {
    background-color: #081923;
    box-shadow: 0px 16px 45px 10px #010406;
    border-left-color: #2a3847;
    border-top-color: #212c35;
    border-right-color: #1a2731;
    border-bottom-color: #070b10;
}

.solidDark .defaultKeyStatusIndicatorColor {
    background-color: #0082e1;
}

.solidDark .statusBGNeutral {
    background-color: #002245 !important;
}
.solidDark .statusBGGreen {
    background-color: #06995b !important;
}
.solidDark .statusBGRed {
    background-color: #df4444 !important;
}

.solidDark .statusGreen {
    color: #06995b !important;
}
.solidDark .statusRed {
    color: #df4444 !important;
}


.solidDark .redAlert {
    background: radial-gradient(circle at 50% 50%, rgb(0 0 0 / 0%) 0%, rgb(251 4 4 / 18%) 100%) !important;
}

.solidDark .greenAlert {
    background: radial-gradient(circle at 50% 50%, rgb(255 255 255 / 1%) 60%, rgb(26 205 122 / 12%) 100%) !important;
}


.solidDark .reflectBottomMinus5 {
  -webkit-box-reflect: below -5px linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.1));
}

.solidDark .shineInAnimPositive {
    animation: shineInPositiveKeys 1s ease-in-out none;
}
@keyframes shineInPositiveKeys {
 0% {
    border-top-color: rgb(255 255 255 / 70%);
    border-right-color: rgb(255 255 255 / 0%);
    border-bottom-color: rgb(255 255 255 / 0%);
    border-left-color: rgb(255 255 255 / 0%);
  }
  20% {
    border-top-color: rgb(255 255 255 / 10%);
    border-right-color: rgb(255 255 255 / 70%);
    border-bottom-color: rgb(255 255 255 / 0%);
    border-left-color: rgb(255 255 255 / 0%);
  }
  40% {
    border-top-color: rgb(255 255 255 / 10%);
    border-right-color: rgb(255 255 255 / 5%);
    border-bottom-color: rgb(255 255 255 / 70%);
    border-left-color: rgb(255 255 255 / 0%);
  }
  60% {
    border-top-color: rgb(255 255 255 / 10%);
    border-right-color: rgb(255 255 255 / 5%);
    border-bottom-color: rgb(255 255 255 / 5%);
    border-left-color: rgb(255 255 255 / 70%);
  }
  80% {
    border-top-color: rgb(255 255 255 / 50%);
    border-right-color: rgb(255 255 255 / 50%);
    border-bottom-color: rgb(255 255 255 / 50%);
    border-left-color: rgb(255 255 255 / 50%);
  }
  100% {
    border-top-color: rgb(255 255 255 / 10%);
    border-right-color: rgb(255 255 255 / 10%);
    border-bottom-color: rgb(255 255 255 / 10%);
    border-left-color: rgb(255 255 255 / 10%);
  }
}

.solidDark .shineInAnimNegative {
    animation: shineInNegativeKeys 1s ease-in-out none;
}
@keyframes shineInNegativeKeys {
 0% {
    border-top-color: rgb(245 2 2 / 70%);
    border-right-color: rgb(245 2 2 / 0%);
    border-bottom-color: rgb(245 2 2 / 0%);
    border-left-color: rgb(245 2 2 / 0%);
  }
  20% {
    border-top-color: rgb(245 2 2 / 10%);
    border-right-color: rgb(245 2 2 / 70%);
    border-bottom-color: rgb(245 2 2 / 0%);
    border-left-color: rgb(245 2 2 / 0%);
  }
  40% {
    border-top-color: rgb(245 2 2 / 10%);
    border-right-color: rgb(245 2 2 / 5%);
    border-bottom-color: rgb(245 2 2 / 70%);
    border-left-color: rgb(245 2 2 / 0%);
  }
  60% {
    border-top-color: rgb(245 2 2 / 10%);
    border-right-color: rgb(245 2 2 / 5%);
    border-bottom-color: rgb(245 2 2 / 5%);
    border-left-color: rgb(245 2 2 / 70%);
  }
  80% {
    border-top-color: rgb(245 2 2 / 50%);
    border-right-color: rgba(245 2 2 / 50%);
    border-bottom-color: rgb(245 2 2 / 50%);
    border-left-color: rgb(245 2 2 / 50%);
  }
  100% {
    border-top-color: rgb(245 2 2 / 10%);
    border-right-color: rgb(245 2 2 / 10%);
    border-bottom-color: rgb(245 2 2 / 10%);
    border-left-color: rgb(245 2 2 / 10%);
  }
}

.solidDark .userMenuEchoLogin {
    color: #ffffff;
}

.solidDark .DLmodeSwitch {
    background: linear-gradient(224deg, rgb(18 54 73) 30%, rgb(0 0 0) 100%);
    border-top-color: #1c343d;
    border-left-color: rgb(22 44 53);
    border-right-color: #213c49;
    border-bottom-color: rgb(13 33 41);
}

.solidDark .DLmodeCircle {
    left: 64px;
    background: rgb(6 29 43);
    animation: moveThemeIndicatorToDark 0.5s none;
}
@keyframes moveThemeIndicatorToDark {
  0% {
    left: 2px;
    width: 35px;
  }
  40% {
    left: 2px;
    width: 75px;
  }
  100% {
    left: 64px;
    width: 35px;
  }
}

/* SUN */
.solidDark .DLmodeSun {
    background-color: #3f566d;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg fill="none" stroke="black" stroke-width="0" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="5" fill="black"/><g stroke="black" stroke-width="2"><line x1="12" y1="1" x2="12" y2="4"/><line x1="12" y1="20" x2="12" y2="23"/><line x1="4.22" y1="4.22" x2="6.34" y2="6.34"/><line x1="17.66" y1="17.66" x2="19.78" y2="19.78"/><line x1="1" y1="12" x2="4" y2="12"/><line x1="20" y1="12" x2="23" y2="12"/><line x1="4.22" y1="19.78" x2="6.34" y2="17.66"/><line x1="17.66" y1="6.34" x2="19.78" y2="4.22"/></g></svg>') center / contain no-repeat;
    mask: url('data:image/svg+xml;utf8,<svg fill="none" stroke="black" stroke-width="0" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="5" fill="black"/><g stroke="black" stroke-width="2"><line x1="12" y1="1" x2="12" y2="4"/><line x1="12" y1="20" x2="12" y2="23"/><line x1="4.22" y1="4.22" x2="6.34" y2="6.34"/><line x1="17.66" y1="17.66" x2="19.78" y2="19.78"/><line x1="1" y1="12" x2="4" y2="12"/><line x1="20" y1="12" x2="23" y2="12"/><line x1="4.22" y1="19.78" x2="6.34" y2="17.66"/><line x1="17.66" y1="6.34" x2="19.78" y2="4.22"/></g></svg>') center / contain no-repeat;
}

/* MOON */
.solidDark .DLmodeMoon {
  background-color: #5595cb;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg fill="black" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M21 13A9 9 0 0111 3a4 7 0 100 14A9 9 0 0021 13z"/></svg>') center / contain no-repeat;
  mask: url('data:image/svg+xml;utf8,<svg fill="black" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M21 13A9 9 0 0111 3a4 7 0 100 14A9 9 0 0021 13z"/></svg>') center / contain no-repeat;
}

.solidDark .DLmodeTargetingSectionButton {
    background-color: rgb(0 0 0 / 1%);
}

.solidDark .DLmodeSectionTargetingMarkHolder {
    color: #41b577;
}

.solidDark #DLmodeThisViewSectionIndicator {
   background-color: #6883ab;
    color: #ffffff;
}

.solidDark .DLMAScube div {
  border: 1px solid rgb(255 255 255 / 0%);
}

.solidDark .DLMASleftCubeSide {
    background: linear-gradient(23deg, #334d7b 0%, #6f8cae 100%);
}
.solidDark .DLMAStopCubeSide {
 background: linear-gradient(226deg, #6d83af 0%, #bac2d7 100%);
}
.solidDark .DLMASbottomCubeSide {
  background-color: #1a2233;
}
.solidDark .DLMASrightCubeSide {
  background-color: #1a2233;
}
.solidDark .DLMASfrontCubeSide {
    background: linear-gradient(0deg, #334d7b 0%, #809ec0 100%);
}
.solidDark .DLMASbackCubeSide {
    background-color: #1a2233;
}

.solidDark #notificationIcon {
    color: #436177;
}

.solidDark #userDataHolder {
    background-color: #172331;
}

.solidDark .mainViewsSections {
    background-color: rgb(0 0 0 / 15%);
}

.solidDark #myProjects {
    background-image: linear-gradient(to right bottom, rgb(108, 70, 164), rgb(38, 31, 86), rgb(23, 21, 81));
    color: #9bb6cb;
}

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

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

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

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

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

.solidDark #notificationsNumber {
    color: #8dcfff;
}

.solidDark #userMenuHolder {
    background-color: rgb(5 13 18);
    box-shadow: -40px 50px 100px 5px rgb(0 0 0);
    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);
    color: #6d94bd;
}

.solidDark .closeMenuButton {
    background-color: #0b202f;
    box-shadow: 0px 0px 100px 13px #00a1ff;
    color: #7ca6c3;
}
.solidDark .closeMenuButton:hover {
    box-shadow: 0px 0px 100px 30px rgb(248, 82, 104);
    color: #ffffff;
}

.solidDark .userMenuInputs {
    color: #bdd1e3;
    border-bottom-color: #152231;
}

.solidDark .userMenuInputs::placeholder {
    color: #3e5061;
}

.solidDark .selectProfilePhotoHolder {
    background-color: #778aad;
}

.solidDark .koFiButton {
    background-color: #1b2c3d;
    color: #6986b1;
}
.solidDark .koFiButton:hover {
    color: #ffffff;
}

.solidDark .saveProfileButton {
    background-color: #1b2c3d;
    color: #93bbe5;
}
.solidDark .saveProfileButton:hover {
    color: #ffffff;
}

.solidDark .deleteAccountButton {
    background-color: #192439;
    color: #e36d6d;
}

.solidDark .logOutButton {
    color: #7a91e3;
}

.solidDark #notificationsHolderDiv {
    background-color: #141d2a;
    box-shadow: 0px 0px 150px 5px rgb(0 0 0 / 57%);
    border-style: solid;
    border-width: 1px;
    border-top-color: rgb(255 255 255 / 6%);
    border-left-color: rgb(255 255 255 / 5%);
    border-right-color: rgb(255 255 255 / 3%);
    border-bottom-color: rgb(255 255 255 / 7%);
    color: #6b98af;
}

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

.solidDark .singleNotificationDiv {
    background-color: #162333;
}

.solidDark #deleteAllNotificationsButton {
    background-color: #0e2841;
}

.solidDark #startingNoticeHolder {
    background-color: #172331;
    color: #65d3a6;
}

.solidDark #linkToPublicProfile {
    box-shadow: 5px 1px 4px 0px rgb(0 0 0 / 30%);
}

.solidDark .modal {
    background-color: #172331;
}

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

.solidDark .iframeTitle {
    background-image: linear-gradient(to right, #77dba5, #1bb3ed);
    color: #ffffff;
}

.solidDark .exampleTitleArea {
    color: #5f97ad;
}

.solidDark .OPABtitleHolder {
    background-image: linear-gradient(to right, rgb(35 8 55 / 90%), rgb(4 61 111 / 78%));
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 3px 1px 20px 1px rgb(2 1 6);
    border-left-color: rgb(247 247 247 / 0%);
    border-top-color: rgb(255 255 255 / 10%);
    border-bottom-color: rgb(255 255 255 / 5%);
    border-right-color: rgb(255 255 255 / 10%);
    color: #ffffff;
}

.solidDark .OsubPABtitleHolder {
    background-image: linear-gradient(to right, rgb(29 13 41 / 90%), rgb(26 54 79 / 78%));
    box-shadow: 5px 1px 10px 0px rgb(0 0 0 / 40%);
    color: #ffffff;
}

.solidDark .uploadProjectCoverDiv {
    border-style: solid;
    border-width: 1px;
    border-color: #ffffff;
    background-color: #95a1f3
}

.solidDark .workflowUpLine
{
  background-color: #172331;
}

.solidDark .ownerOptionHolder {
    background-color: #172331;
    box-shadow: 1px 1px 1px 0px rgb(187 198 207 / 10%);
}

.solidDark .redNotification {
    color: #ff9999;
}

.solidDark .greenNotification {
    color: #71bda5;
}

.solidDark .calendar-cell {
    background-color: #172331;
}

.solidDark .calendar-cell:hover {
    background-color: #000000;
}

.solidDark .calendar-days {
    background: none;
    color: #283439;
}

.solidDark .calendar-today-cell {
    border-style: solid;
    border-width: 1px;
  }

.solidDark #usedAmountHolder {
    color: #cb1e1e;
}

.solidDark .echoPlanner {
    color: #ffffff;
}

.solidDark .stepAssigneePhotoHolder {
    opacity: 1;
}
.solidDark .stepAssigneePhotoHolder:hover {
    opacity: 1;
}

.solidDark .stepsCompletedIndicator {
    background-color: #1164db;
    color: #ffffff;
}

.solidDark .stepsUncompletedIndicator {
    background: linear-gradient(to right, rgb(0 0 0 / 50%), #1164db);
    color: #ffffff;
}

.solidDark .itemsBudgedUsedIndicator {
    background-color: #188256;
    color: #ffffff;
}

.solidDark .itemsBudgedRemainingIndicator {
    background: linear-gradient(to right, rgb(0 0 0 / 50%), #188256);
    color: #ffffff;
}

.solidDark .showStepsDetailButton {
    background-color: #1164db;
    color: #ffffff;
}

.solidDark .showBudgetDetailButton {
    color: #ffffff;
    background-color: #188256;
}

.solidDark .tooltip {
    background-color: #172331;
    color: inherit;
    box-shadow: 1px 1px 10px 2px rgba(0 0 0 / 50%);
}

.solidDark .gridItem {
    background-color: #172331;
    box-shadow: 1px 1px 10px 2px rgb(255 255 255 / 50%);
}

.solidDark .gridItem:hover {
    scale: 1.5;
}

.solidDark .currentStepItemsHolder {
    border-top-left-radius: 15px;
    background-color: #172331;
}

.solidDark .openCSitemsHolder {
    background-color: #1d2735;
}

.solidDark .currentStepItemsInProgressStatus {
    background-color: #1d2735;
}

.solidDark .currentStepItemsOKstatus {
    background-color: #1d2b35;
}

.solidDark .workflowNewsDate {
    background-color: #172331;
    opacity: 0.7;
}

.solidDark .SSnewsechoFromAndTo {
    opacity: 0.7;
}

.solidDark .SSnewsUserFriendlyDates {
    opacity: 0.7;
}

.solidDark .acquiredItemImage {
    opacity: 0.8;
}
.solidDark .acquiredItemImage:hover {
    opacity: 1;
}

.solidDark .completeWStepButton {
   color: #8dadb7;
    background-color: #1b2735;
}

.solidDark .doItComplete {
    color: #85a995;
    background-color: #172331;
}

.solidDark .completeWStepActiveButton {
    background-color: #172331;
    color: #c79494;
}

.solidDark .goLivebutton {
    color: #0087ff;
}

.solidDark .ytVideoLink {
    color: inherit;
    border-bottom-color: #3f4849;
}

.solidDark .ytVideoLink::placeholder {
    color: #4e565d;
}

.solidDark .singleBudgetBackground {
    visibility: visible;
}

.solidDark .singleToolMainBackground {
    visibility: visible;
}

.solidDark #showPurchasesButton {
    background-color: #172331;
}

.solidDark .WSAcontent {
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: rgb(118 132 151 / 20%);
}

.solidDark .startStopButtonIdle {
    background-color: #9a3939;
    color: #e1c7c7;
}
.solidDark .startStopButtonIdle:hover {
    letter-spacing: 1px;
}

.solidDark .mapTagsUnmarked {
    background-color: #242d33;
    color: #81909b;
}

.solidDark .tagSelected {
    background-color: #2d63a5 !important;
    color: #ffffff !important;
}

.solidDark .BSAtext {
    color: #fbfeff;
}

.solidDark .startStopButtonStarted {
    background-color: #2a6843;
    color: #d3ece1;
}
.solidDark .startStopButtonStarted:hover {
    letter-spacing: 1px;
}

.solidDark .SSechoFromAndTo {
    color: #aab2b5;
}

.solidDark .SSuserFriendlyDates {
    color: #aab2b5;
}

.solidDark .BSAcontent {
    background-color: #172331;
    box-shadow: 1px 5px 15px 1px rgb(0 0 0 / 38%);
}

.solidDark .BSAItemscontent {
    background-color: #172331;
    box-shadow: 1px 5px 15px 1px rgb(0 0 0 / 38%);
}

.solidDark .toolImageInItemsListHolder {
    background-color: #ffffff;
    opacity: 0.8;
}
.solidDark .toolImageInItemsListHolder:hover {
    opacity: 1;
}

.solidDark .markAcquiredButton {
    background-color: rgb(46 235 155 / 10%);
    color: #aad5c6;
}

.solidDark .publishingButtonsLeftSide {
    background-color: rgb(82 211 156 / 30%);
}

.solidDark .publishingButtonsRightSide {
    background-color: rgb(82 211 156 / 30%);
}


.solidDark .totalBudgetItemPrice {
    position: relative;
    display: flex;
    justify-content: right;
    margin-right: 20px;
    font-family: 'Exo', sans-serif;
    font-size: 1rem;
    color: #333b40;
}

.solidDark .acquireIt {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30%;
    height: 60px;
    font-size: 0.8rem;
    font-weight: bold;
    color: #058751;
    background: linear-gradient(to right, #ffffff , #cbffea);
    transition: all 0.3s ease-in-out;
    letter-spacing: 3px;
}

.solidDark .acquireIt:hover {
    letter-spacing: 2px;
}

.solidDark .singlePostHolder {
    background-color: #172331;
}

.solidDark .chip {
    background-color: #172331;
  }

.solidDark .mediaDescription {
    background-color: #172331;
    border-radius: 10px;
}

.solidDark .echoTypeOfAbout {
    background-color: #172331;
    border-radius: 10px;
}

.solidDark #basicIdeaHolder {
    background-color: #172331;
}

.solidDark .titleAboutDetails {
    background-color: #172331;
}

.solidDark .membersTitle {
    background-color: #172331;
}

.solidDark .singleMemberBox {
    background-color: #172331;
}

.solidDark .footerLinks {
    color: #ffffff;
}
.solidDark .footerLinks:hover {
    color: #000000;
  }
.solidDark .footerLinks:visited {
    color: #ffffff;
}
.solidDark .footerLinks:hover:visited
 {
    color: #97e7bb;
}
.solidDark .footerLinks:focus,
.solidDark .footerLinks:active {
    color: #ffffff;
}

.solidDark .modalTitleColor {
    color: #8196a1;
}

.solidDark .editBodyHalfSide {
    background-color: rgb(255 255 255 / 2%);
}

.solidDark .editOptionsTitleHolder {
    background-color: rgb(255 255 255 / 2%);
}

.solidDark .copyToClipboardHolder {
    color: #8d979f;
}
  
.solidDark .copyToClipboardHolder:hover {
    color: #03c2e9;
}

.solidDark .purchasedGridItemBCK {
    background-color: #e0e8eb;
}

.solidDark .purchasedGridToolBCK {
    background-color: #d6e2eb;
}

.solidDark .purchasedItemsTitle {
    color: #88a4c3;
}

.solidDark .purchasedToolsTitle {
    color: #5c77a9;
}

.solidDark .singlePurchasedItemPhotoHolder {
    opacity: 1;
}

.solidDark .purchasedSingleItemName {
    color: #177a91;
}

.solidDark .purchasedSingleToolName {
    color: #40365f;
}

.solidDark .blueFont {
    color: #449dd1;
  }

.solidDark .kickOutButton {
    color: #d59292;
    background-color: #414751;
}

.solidDark .messageUsernameData {
    color: #8da9b7;
}
  
.solidDark .messageContent {
    color: #a6b6bf;
}

.solidDark .deleteMemberMessageButton {
    color: #657f93;
    background-color: #414a55;
}
  
.solidDark .deleteMemberMessageButton:hover {
    background-color: #d22c2c;
    color: #ffffff;
}

.solidDark .messageMemberTextArea {
    background-color: #3f474f;
    color: #d0d9e1;
}
.solidDark .messageMemberTextArea::placeholder {
    color: #5e6973;
}

.solidDark #sendMessageToMember {
    color: #ffffff;
    background-color: #569af9;
}
  
.solidDark #sendMessageToMember:hover {
    background-color: #58acff;
    letter-spacing: 1px;
}

.solidDark .onOffSwitch {
    color: #7488bf;
    background-color: #202039;
}

.solidDark .onOffActiveStatus {
    background-color: #1d6bc7;
    color: #ffffff;
}

.solidDark .grassGreenFont {
    color: #74bc00;
  }

.solidDark .closeModalButton {
    background-color: rgb(255 255 255 / 5%);
    color: rgb(253 251 251);
}

.solidDark #closeSelectAreas {
    background-color: rgb(255 255 255 / 5%);
    color: rgb(253 251 251);
}

.solidDark .descriptionTextArea {
    color: #d3dfe7;
    background-color: #383f45;
}
.solidDark .descriptionTextArea::placeholder {
    color: #6f787f;
}

.solidDark .answerQuestionButton {
    letter-spacing: 1px;
    background-color: #4486c9;
    color: #ffffff;
}
.solidDark .answerQuestionButton:hover {
    letter-spacing: 2px;
}

.solidDark .qWatermark
{
  color: #353e45;
}

.solidDark .publicLinkTextDiv {
    color: #9fb1bf;
}

.solidDark .membershipImageHolder {
    opacity: 1;
}
.solidDark .membershipImageHolder:hover {
    opacity: 1;
}

.solidDark .singleTagUnmarked {
    background-color: #22354d;
    color: #93a5c1;
}
.solidDark .singleTagUnmarked:hover {
    background-color: #3a6ca9;
    color: #e6e9ed;
}

.solidDark #echoAddDescription {
    background-color: #172331;
    color: inherit;
}

.solidDark .cyanFont {
    color: #6abce5;
}

.solidDark .selectPPtype {
    background-color: #444a53;
    color: #ffffff;
}

.solidDark .photoDescriptionTA {
    background-color: #444a53;
    color: #ffffff;
}
.solidDark .photoDescriptionTA::placeholder {
    color: #91969f;
}

.solidDark .grayBackground {
    background-color: #444a53;
    color: #dbdee1;
}

.solidDark .blueBackground {
    background-color: #1e64a7;
}

.solidDark .greenBackground {
    background-color: #3db275;
    color: #ffffff;
}

.solidDark .messageImageHolder {
    opacity: 1;
}

.solidDark .invitationLink {
    background-color: #131d2b;
}

.solidDark .activeBlueFont {
    color: #51c0f6;
}

.solidDark .neutralGrayFont {
    color: #63757e;
}

.solidDark #mapMessageTextArea {
    background-color: #3c424b;
    color: #cdd4d9;
}
.solidDark #mapMessageTextArea::placeholder {
    color: #617a8d;
}

.solidDark .charCountDisplay {
    color: #7b8a95;
}

.solidDark #saveMapMessageButton {
    background-color: #1d6bc7;
    color: #ffffff;
}

.solidDark #inputFundingInfo {
    color: #2e694b;
    border-bottom-color: #c6e1d4;
    background-color: #eff9f2;
}

.solidDark .cardInfoWarning {
    color: #ef2929;
}

.solidDark #saveFundingInfoButton {
    background-color: #249953;
    color: #ffffff;
}

.solidDark .themeCustomMap {
    filter: invert(0.9) hue-rotate(316deg) contrast(1.1);
}

.solidDark .mapInitalOpacity {
    filter: invert(100%) brightness(0.3) hue-rotate(290deg);
}

.solidDark .mapActiveOpacity {
    filter: invert(100%) brightness(1) hue-rotate(290deg);
}


.solidDark .myBusinessCountryFlag {
    filter: drop-shadow(5px 3px 3px rgba(0, 0, 0, 0.1));
}

.solidDark .mapXYpointerCoordinates {
    color: #ffffff;
}

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

.solidDark .mapTargetRingZoomProgress .ring-bg {
    stroke: #ffffff;
}
.solidDark .mapTargetRingZoomProgress .ring-fg {
    stroke: #ff316c;
}

.solidDark .mapPointerCenterCircle {
    background: #efe3ed;
}

.solidDark .targetingCircleCountryName {
    color: #ffffff;
}

.solidDark .mapProjectIcon {
    filter: invert(100%) brightness(0.9) hue-rotate(-290deg) !important;
}

.solidDark .customMapTooltipContent {
    filter: invert(100%) brightness(1) hue-rotate(-290deg) !important;
    background-color: #161f30 !important;
}

.solidDark .mapToolTipTitle {
    color: #ffffff !important;
}

.solidDark .mapTooltipHolderText {
    color: #a2c6db !important;
}

.solidDark .singleRequestHolder {
    background-color: rgb(29 34 43 / 50%);
}

.solidDark .joinRequestUserName {
    color: #8da9b7;
}

.solidDark .requestMessage {
    color: #b8c2c7;
}

.solidDark .rejectRequestButton {
    background-color: #414d59;
    color: #b5bcc1;
}

.solidDark .acceptRequestButton {
    background-color: #24694f;
    color: #ffffff;
}

.solidDark .singleRoleSpan {
    background-color: rgb(0 0 0 / 7%);
    color: #b1b6bd;
}

.solidDark .roleDescriptionSpan {
    color: #b1b6bd;
}

.solidDark .deleteRoleButton {
    background-color: rgb(0 0 0 / 13%);
    color: #8d959f;
}

.solidDark .newRoleInput {
    background-color: rgb(0 0 0 / 7%);
    color: #ffffff;
}
.solidDark .newRoleInput::placeholder {
    color: #7b8d9d;
}

.solidDark .roleDescriptionInputTextArea {
    background-color: rgb(0 0 0 / 7%);
    color: #ffffff;
}
.solidDark .roleDescriptionInputTextArea::placeholder {
    color: #7b8d9d;
}

.solidDark #addRoleButton {
    background-color: #24694f;
    color: #ffffff;
}

.solidDark .requestUserImageHolder {
    opacity: 1;
}

.solidDark .presentationTagsContainer {
    background-color: #292f35;
}

.solidDark .presentationTitleContainer {
    background-color: #292f35;
    color: #7b909f;
}

.solidDark .POContainer {
    background-color: #292f35;
    color: #7b909f;
}

.solidDark .presentationPhotosHolder {
    background-color: #292f35;
}

.solidDark .presentationMediaDescription {
    color: #7b909f;
}

.solidDark .presentationIdeaHolder {
    background-color: #292f35;
    color: #7b909f;
}

.solidDark .presentationRequestHolder {
    background-color: #292f35;
}

.solidDark .requestMessageTextArea {
    background-color: #383f47;
    color: #e1e6e9;
}
.solidDark .requestMessageTextArea::placeholder {
    color: #788087;
}

.solidDark .presentationActiveButtons {
    background-color: #264b73 !important;
    color: #c0dbeb !important;
}

.solidDark .presentationButtons {
    background-color: #2b3d4d;
    color: #b2c1c9;
}
.solidDark .presentationButtons:hover {
    background-color: #264b73;
}

.solidDark .AStext {
    color: #5c6d6d;
}

.solidDark .activeGreenLetters {
    color: #9fceb7;
}

.solidDark .roleDescriptionText {
    color: #7b909f;
}

.solidDark .toolsTitle {
    background-color: #172331;
    color: #d6c0fd;
}

.solidDark .itemsTitle {
    background-color: #172331;
    border-top-color: #aedeff;
    color: #c0defd;
}

.solidDark .itemsSubTitle {
    background-color: #172331;
    color: #c0defd;
}


.solidDark .newsBodyRightSide {
    background-color: #172331;
    box-shadow: 0px 0px 20px 0px rgb(255 255 255 / 5%);
}

.solidDark .WFstepsTittle {
    background-color: rgb(0 0 0 / 20%);
    color: #eef0f1;
}

.solidDark .newItemCharCounter {
    color: #616973;
}

.solidDark .MstepMarkHolder {
    border-color: #252d35;
}

.solidDark .singleWFSholder {
    background-color: #172331;
    box-shadow: 0px 2px 5px 1px rgb(0 0 0 / 70%);
}

.solidDark .singleWFicon {
    background-color: #172331;
    opacity: 1;
}

.solidDark .WSnameInput {
    border-bottom-color: #292f33;
}
.solidDark .WSnameInput::placeholder {
    color: #65818b;
}

.solidDark .WSstatus {
    color: #9eb5bd;
}

.solidDark .PAechoFrom {
    color: #6a7579;
}

.solidDark .userFriendyDate {
    color: #9eb5bd;
}

.solidDark .saveWSChangesButton {
    background-color: #2b3a4d;
    color: #d8e3e5;
}
.solidDark .saveWSChangesButton:hover {
    background-color: #3b4e65;
    color: #ffffff;
}

.solidDark .defaultButtonBCK {
    background-color: #26313d;
    color: #c5d5e1;
}
.solidDark .defaultButtonBCK:hover {
    background-color: #313c44;
    color: #ffffff;
}

.solidDark .singleToolHolder {
    background-color: #151e29;
    box-shadow: 2px 1px 5px 1px rgb(55 58 165 / 25%);
}

.solidDark .singleToolImageHolder {
    background-color: #ffffff;
    opacity: 0.8;
}
.solidDark .singleToolImageHolder:hover {
    opacity: 1;
}

.solidDark .singleToolName {
    color: #bac2cb;
}

.solidDark .removeToolButton {
    background-color: #00408b;
    color: #ffffff;
}
.solidDark .removeToolButton:hover {
    background-color: #c95858;
    color: #ffffff;
}

.solidDark .singleItemBucket {
   background-image: linear-gradient(to right bottom, rgb(0 0 0 / 25%), rgb(0 0 0 / 5%), rgb(255 255 255 / 0%));
    box-shadow: 10px 15px 20px 1px rgb(1 5 14 / 48%);
    border-left-color: rgb(255 255 255 / 10%);
    border-top-color: rgb(255 255 255 / 10%);
    border-right-color: rgb(255 255 255 / 4%);
    border-bottom-color: rgb(255 255 255 / 10%);
    color: #b6c9e7;
}

.solidDark .singleItemCopy {
  background-image: linear-gradient(to right bottom, rgb(0 0 0 / 35%), rgb(0 0 0 / 4%), rgb(255 255 255 / 0%));
    box-shadow: 10px 15px 20px 1px rgb(1 5 14 / 48%);
    border-left-color: rgb(255 255 255 / 3%);
    border-top-color: rgb(255 255 255 / 5%);
    border-right-color: rgb(255 255 255 / 4%);
    border-bottom-color: rgb(255 255 255 / 10%);
    color: #b6c9e7;
}

.solidDark .SSsingleItemName {
    color: inherit;
}

.solidDark .editableItemBorder {
    border-bottom-color: rgb(255 255 255 / 10%) !important;
}

.solidDark .singleItemImageHolder {
    background: rgb(0 0 0 / 5%);
    opacity: 0.8;
}
.solidDark .singleItemImageHolder:hover {
    opacity: 1;
}

.solidDark .removeItemButton {
    background-color: rgb(241 10 10 / 20%);
    color: #ffffff;
}
.solidDark .removeItemButton:hover {
    background-color: #bd0c0c;
    color: #ffffff;
}

.solidDark .changeItemButton {
    background-color: #101725;
    color: #ffffff;
}
  
.solidDark .changeItemButton:hover {
     box-shadow: 1px 1px 20px 1px rgb(255 255 255 / 48%);
    background-color: rgb(16 23 37 / 75%);
    color: #ffffff;
}

.solidDark .stepNotesInput {
    background-color: rgb(0 0 0 / 5%);
    color: #9eb5bd;
}
.solidDark .stepNotesInput::placeholder {
    color: #445761;
}

.solidDark .saveStepNotesButton { 
    background-color: #4476bc;
    color: #ffffff;
}
.solidDark .saveStepNotesButton:hover {
    letter-spacing: 1px;
}

.solidDark .newStepItemButton {
    background-color: #172331;
    color: #3b4147;
}

.solidDark .newWFSholder {
    background-color: #172331;
    box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 72%);
}

.solidDark .cancelNewWSButton {
    background-color: #292f35;
    color: #d9a6a6;
}
.solidDark .cancelNewWSButton:hover {
    background-color: #af0000;
    color: #ffffff;
}

.solidDark .toolboxColumns {
    background-color: #ffffff;
}

.solidDark .singleToolDeleteButton {
    background-color: #c0cbd3;
    color: #ffffff;
  }
.solidDark .singleToolDeleteButton:hover {
    background-color: #f72727;
    color: #ffffff;
}

.solidDark .changeSingleTollButton {
    background-color: #788997;
    color: #ffffff;
  }
.solidDark .changeSingleTollButton:hover {
    background-color: #0a55ec;
    color: #ffffff;
}

.solidDark .toolNameForm {
    color: #000000;
    border-bottom-color: #0177cb;
}

.solidDark .newToolPriceInput {
    color: #000000;
    border-bottom-color: #0177cb;
}

.solidDark .roundingSpan {
    color: #717273;
}
  
.solidDark .newToolCurrency {
    color: #717273;
}

.solidDark .saveNewTollButton {
    background-color: #788997;
    color: #ffffff;
}
.solidDark .saveNewTollButton:hover {
    background-color: #0a55ec;
    color: #ffffff;
}

.solidDark .exitSign {
    background-color: #1bb97a;
  }

.solidDark .exitDoor {
    background-image: linear-gradient(#505661, #242729);
}

.solidDark #togglePLannerHeaderButton {
    background-color: #172331;
    box-shadow: 1px 1px 1px 0px rgb(187 198 207 / 10%);
    color: inherit;
}
.solidDark #togglePLannerHeaderButton:hover {
    background-color: #242d33;
    color: #ffffff;
}

.solidDark #newWFStepButtonsHolder {
    background-color: #172331;
    box-shadow: 1px 1px 1px 0px rgb(187 198 207 / 10%);
    color: inherit;
}

.solidDark .editWFbuttonHolder {
    background: linear-gradient(to right, #70caff, #99e7ff);
  }

.solidDark .NPbodyContent {
   background: linear-gradient(31deg, rgb(5 28 69) 0%, rgb(50 28 85) 50%, rgb(46 82 137) 100% 100%);
}

.solidDark #inputProjectName {
    background: none;
    color: #c6d6e3;
    border-bottom-color: #aed6ff;
}
.solidDark #inputProjectName::placeholder {
    color: #505f6b;
}

.solidDark #selectCurrency {
    background-color: #2d3a71;
    color: #c6d6e3;
}

.solidDark #saveProjectButton {
    background-color: #485691;
    color: #ffffff;
}

.solidDark #NPNameNote {
    color: #77889f;
}

.solidDark #NPCurrencyNote {
    color: #77889f;
}

.solidDark input[type="date"] {
    color-scheme: dark;
}

.solidDark .lightThemeButton:hover {
    background-image: linear-gradient(to right, #c9ffff, #7dd5ff);
    color: #016ab7;
}

.solidDark .darkThemeButton:hover {
    background-image: linear-gradient(to right, #63a7f1, #1eacb7);
    color: #d1dde9;
}

.solidDark .stepsDetailsColor {
    color: #0b92ed;
}

.solidDark .budgetDetailsColor {
    color: #178d42;
}
/* end DEMO */
.solidDark .projectThemesButton {
    background-color: #2c3743;
    color: #c3d2df;
    box-shadow: 1px 1px 1px 0px rgb(187 198 207 / 10%);
}

.solidDark #signOutButton {
    background-color: #172331;
    box-shadow: 1px 1px 1px 0px rgb(187 198 207 / 10%);
    -webkit-box-reflect: below 0px linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.3));
}
.solidDark #signOutButton:hover {
    background-color: #e90303;
    color: #ffffff;
    -webkit-box-reflect: below 0px linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.2));
  }

.solidDark #boostLogedInButton {
    background-color: #172331;
    box-shadow: 1px 1px 1px 0px rgb(187 198 207 / 10%);
    -webkit-box-reflect: below 0px linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.3));
}

.solidDark .singleStepToolsContainer {
    background-image: linear-gradient(rgb(0 0 0 / 0%), rgb(255 255 255 / 5%));
}

.solidDark .singleStepItemsContainer {
    background-image: linear-gradient(rgb(0 0 0 / 0%), rgb(255 255 255 / 5%));
}

.solidDark .singleStepToolsTitle {
    color: #a7a4ff;
}

.solidDark .singleStepItemsTitle {
    color: #67a7e9;
}

.solidDark .plannerListsButton {
    background-color: #172331;
    color: #c4cbd1;
    box-shadow: 1px 1px 1px 0px rgb(187 198 207 / 10%);
}
.solidDark .plannerListsButton:hover {
    color: #ffffff;
}

.solidDark .newStepItemToolContainer {
    background-color: #151e29;
    box-shadow: 1px 1px 25px 1px rgb(20 131 245 / 15%);
}

.solidDark .newFormTextColors {
    color: #85a4ff;
}
.solidDark .newFormTextColors::placeholder {
    color: #596a9f !important;
}

.solidDark .newItemEditText {
    color: #9ba9d1;
}

.solidDark .saveNewItemButton {
    background-color: #4476bc;
    color: #ffffff;
}  
.solidDark .saveNewItemButton:hover {
    background-color: #3a84ed;
    color: #ffffff;
}

.solidDark .newItemPrice {
    color: inherit;
}
.solidDark .newItemPrice::placeholder {
    color: #626e77;
}

.solidDark .newItemUnits {
    color: inherit;
}
.solidDark .newItemUnits::placeholder {
    color: #626e77;
}

.solidDark .budgetItemPrice {
    color: #8c9299;
}

.solidDark .activeItemsButton {
    background-color: #147cd7;
    color: #ffffff;
}

.solidDark #callCreateNewToolFormButton {
    color: #d6c0fd;
}

.solidDark #echoCreateNewTool {
    background-color: #172331;
    box-shadow: 1px 1px 1px 0px rgb(187 198 207 / 10%);
}

.solidDark #plusSignCreateNewTool {
    background-color: #172331;
    box-shadow: 1px 1px 1px 0px rgb(187 198 207 / 10%);
}

.solidDark .singleItemSettingsIcon {
    background-color: rgb(255 255 255 / 3%);
    color: rgb(255 255 255 / 70%)
}

.solidDark .externalLinkIcon {
    background-color: rgb(255 255 255 / 3%);
    color: rgb(255 255 255 / 70%)
}

.solidDark .hereAnimation {
    background-color: #7aa6f5;
}

.solidDark #newToolFormRow {
    background-color: #172331;
    box-shadow: 0px 0px 30px 1px rgb(57 48 95);
}

.solidDark #toolTypeSelectButton {
    color: #3f4e5b;
}

.solidDark .renterName {
    color: #868f97;
}

.solidDark .BSAFooter {
    color: #978ab3;
}

.solidDark .publishingButtons {
    background-color: #dcf5ff;
}

.solidDark .echoTypeOfPost {
    color: #d4d9dd;
}

.solidDark .publicationSelectionCheckMark {
    color: #058751;
}

.solidDark .pageMenuButtons {
    background-color: #172331;
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 30%);
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: rgb(255 255 255 / 5%);
}

.solidDark .activePageMenuButtons {
    background-color: rgb(29 34 43 / 50%) !important;
    border: none !important;
    box-shadow: none !important;
}

.solidDark .WFnewsUserHolder {
    background-color: #172331;
}

.solidDark .membershipName {
    color: #75828d;
}

.solidDark .toolAddingInfo {
    color: #aab1e5;
}

.solidDark .itemsAddingInfo {
    color: #85acd5;
}

.solidDark .postLinkButton {
    background-color: #52aeff;
}

.solidDark .deletePostInitiator {
    background-color: #263341;
    color: #737cab;
}

.solidDark .confirmDeletePostButton {
    background-color: #b54c4c;
    color: #ffffff;
}

.solidDark .newsStepMarker {
    background-color: #172331;
}

/* for acquired tool background to be slightly visible */
.solidDark .WSstepTypeicon {
    background-color: #7f99f3;
    border-color: #7f99f3;
}

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

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

.solidDark .postStepCompleteIcon {
    color: #15ad71;
}

/* POSTS */
.solidDark .newPostHeader {
    color: #869ba9;
}

.solidDark .postTitleSuggestionNotofication {
    color: #aebecb;
}

.solidDark .postTitleSuggestionButton {
    background-color: #3e444d;
    color: #dae0e5;
}
.solidDark .postTitleSuggestionButton:hover {
    background-color: #525965;
    color: #ffffff;
}


.solidDark .projectPostTag {
    background-color: #3e444d;
    color: #dfe3e5;
}
.solidDark .projectPostTag:hover {
    background-color: #525965;
    color: #ffffff;
}

.solidDark .feedFilterPostTag {
    background-color: #172331;
    color: inherit;
}
.solidDark .feedFilterPostTag:hover {
    background-color: #242d33;
    color: #ffffff;
}

.solidDark .selectedFeedFilterPostTag {
    background-color: #242d33 !important;
    color: #ffffff !important;
    box-shadow: 0px 1px 15px 1px rgb(255 255 255 / 40%) !important;
}

.solidDark .postPostTag {
    background-color: #2d3a43;
    color: #c6d8e7;
}

.solidDark .selectedPostTag {
    background-color: #255fa3 !important;
    color: #ffffff !important;
}

.solidDark .readingTagsSoundOn {
    background-image: url("/images/siteUsage/soundIsOnGray.png");
  }
  
.solidDark .readingTagsSoundOff {
    background-image: url("/images/siteUsage/soundIsOffGray.png");
}

.solidDark #newPostToolListRow {
    background-color: #374049;
}

.solidDark #newPostItemsListRow {
    background-color: #374049;
}

.solidDark .titleBeforeListingForAttachments {
    color: #ffffff;
}

.solidDark .toolOrItemForPostTaggingHolder {
    background-color: #29323b;
    box-shadow: 1px 5px 15px 3px rgb(1 1 1 / 22%);
    color: #ffffff;
}

.solidDark .selectedToolForPostMarking {
    background-color: #8685dd  !important;
    color: #ffffff !important;
    box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 25%) !important;
    scale: 1.1;
}

.solidDark .selectedItemForPostMarking {
    background-color: #4a98f5 !important;
    color: #ffffff !important;
    box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 25%) !important;
    scale: 1.1;
}

.solidDark #detailsAboutPostTag {
    color: #bdd0db;
}

.solidDark .singleAttachmentHolder {
    background-color: #4a525d;
    color: #ffffff;
}

.solidDark .toolImageInAttachmentHolder {
    background-color: #ffffff;
    opacity: 0.8;
}
.solidDark .toolImageInAttachmentHolder:hover {
    opacity: 1;
}

.solidDark .publishPostButton {
    background-color: #255fa3;
    color: #ffffff;
}

.solidDark .projectPostEchoMedia {
    color: #a9b8cb;
}

.solidDark .postMarkingAttTitle {
    color: #a9b8cb;
}

.solidDark .newPostMediaInput {
    color: #bdd3e3;
}
.solidDark .newPostMediaInput::placeholder {
    color: #537187;
}

.solidDark #projectPostTextInput {
    background-color: #21262f;
    color: #bdd3e3;
}
.solidDark #projectPostTextInput::placeholder {
    color: #537187;
}

.solidDark .postTagsHolder {
    background-color: #21262f;
}

.solidDark .singlePOSTAttachmentHolder {
    box-shadow: 0px 2px 20px 1px rgb(0 0 0 / 24%);
    background-color: #2d3a43;
    color: #c6d8e7;
}

.solidDark .toolOrItemForPostMarkHolder {
    box-shadow: 0px 2px 20px 1px rgb(0 0 0 / 24%);
    background-color: #2d3a43;
    color: #c6d8e7;
}


.solidDark .feedsCornerColor {
  border-color: transparent transparent rgb(0 185 166);
}

.solidDark .privateOrdersCornerColor {
  border-color: transparent transparent rgb(6 173 94);
}

.solidDark .myWorkShopCornerColor {
  border-color: transparent transparent rgb(205 164 0);
}

.solidDark .myBusinessCornerColor {
  border-color: transparent transparent rgb(191 39 104);
}

.solidDark .exploreTopLeftCornerColor {
  border-color: rgb(1 106 231) transparent transparent transparent ;
}

.solidDark .feedsTopLeftCornerColor {
  border-color: rgb(0 185 166) transparent transparent transparent ;
}

.solidDark .privateOrdersTopLeftCornerColor {
  border-color: rgb(6 173 94) transparent transparent transparent ;
}

.solidDark .myWorkshopTopLeftCornerColor {
  border-color: rgb(205 164 0) transparent transparent transparent ;
}

.solidDark .myBusinessTopLeftCornerColor {
  border-color: rgb(191 39 104) transparent transparent transparent ;
}

.solidDark .nameLine {
    background-image: linear-gradient(to right, rgb(55 29 95 / 78%), rgb(1 26 19 / 45%), rgb(28 18 53), rgb(26 22 25 / 31%), rgb(17 12 41 / 45%));
    box-shadow: 0px 100px 200px 2px rgb(0 0 0);
    border-top-color: rgb(255 255 255 / 8%);
    border-bottom-color: rgb(121 115 115 / 21%);
    border-left-color: rgb(143 134 134 / 22%);
    border-right-color: rgb(0 0 0 / 0%);
}

.solidDark .weldedLetter {
    color: rgb(255 255 255 / 80%);
}

.solidDark .workflowSingleArea {
    background-color: #172331;
}

.solidDark .projectFeedMenuButtons {
    background-color: #172331;
}

.solidDark .activeProjectFeedMenuButtons {
    border-style: none !important;
    box-shadow: none !important;
}

.solidDark .universalButtonStyle {
    background-color: #172331;
    box-shadow: 5px 1px 4px 0px rgb(0 0 0 / 30%);
}
.solidDark .universalButtonStyle:hover {
    background-color: #1c3143;
}

.solidDark .universalCard {
    background-color: rgb(22 31 51);
    color: rgb(255 255 255);
}

.solidDark .themeBackgroundColor {
    background-color: #172331;
}

.solidDark .singleFollowedProject {
    background-color: #172331;
    box-shadow: 1px 3px 5px 1px rgb(0 0 0 / 10%);
}

.solidDark .customizationHeader {
    background-color: #0f1d2f;
}

.solidDark .customizationBody {
    background-color: #1a2635;
    color: #83a7bd;
    border-style: solid;
    border-width: 1px;
    box-shadow: 1px 1px 100px 1px rgb(0 0 0 / 80%);
    border-top-color: rgb(255 255 255 / 0%);
    border-left-color: rgb(255 255 255 / 15%);
    border-right-color: rgb(255 255 255 / 1%);
    border-bottom-color: rgb(255 255 255 / 5%);
}

.solidDark .universalBackground {
    background-color: #172331;
}

.solidDark .customBCKImageURLInput {
    background-color: #0e1829;
    color: #95bcd3;
}

.solidDark .customBCKImageURLInput::placeholder {
    color: #375a6f;
}

.solidDark .bckColorPickers {
    box-shadow: 1px 1px 15px 1px rgb(0 0 0 / 20%);
}

.solidDark .saveCustomizationButton {
    background-color: #0087ff;
    color: #ffffff;
}

.solidDark .positionHeaderButtons {
    background-color: #d3e3ef;
}

.solidDark .headerIndicationsBCK {
    background-color: #0087ff;
}

.solidDark input[type="range" i] {
    background-color: #6281d3;
}

.solidDark .itemFilterButtons {
    background-color: #2b323f;
    color: #a2d7ff;
}

.solidDark .echoItemCategory {
    color: #a2d7ff;
}

.solidDark .acquiredItemHolder {
    background-color: #2b353f;
    color: #dbedf7;
    box-shadow: 1px 3px 20px 1px rgb(0 0 0 / 20%);
}

.solidDark .acquiredItemEchoRating {
    color: #8a9fa7;
}

.solidDark .positiveRatingIndicator {
    background: linear-gradient(to right, rgb(0 0 0 / 0%), rgb(0 253 127 / 45%));
}

.solidDark .ratingButtons {
    background: linear-gradient(to bottom, rgb(0 0 0 / 20%), rgb(0 0 0 / 0%));
    color: rgb(255 255 255 / 15%);
}
.solidDark .ratingButtons:hover {
    background: none;
    color: #ffffff;
}

.solidDark .selectedButton {
    background-color: #324a63 !important;
    color: #dbedf7 !important;
}

.solidDark .itemCategorySelection {
    background-color: #2a333f;
    color: inherit;
}

.solidDark .filterUnsortedItemsButton {
    background-color: #172331;
    color: #c0defd;
}

.solidDark .universalInfo {
    color: rgb(255 255 255 / 70%);
}

.solidDark .universalSmallInfo {
    color: rgb(255 255 255 / 70%);
}

.solidDark .magnifyingGlass {
    background-color: #478dc1;
}
  
.solidDark .magnifyingGlass::after {
    background-color: #478dc1;
}

.solidDark .hoverEffect:hover {
    background-color: #2a323d !important;
}

.solidDark #workAreasSelection {
    background-color: #172331;
}

.solidDark .WAcategoryHolder{
    background-color: #222d3b;
    box-shadow: 1px 1px 15px 2px rgb(1 1 1 / 10%);
    color: #9dacb5;
}

.solidDark .smallNoticeButton {
    background-color: #263b55;
    color: #97d2ef;
}


.solidDark .completedMindicator {
    color: #3dab7e;
}

.solidDark .stepOutContainer {
    color: #343f45;
}
.solidDark .stepOutContainer:hover {
    color: #49575f;
}

.solidDark .singleMilestoneDateHolder {
    color: #495f7b !important;
}

.solidDark .milestoneUserFriendlyDate {
    color: #495f7b !important;
}

.solidDark .milestoneMediaPreviewHolder {
    background-color: #00408b;
}

.solidDark .saveMilestoneButton {
    background-color: #20252d;
    color: #7f94af;
}

.solidDark .PPsponsorsMilestonesSwitch {
    background-color: #303941;
    color: #7f94af;
}

.solidDark .PPSingleMilestoneHolder {
    background-color: #264b73;
    color: #d9dde1;
}

.solidDark .PPmilestoneUserFriendlyDate {
    color: #8b9cab;
}

.solidDark .externalLink {
    color: #5b9bff;
}
.solidDark .externalLink:hover {
    text-decoration: underline;
    color: #ffffff;
}

.solidDark .link-preview-container {
    background-color: #283543;
}
.solidDark .link-preview-container:hover {
    background-color: #365373;
}

.solidDark .preview-title {
    color: #c6dff1;
}
  
.solidDark .preview-description {
    color: #7694a9;
}

.solidDark #projectDescriptionTextInput {
    background-color: #2c343d;
    color: #869fb1;
}
.solidDark #projectDescriptionTextInput::placeholder {
    color: #5e7483;
}


.solidDark .bar {
    background-image: linear-gradient(rgb(4 160 255 / 85%), rgb(0 137 255 / 25%));
    color: #dff3ff;
}

.solidDark .todayBarChartline {
    background-image: linear-gradient(rgb(27 98 211 / 50%), rgb(255 255 255 / 0%));
}

.solidDark .todayBarChartline {
    color: #ffffff;
}

.solidDark .y-axis-labels {
    color: #598bff;
}

.solidDark .subProjectConnectorElement {
    border-color: #009dff;
}

.solidDark .elementsConnectorLine {
    border-bottom-color: #009dff;
}

.solidDark .subProjectConnectorButton {
    background-color: rgb(0 0 0 / 20%);
    color: #8cdb0d;
    border-color: #009dff;
}
.solidDark .subProjectConnectorButton:hover {
    color: #ff8080;
}
.solidDark .subProjectActiveConnectorButton {
    border-color: #ff8080;
    color: #ff8080;
}

.solidDark #noMessagesSpan {
    color: #59a2ff;
}

.solidDark .absoluteCenteredDiv {
    background-color: rgb(0 0 0 / 70%);
}

.solidDark .subprojectCancelationTitle {
    color: #ffffff;
}

.solidDark .subprojectConfirmationTitle {
    color: #ffffff;
}

.solidDark #cancelationSubProjectTextHolder {
    background-color: #141f29;
    color: #709cc3;
}
.solidDark #cancelationSubProjectTextHolder::placeholder {
    color: #4a6379;
}

.solidDark .cancelSubProjectInfoHolder {
    background-color: #141f29;
    color: #709cc3;
}

.solidDark .doCancelSubProjectButton {
    background-color: #141f29;
    color: #ffffff;
}

.solidDark .doCompleteSubProjectButton {
    box-shadow: 3px 2px 100px 1px rgb(27 241 162 / 15%);
    background-color: #172331;
    color: #ffffff;
}

.solidDark .okCheckmark
 {
    color: #22cf8b;
 }

.solidDark .postTextDiv {
    color: #98a9c3;
}

.solidDark .stepDetailsTooltip {
    background-color: rgb(0 125 233 / 55%);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    color: #ffffff;
    box-shadow: 1px 1px 20px 2px rgba(0 0 0 / 50%);
}

.solidDark .stepDetailsBarToolTip {
    background-color: rgb(0 125 233 / 95%);
    color: #ffffff;
    box-shadow: 1px 1px 20px 2px rgba(0 0 0 / 50%);
}

/* when button is already on body (theme color)*/
.solidDark .universalButtonOnBody {
    background-color: rgb(255 255 255 / 3%);
    box-shadow: 5px 1px 4px 0px rgb(0 0 0 / 30%);
}

.solidDark .projectsSubProjectsHolder {
    background-image: linear-gradient(rgb(0 0 0 / 30%), rgb(0 0 0 / 0%));
    box-shadow: 5px 1px 4px 0px rgb(0 0 0 / 30%);
}

.solidDark .spacyNegativeBackground {
    background-image: linear-gradient(#160c0c, rgb(0 0 0 / 0%), #931e1e) !important;
}

.solidDark .spacyPositiveBackground {
    background-image: linear-gradient(#160c0c, rgb(0 0 0 / 0%), #155144) !important;
}

.solidDark .sendInvitationButton {
    background-color: #172331;
    box-shadow: 5px 1px 4px 0px rgb(0 0 0 / 30%);
}
.solidDark .sendInvitationButton:hover {
    background-color: #1c3143;
}

.solidDark .copyInvitationLinkButton {
    background: linear-gradient(31deg, rgb(70 90 189) 0%, rgb(38 80 173) 50%, rgb(0 115 161) 100%);
    box-shadow: 5px 1px 4px 0px rgb(0 0 0 / 30%);
    color: #ffffff;
}

.solidDark .uncheckedMark {
    background-color: #2e4c79;
    color: #f9f1af;
}


/* ******************************* MY SPACE ************************** */
.solidDark .closeEditOptionsButton {
  background-color: rgb(255 255 255 / 10%);
  color: #ffffff;
}

.solidDark .workshopFormBody{
    background-color: #172331;
    box-shadow: 5px 1px 250px 1px rgb(0 0 0), 0px -50px 100px rgb(20 29 43) inset;
    border-top-color: rgb(255 255 255 / 10%);
    border-left-color: rgb(255 255 255 / 20%);
    border-right-color: rgb(255 255 255 / 10%);
    border-bottom-color: rgb(255 255 255 / 5%);
    color: rgb(255 255 255 / 80%);
  }

.solidDark .roomTypeSelectionCard {
    background-color: #1d2b39;
    color: #c4dbef;
}

@keyframes changingColorsGlow {
    from   { box-shadow: 0px 0px 15px 0px rgb(72 133 245); }
    to  { box-shadow: 0px 0px 1px 0px rgb(197 133 237); }
}

@keyframes changingMultiColorsGlow {
    0% { box-shadow: 0px 0px 10px 0px #325dfa; }
    40% { box-shadow: 0px 0px 10px 0px #9945ed; }
    80% { box-shadow: 0px 0px 15px 0px #03fc77; }
    100% { box-shadow: 0px 0px 10px 0px #325dfa; }
}

.solidDark .newWorkshopRoomNameInput {
    border-bottom-color: #0087ff;
    color: #ffffff;
}
.solidDark .newWorkshopRoomNameInput::placeholder {
    color:#4d7dc7
}

.solidDark .saveWorkshopButton {
    background-color: #4672cf;
    color: #ffffff;
}

.solidDark .deleteRoomButton {
    background-color: #2b3a4d;
}

.solidDark .workshopFormSelectionCard {
    background-color: #1b2939;
    box-shadow: 5px 5px 20px 1px rgb(0 0 0 / 20%);
    border-top-color: rgb(255 255 255 / 5%);
    border-bottom-color: rgb(221 231 237 / 5%);
    border-left-color: rgb(255 255 255 / 5%);
    border-right-color: rgb(255 255 255 / 2%);
}
.solidDark .workshopFormSelectionCard:hover {
    box-shadow: 5px 5px 15px 1px rgb(31 81 177 / 30%);
    border-top-color: rgb(87 133 235 / 38%);
    border-bottom-color: rgb(21 65 177);
    border-left-color: rgb(161 183 205 / 18%);
    border-right-color: rgb(102 86 239 / 46%);
}
.solidDark .workshopFormSelectionActiveCard {
    box-shadow: 5px 5px 15px 1px rgb(31 81 177 / 30%) !important;
    border-top-color: rgb(87 133 235 / 38%) !important;
    border-bottom-color: rgb(21 65 177) !important;
    border-left-color: rgb(161 183 205 / 18%) !important;
    border-right-color: rgb(102 86 239 / 46%) !important;
}

.solidDark .newWorkshopItemInput {
    border-bottom-color: #415995;
    color: #ffffff;
}
.solidDark .newWorkshopItemInput::placeholder {
    color:#7991b5
}

.solidDark .newRoomCurrencyInput {
    background: #283849;
    color: #ccdff1;
    border-bottom-color: #364c67;
}

.solidDark .boxSetReflectionButtons {
    background-color: #1e2d3b;
    color: #90acbd;
}
.solidDark .boxSetReflectionSelectedButton {
    background-color: #1f7ed7 !important;
    color: #ffffff !important;
    cursor: default !important;
}

.solidDark .workshopSaveButton {
    background-color: #1f7ed7;
    color: #ffffff;
}

.solidDark .workshopDeleteBoxButton {
    background-color: #233143;
    color: rgb(255 255 255 / 50%);
}
.solidDark .workshopDeleteBoxButton:hover {
    color: rgb(255 255 255 / 90%);
}

.solidDark .redButtonColors {
    background-color: #991c1c !important;
    color: rgb(255 255 255 / 95%) !important;
    box-shadow: 0px -5px 20px 2px rgb(0 0 0 / 70%);
    border-style: solid;
    border-width: 1px;
    border-top-color: rgb(255 255 255 / 13%) !important;
    border-bottom-color: rgb(255 255 255 / 14%) !important;
    border-left-color: rgb(255 255 255 / 16%) !important;
    border-right-color: rgb(255 255 255 / 6%) !important;
}

.solidDark .workshopOpenBoxDiv {
    box-shadow: 1px 1px 50px 1px rgba(0 0 0 /50%);
    color: rgb(255 255 255 / 90%);
}

.solidDark .workshopObjectContentBody {
    background: #000000;
}

.solidDark .openBoxHeader {
    background-color: #080f2d;
}

.solidDark .closeBoxHolder {
    background-color: #452966;
    color: #ffffff;
}

.solidDark .boxTypeSelectionCard {
    background-color: rgb(15 22 41);
    border-left-color: rgb(6 81 149 / 20%);
    border-top-color: rgb(23 122 238 / 22%);
    border-right-color: rgb(49 124 201 / 48%);
    border-bottom-color: rgb(13 93 170 / 67%);
    box-shadow: 0px 10px 55px 1px rgb(17 37 83);
    color: #97afc5;
}

.solidDark .singleItemTitle {
    color: rgb(255 255 255 / 85%);
}
.solidDark .singleItemTitle::placeholder {
    color: rgb(255 255 255 / 30%);
}

.solidDark .newBoxItemInputFields {
    background-color: rgb(0 0 0 / 15%);
    box-shadow: 0px 5px 26px 1px rgb(0 0 0 / 4%);
    color: rgb(255 255 255 / 85%);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: rgb(255 255 255 / 7%);
}
.solidDark .newBoxItemInputFields::placeholder {
    color: rgb(255 255 255 / 30%);
}

.solidDark .itemNoticeInput {
    background-color: rgb(0 0 0 / 15%);
    color: rgb(255 255 255 / 85%);
}
.solidDark .itemNoticeInput::placeholder {
    color: rgb(255 255 255 / 30%);
}

.solidDark .newBoxItemText {
    color: rgb(255 255 255 / 85%);
}

.solidDark .boxItemImagePreviewHolder {
    background-color: rgb(0 0 0 / 15%);
    box-shadow: 0px 5px 26px 1px rgb(0 0 0 / 4%);
    color: #e1e6eb;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: rgb(255 255 255 / 7%);
}

.solidDark .itemStateSelectionButton {
    background-color: rgb(0 15 37 / 87%);
    color: #d4e4f1;
}
.solidDark .itemStateSelectionButton:hover {
    box-shadow: 1px 1px 50px 0px rgb(255 255 255 / 50%);
}

.solidDark .itemStateSelectionSelectedButton {
    background-color: rgb(255 255 255 / 75%) !important;
    box-shadow: 1px 1px 50px 0px rgb(0 0 0 / 40%) !important;
    color: #030d25 !important;
}

.solidDark .saveNewBoxItemButton {
    box-shadow: 1px 1px 50px 0px rgb(255 255 255 / 20%);
    background-color: rgb(0 15 37 / 87%);
    color: #d4e4f1;
}
.solidDark .saveNewBoxItemButton:hover {
    box-shadow: 1px 1px 50px 0px rgb(255 255 255 / 50%);
    background-color: rgb(255 255 255 / 75%);
    color: #030d25;
}

.solidDark .warehouseUniversalScrolling::-webkit-scrollbar {
    width: 7px;
}
.solidDark .warehouseUniversalScrolling::-webkit-scrollbar-track {
    background: none;
}
.solidDark .warehouseUniversalScrolling::-webkit-scrollbar-thumb {
    background: rgb(255 255 255 / 5%);
    border-radius: 10px;
}
.solidDark .warehouseUniversalScrolling::-webkit-scrollbar-thumb:hover {
    background: rgb(255 255 255 / 10%);
    border-radius: 10px;
    cursor: pointer;
}

.solidDark .boxProjectSelectorDiv {
    background-image: linear-gradient(to right, rgb(38 21 65 / 90%), rgb(2 42 85), rgb(0 47 61));
}

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

.solidDark .boxToProjectinfoDiv {
    color: rgb(255 255 255 / 75%);
}

.solidDark .projectRelationTitle {
    background-color: rgb(0 0 0 / 15%);
    color: rgb(255 255 255 / 75%);
}

.solidDark .boxAssigmentProjectsListHolder {
    background-color: rgb(0 0 0 / 5%);
    color: rgb(255 255 255 / 75%);
}

.solidDark .singleProjectCardOnBoxAssigment {
    background-color: rgb(255 255 255 / 7%);
}
.solidDark .singleProjectCardOnBoxAssigment:hover {
    box-shadow: 0px 5px 20px 1px rgb(0 0 0 / 30%);
}
.solidDark .singleProjectSelectedCardOnBoxAssigment {
    background-color: rgb(255 255 255 / 20%) !important;
    box-shadow: 0px 5px 20px 1px rgb(255 255 255 / 9%) !important;
}

.solidDark .thisRoomIdentifier {
    background-color: rgb(22 29 39);
    box-shadow: 1px 1px 150px 1px rgb(0 0 0 / 90%), 0px -30px 70px rgb(0 0 0 / 54%) inset;
    border-top-color: rgb(255 255 255 / 10%);
    border-bottom-color: rgb(255 255 255 / 17%);
    border-left-color: rgb(255 255 255 / 10%);
    border-right-color: rgb(0 0 0 / 0%);
    color: #8aa4b7;
}


/* ***************** ---------- E X P L O R E R ------------- ******************** */

.solidDark .themeCardBackground {
    background-color: rgb(12 28 39 / 90%);
}

.solidDark .explorerThemeCardStyle {
    background-color: rgb(5 20 30);
    box-shadow: 0px 10px 70px 0px rgb(0 0 0);
    border-top-color: rgb(255 255 255 / 15%);
    border-right-color: rgb(255 255 255 / 3%);
    border-left-color: rgb(255 255 255 / 10%);
    border-bottom-color: rgb(255 255 255 / 5%);
}
/* just to increse the shadow */
.solidDark .explorerThemeActiveCardStyle {
    background-color: rgb(5 20 30);
    box-shadow: 0px 80px 150px 20px rgb(0 0 0) !important;
    border-top-color: rgb(255 255 255 / 15%);
    border-left-color: rgb(255 255 255 / 10%);
    border-right-color: rgb(255 255 255 / 7%);
    border-bottom-color: rgb(255 255 255 / 4%);
}

.solidDark #explorerHeaderDiv {
    background-color: rgb(12 28 39);
    box-shadow: 0px 0px 40px 2px rgb(0 0 0);
    border-top-color: rgb(255 255 255 / 6%);
    border-right-color: rgb(255 255 255 / 2%);
    border-left-color: rgb(255 255 255 / 7%);
    border-bottom-color: rgb(255 255 255 / 2%);
}

.solidDark .explorerLogoGearIMG {
    background-image: url("../../images/siteUsage/gear1Dark.png");
    filter: drop-shadow(0 0px 25px rgba(112 119 255));
}

.solidDark .explorerGear1IMG {
    background-image: url("../../images/siteUsage/gear1Dark.png");
    filter: drop-shadow(0 0px 30px rgba(24 67 153));
}
.solidDark .explorerGear2IMG {
    background-image: url("../../images/siteUsage/gear4Dark.png");
    filter: drop-shadow(0 0px 15px rgba(137 186 32));
}
.solidDark .explorerGear3IMG {
    background-image: url("../../images/siteUsage/gear3Dark.png");
    filter: drop-shadow(0px 10px 25px rgba(29, 163, 168));
}
.solidDark .explorerGear4IMG {
    background-image: url("../../images/siteUsage/gear2Dark.png");
    filter: drop-shadow(0 0px 25px rgba(255 83 481));
}

.solidDark #explorerLogoEchoCustomManufacturing{
    color: #6595c5;
}

.solidDark .PLexplorerEchoStatus {
    color: #76b0d3;
}

.solidDark #explorerProductServiceSelectorHolder {
    background: radial-gradient(circle at 50% 50%, rgb(32 83 145 / 6%) 0%, rgb(12 31 49) 100%);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    --explorer-filter-menu-buttons-selector-shadow: 0px 15px 50px 5px rgb(0 0 0 / 88%);
    border-top-color: rgb(204 220 239 / 22%);
    border-right-color: rgb(199 132 233 / 14%);
    border-left-color: rgb(255 255 255 / 10%);
    border-bottom-color: rgb(255 255 255 / 8%);
}

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


.solidDark .explorerFilterButtonsNeutral {
    background: linear-gradient(to bottom right, rgb(16 37 59) 0%, rgb(3 26 45) 50%, rgb(5 11 19) 100%);
    color: #e2ebf2;
    --explorer-filter-menu-webkit-box-reflect: below 40px linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.2));
    border-color: #0e202b;
}
.solidDark .explorerFilterButtonsNeutral:hover {
    background: #01192b;
    border-color: #26475f;
    color: #ffffff;
}


.solidDark #explorerProductFilterButton:hover {
    box-shadow: 0px 0px 100px 2px rgb(49 103 147 / 95%);
}
.solidDark #explorerServiceFilterButton:hover {
    box-shadow: 0px 0px 100px 2px rgb(205 85 196 / 75%);
}


.solidDark .explorerFilterButtonsSelected {
    background: #709810 !important;
    color: #ffffff !important;
    cursor: default !important;
    letter-spacing: 2px !important;
}

.solidDark .echoPLasLogo {
    -webkit-box-reflect: below -15px linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.2));
}

.solidDark #explorerContributorsIconHolder {
    background-color: #79a12b;
}

.solidDark .explorerAddBusinessToMapTitle {
    color: rgb(255 255 255 / 85%);
}

.solidDark .explorerContributorsTitle {
    color: #a0d733;
}
.solidDark .explorerContributorsTitle:hover {
    color: #e8ffba;
}

.solidDark .explorerCardCloseButton {
    box-shadow: -2px 5px 70px 2px rgb(0 79 177);
    color: #699cc7;
}
.solidDark .explorerCardCloseButton:hover {
    box-shadow: 0px 0px 120px 30px rgb(255 62 110) !important;
    color: #ffffff;
}

.solidDark #explorerLogoCardCloseButton {
    box-shadow: 0px 0px 40px 10px rgb(110 33 111 / 70%);
}
.solidDark #addBusinessCloseButton {
    box-shadow: 0px 0px 50px 20px rgb(2 65 95 / 65%);
}
.solidDark #myBusinessCloseButton {
    box-shadow: 0px 0px 50px 20px rgb(2 65 95 / 65%);
}

.solidDark .explorerMiniMenuCloseButton {
    background-color: #1964d3;
    box-shadow: 0px 0px 40px 2px rgb(0 101 251 / 74%);
    border-color: #0a314d;
    color: #ffffff;
}
.solidDark .explorerMiniMenuCloseButton:hover {
    box-shadow: 0px 0px 70px 10px #008aeb;
    color: #ffffff;
}

.solidDark .explorerAddBusinessButtonFirstState {
    background-color: #048c4b;
    box-shadow: 0px 0px 50px 10px rgb(0 0 0);
    color: #ffffff;
    font-weight: bold;
}
.solidDark .explorerAddBusinessButtonFirstState:hover {
    box-shadow: 0px 0px 50px 1px rgb(255 244 244 / 31%);
}

.solidDark #explorerEchoPinpointLocation {
    color: #ff5686;
}

.solidDark .explorerSetupLatLngInfo {
    color: #647b95;
}

.solidDark .explorerSetupBusinessMarkTitle {
    color: #ffffff;
}

.solidDark #explorerSetupBusinessNameInput {
    background: none;
    border-bottom-color: #5d3049;
    color: #ffffff;
}
.solidDark #explorerSetupBusinessNameInput::placeholder {
    color: #ad4a66;
}

.solidDark .explorerSetupSubmitBusinessButton {
    background-color: #83123c;
    color: #ddd7db;
}
.solidDark .explorerSetupSubmitBusinessButton:hover {
    color: #ffffff;
}

.solidDark #explorerContributorsBody {
    background: radial-gradient(circle at 50% 30%, rgb(161 197 52 / 12%) 0%, rgb(0 0 0 / 34%) 100%);
}

.solidDark #contributorsFooter {
    background-color: #0a141a;
    box-shadow: 0px -20px 30px 1px rgb(0 0 0 / 10%), 10px 10px 50px rgb(13 22 28) inset;
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #0f202d;
}

.solidDark .contributorsScrolling::-webkit-scrollbar {
    width: 7px;
}
.solidDark .contributorsScrolling::-webkit-scrollbar-track {
    background: none;
}
.solidDark .contributorsScrolling::-webkit-scrollbar-thumb {
    background: #203762;
    border-radius: 10px;
}
.solidDark .contributorsScrolling::-webkit-scrollbar-thumb:hover {
    background: #0f6895;
    border-radius: 10px;
    cursor: pointer;
}

.solidDark .singleContributorHolder {
    background-color: #08111a;
    box-shadow: 0px 10px 20px 1px rgb(173 201 147 / 7%);
}

.solidDark .contributorsText {
    color: #9fd6eb;
}

.solidDark .contributorName {
    color: #6ea92f;
    font-weight: bold;
}

.solidDark .contributorsMessageTitle {
    color: #4ba2ff;
}

.solidDark .contributorsMessage {
    color: #a2b9cd;
}

.solidDark .echoPeopleWhoHelped {
    color: #b2d796;
}

.solidDark .explorerKoFiButton {
    background-color: #527b02;
    color: #ffffff;
}
.solidDark .explorerKoFiButton:hover {
    background-color: #71a30f;
}

.solidDark #myContributionOnOffButton {
    background-color: #0e1925;
    border-color: #162229;
    box-shadow: 0px 0px 30px 1px rgb(0 0 0 / 60%), 0px 0px 25px 1px rgb(3 4 2 / 50%) inset;
}

.solidDark #echoMyContribution {
  color: #b8cfdd;
}

.solidDark .contributionSemaphorGreenLight {
    background-color: #01b76b;
}

.solidDark .contributionSemaphorYellowLight {
    background-color: #f1d101;
}

.solidDark .contributionSemaphorRedLight {
    background-color: #fb5959;
}

.solidDark .explorerEchoContributedACTIVEState {
    color: #49b387;
}

.solidDark .explorerEchoContributedCHANGINGState {
    color: #e2e572;
}

.solidDark .explorerEchoContributedINACTIVEState {
    color: #ffacac;
}

.solidDark #myContributionMessageForm {
    background-color: #0c151c;
    color: #a2b9cd;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-style: solid;
    border-width: 0px;
    border-color: #121a23;
    font-family: 'Exo', sans-serif;
}
.solidDark #myContributionMessageForm::placeholder {
    color: #b2cbaa;
}
.solidDark #myContributionMessageForm:focus {
    box-shadow: 0px 0px 30px 1px rgb(0 0 0 / 55%);
    border-width: 1px;
    font-family: sans-serif;
    color: #b1bac1;
}

.solidDark #saveMyContributionMessageButton {
    background-color: #13243d;
    color: #b5c3cb;
}
.solidDark #saveMyContributionMessageButton:hover {
    background-color: #1c4583;
    color: #dae2e7;
}

.solidDark #explorerLikedBusinessTitle {
    color: #63a1ff;
    font-weight: bold;
}
.solidDark #explorerLikedBusinessTitle:hover {
    color: #b5d8f1;
}

.solidDark #explorerLBIconHolder {
    background-color: #ffffff;
    border-style: solid;
    border-width: 1px;
    border-color: #ffffff;
}

.solidDark #explorerLikedBusinessesBody {
    background: radial-gradient(circle at 50% 30%, rgb(8 30 65) 0%, rgb(10 15 20) 70%);
}

.solidDark .explorerBusinessOwnerLogoHolder {
    background-color: #dd145d;
}

.solidDark .explorerMyBusinessName {
    color: #ffffff;
}

.solidDark .explorerMyBusinessLikesNumber {
    color: #ffffff;
}

.solidDark .PLexplorerStatus {
    color: #016ab7;
}

.solidDark .explorerSearchStatus {
  background-color: #132835;
}

.solidDark .explorerQueryingBCKcolor {
  background-color: #2864d1;
}

.solidDark .explorerQueryOKBCKcolor {
  background-color: #07815f;
}

.solidDark .explorerMiniButton {
    -webkit-box-reflect: below 0px linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.2));
}
.solidDark .explorerMiniButton:hover {
    -webkit-box-reflect: below 0px linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.4)) !important;
    box-shadow: 0px 0px 70px 10px rgb(0 0 0);
}

.solidDark .mySpaceMiniButton {
    background-color: #8b8904;
}
.solidDark .myOrdersMiniButton {
    background-color: #00894c;
}
.solidDark .myProjectsMiniButton {
    background-color: #00428f;
}
.solidDark .myBusinessMiniButton {
    background-color: #9b0d39;
}

.solidDark .explorerMakeNewsButtonFirstState {
    background-color: #2a4fb2;
    box-shadow: 0px 0px 50px 10px rgb(1 1 1 / 62%);
    color: #ffffff;
}
.solidDark .explorerMakeNewsButtonFirstState:hover {
    box-shadow: 0px 0px 70px 10px rgb(143 175 222 / 27%);
}

.solidDark .explorerButtonSecondState {
    background-color: #071521 !important;
    box-shadow: 0px 0px 70px 10px rgb(31 93 188 / 50%) !important;
    color: #c4deec !important;
}
.solidDark .explorerButtonSecondState:hover {
    box-shadow: 0px 0px 70px 10px #2e65b4 !important;
    color: #ffffff !important;
}

.solidDark #myBusinessNewsTextInput {
    background-color: #0c151c;
    color: #a2b9cd;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-style: solid;
    border-width: 0px;
    border-color: #232e33;
    font-family: 'Exo', sans-serif;
}
.solidDark #myBusinessNewsTextInput::placeholder {
    color: #53738f;
}
.solidDark #myBusinessNewsTextInput:focus {
    box-shadow: 0px 0px 30px 1px rgb(0 0 0 / 55%);
    border-width: 1px;
    font-family: sans-serif;
    color: #b1bac1;
}

.solidDark #explorerBusinessNewsSelectorHolder {
    background-color: rgb(1 61 97 / 5%);
}
.solidDark .explorerNewsImageWrapper {
    background-color: #72a5d7;
    box-shadow: 5px 11px 10px 1px rgb(0 0 0 / 25%);
    border-style: solid;
    border-width: 1px;
    border-color: #1a252f;
}

.solidDark .thumb-loader {
    background-color: #000000;
}

.solidDark #explorerPostNewsButton {
    background-color: #00408b;
    box-shadow: 0px -10px 10px 1px rgb(0 0 0 / 20%);
    color: #bdc8d1;
}
.solidDark #explorerPostNewsButton:hover {
    background-color: #0b50a1;
    color: #ffffff;
}

.solidDark .singleNewsListingHolder {
    background-color: rgb(0 0 0 / 0%);
    box-shadow: 5px 0px 20px 0px rgb(4 67 151 / 43%), 0px 0px 30px rgb(4 13 20 / 42%) inset;
    border-color: #1b2e4f;
}

.solidDark .likedBusinessNewsText {
  color: #b4c6d3;
}

.solidDark .explorerDeleteNewsButton {
    background-color: #463e8d;
    color: #ffffff;
}
.solidDark .explorerDeleteNewsButton:hover {
    background-color: #524a9d;
}

.solidDark .explorerLikedBusinessName {
    color: #a8caff;
}

.solidDark .explorerDislikeBusinessNewsButton {
  background-image: url("../../images/siteUsage/likeBlue.png");
}
.solidDark .explorerLikeBusinessNewsButton {
  background-image: url("../../images/siteUsage/likeGray.png");
}