body.solidLight {
   background: linear-gradient(170deg, rgb(176 248 255) 0%, rgb(180 234 255) 35%, rgb(146 217 176) 100%);
   
   color: #5e7a8e;
}

body.solidLight::-webkit-scrollbar {
    width: 12px;
}
body.solidLight::-webkit-scrollbar-track {
    background: #97d9ff;
}
body.solidLight::-webkit-scrollbar-thumb {
    background: #2ec0ff;
    border-radius: 10px;
}
body.solidLight::-webkit-scrollbar-thumb:hover {
    background: #0eb4fb;
    cursor: pointer;
}

.solidLight .universalScrolling::-webkit-scrollbar {
    width: 7px;
}
.solidLight .universalScrolling::-webkit-scrollbar-track {
    background: none;
}
.solidLight .universalScrolling::-webkit-scrollbar-thumb {
    background: #66affc;
    border-radius: 10px;
}
.solidLight .universalScrolling::-webkit-scrollbar-thumb:hover {
    background: #0b98ed;
    border-radius: 10px;
    cursor: pointer;
}

.solidLight #PLLoginInitButton {
    background-color: #ffffff;
    color: #0a6ac9;
    box-shadow: 0px 0px 20px 1px rgb(0 0 0 / 5%), 0px 0px 20px rgb(225 243 253) inset;
    border-style: solid;
    border-width: 1px;
    border-color: #ffffff;
    font-weight: bold;
}

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

.solidLight .whatButton {
   background-color: #ffffff;
    border-color: #ffffff;
    box-shadow: 2px 2px 20px 1px rgb(232 237 241), 0px 0px 20px rgb(233 245 255) inset;
    color: #34414f;
}
.solidLight .whatButton:hover {
    box-shadow: 2px 1px 100px 1px rgb(159 217 255);
    color: #000000;
}

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

.solidLight .weakStatementText {
    color: #05245d;
}

.solidLight .strongStatementText {
    color: #05245d;
    font-weight: bold;
}

.solidLight .LRKkeyButtons {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(255 255 255 / 70%);
}

.solidLight .selectBlackKeyButton {
  background-color: #bfdd81;
}

.solidLight .selectSilverKeyButton {
    background-color: #65a0b5 !important;
}

.solidLight .selectGoldenKeyButton {
  background-color: #f1c831 !important;
}

.solidLight .LVQRKselectKeyROW {
    box-shadow: 0px 30px 80px 1px rgb(75 111 147 / 35%), 0px 0px 40px rgb(175 204 221) inset;
    border-color: #ffffff;
}

.solidLight .blackKeysSelectedIndicator {
  background-color: #bfdd81;
  color: #ffffff;
}
.solidLight .silverKeysSelectedIndicator {
  background-color: #65a0b5;
  color: #ffffff;
}
.solidLight .goldenKeysSelectedIndicator {
  background-color: #f1c831;
  color: #ffffff;
}
.solidLight .blueKeysSelectedIndicator {
  background-color: #0586e1;
  color: #ffffff;
}

.solidLight #LVQRKselectQRkey {
    background-color: #ffffff;
    font-weight: bold;
}

.solidLight #echoDropTestingPhotoHere {
    background-color: #ffffff;
    color: #000000;
    font-weight: bold;
}

.solidLight .LQRSELkeySelectedTypeEchoBLACK {
    color: #0a619e;
}
.solidLight .LQRSELkeySelectedTypeEchoSILVER {
    color: #4992a2;
}
.solidLight .LQRSELkeySelectedTypeEchoGOLDEN {
    color: #e09b01;
}
.solidLight .LQRSELkeySelectedTypeEchoBLUE {
    background-color: #0586e1;
    color: #ffffff;
}

.solidLight .LVQRKkeyUsageInfo {
    color: #121b23;
}

.solidLight .LVQRKechoIfYouDontHaveAccount {
    color: #050606;
}

.solidLight .decodingBlackKeyHolder {
    background-color: #3471c7;
    color: #ffffff;
}
.solidLight .decodingSilverKeyHolder {
    background-color: #1e6085;
    color: #ffffff;
}
.solidLight .decodingGoldenKeyHolder {
    background-color: #f1c831;
    color: #7f4c0a;
}
.solidLight .decodingBlueKeyHolder {
    background-color: #61a3f1;
    color: #ffffff;
}

.solidLight .registerFormInputFields {
    background-color: #ffffff;
    box-shadow: 0px 10px 40px 1px #e4ecf3;
    border-top-color: #e2efff;
    border-left-color: #39a6f9;
    border-bottom-color: #aed3f5;
    border-right-color: #f1f1f1;
    color: #161b23;
}
.solidLight .registerFormInputFields::placeholder {
    color: #9db5c7;
}

.solidLight .registerNowButton {
    background-color: #ffffff;
    box-shadow: 0px 16px 50px 1px rgb(212 206 217), 0px 0px 20px rgb(251 246 255) inset;
    border-color: #ffffff;
    font-weight: bold;
    color: #d92e7c;
}
.solidLight .registerNowButton:hover {
    box-shadow: 0px 30px 40px 1px rgb(196 207 217), 0px 0px 32px rgb(234 244 255) inset;
    color: #3e5ed7;
}


.solidLight .activeButtonColors {
    background-color: #0775d3 !important;
    color: #ffffff !important;
}

.solidLight .inactiveButtonColors {
    background-color: #b0dfff !important;
    color: #243e51 !important;
}

.solidLight .regSelKeyButtonCREATE {
    background-color: #1f2a2d;
    color: #ade6f3;
    font-weight: bold;
}

.solidLight .regSelKeyButtonMYPHOTO {
    background-color: #7ca920;
    color: #ffffff;
    font-weight: bold;
}

.solidLight #generateKeyInstruction {
    background-color: #ffffff;
    color: #1c282f;
    font-weight: bold;
}

.solidLight #keyMakerDIV {
    background-color: #367abd;
    box-shadow: 0px 16px 50px 1px rgb(29 57 107), 0px 0px 40px rgb(18 92 183) inset;
    border-style: solid;
    border-width: 2px;
    border-color: #dbe2ed;
    color: #ffffff;
}

.solidLight .keyMakerGlassCover {
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(5px);
    background: radial-gradient(circle at 50% 50%, rgb(0 0 0 / 50%) 70%, rgb(255 255 255 / 12%) 100%);
    border-color: #849ebb;
    color: #ffffff;
}


.solidLight .singleQRKeyMENUBody {
    border-color: #ffffff;
}

.solidLight .blackKeyMENUBody {
    background-color: #f9f9f3;
    color: #191b1e;
}
.solidLight .silverKeyMENUBody {
    background-color: #eff8ff;
    color: #000000;
}
.solidLight .goldenKeysMENUBody {
    background-color: #fbfae5;
    color: #000000;
}
.solidLight .passportMENUBody {
    background-color: #faf8ff;
    color: #000000;
}

.solidLight .slightlyDimmedColor {
    color: #55616b;
}

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

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

.solidLight .inPhotoSelectInfo {
    background-color: #ffffff;
    color: #6f8391;
    font-weight: bold;
}

.solidLight .registrationImageWrapper {
    background: transparent;
    border-color: #95a0a9;
}

.solidLight .fullWidthButton {
    background-color: #0085df;
    color: #ffffff;
    font-weight: bold;
}
.solidLight .fullWidthButtonInactive {
    background-color: #dde8ef !important;
}

.solidLight .signedPhotoShortInfoTitle {
    color: #05245d;
    font-weight: bold;
}

.solidLight .signedPhotoRepHolder {
    background-color: #7295af;
    color: #ffffff;
}

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

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


.solidLight .presentationPassportCard {
    background-color: #ffffff;
    -webkit-box-reflect: below -50px linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.2));
    border-style: solid;
    border-width: 2px;
    border-left-color: #f0e8f7;
    border-top-color: #ffffff;
    border-right-color: #ffffff;
    border-bottom-color: #d6d1df;
    box-shadow: 0px -20px 150px 10px #e8e4f5, 0px 0px 20px rgb(240 244 253) inset;
}

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

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

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

.solidLight .visitCardEchoVisitCard {
    color: #000000;
}

.solidLight .visitCardEchoUserName {
    color: #ebb9d0;
}

.solidLight .passportCardEchoWebPassport {
    color: #af2f87;
}

.solidLight .echoSignInWithPSUID {
    color: #962ea1;
    font-weight: bold;
}

.solidLight .nameOnThePassportCardColor {
    background-color: rgb(209 226 239 / 20%);
    color: #262b33;
}


/* nikola */








.solidLight #googleLogInButton {
  background: white;
}

.solidLight .glowingButton {
  background: #ffffff;
}

.solidLight .glowingButtonContent {
  background-color: #ffffff;
  color: #477a98;
  font-weight: bold;
}

.solidLight #mainUserMenu {
    background-color: #ffffff;
    border-color: #ffffff;
    box-shadow: 0px 0px 20px 0px rgb(23 61 87 / 15%), 0px 0px 70px rgb(229 238 243) inset !important;
}

.solidLight .evalCardInMenuHolder {
    background-color: #ffffff;
    border-top-color: #ffffff;
    border-left-color: #ffffff;
    border-right-color: #e9e4ce;
    border-bottom-color: #d7cb9f;
    box-shadow: -50px 0px 100px 0px #d7e9ed, 0px 0px 20px rgb(235 240 243) inset;
    -webkit-box-reflect: below 0px linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5));
}

.solidLight .serviceAcquisitionEvalCardHolder {
    background-color: #ffffff;
    border-top-color: #ffffff;
    border-left-color: #ffffff;
    border-right-color: #e9e4ce;
    border-bottom-color: #d7cb9f;
    box-shadow: 0px 0px 100px 0px #d4e4eb, 0px 0px 20px rgb(232 247 249) inset;
    -webkit-box-reflect: below 0px linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5));
}

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

.solidLight .echoEvalInCard {
    color: #d7bf37;
}

.solidLight .evalCardFontStyle {
    color: #bfb061;
}

.solidLight .evalAmountInEvalCard {
    color: #8f7a09;
}

.solidLight .evalAcquireItemButtonGood {
    box-shadow: 0px 25px 40px 0px #bee5e0;
    background-color: #79e9c9;
    border-color: #ffffff;
    color: #0b5b4d;
    font-weight: bold;
}
.solidLight .evalAcquireItemButtonGood:hover {
    border-color: transparent;
    box-shadow: none;
}
.solidLight .evalAcquireItemButtonNoGood {
    box-shadow: 0px 5px 40px 0px #f2e3e3;
    background-color: #ffffff;
    border-color: transparent;
    color: #ee4343;
    font-weight: bold;
}

.solidLight .acquiringServiceInfoHolder {
    background-color: #ffffff;
    box-shadow: 0px 0px 30px 0px #c7d5d4, 0px 0px 50px rgb(238 245 244) inset;
    border-color: #ffffff;
    border-top-color: #ffffff;
    border-right-color: #d8edf1;
    border-bottom-color: #c9e3da;
    color: #1d2d3b;
}

.solidLight .userMenuInfoArea {
    background-color: #ffffff;
    box-shadow: 0px 5px 50px 0px #d1eaf1, 0px 0px 50px rgb(233 240 245) inset;
    border-style: solid;
    border-width: 1px;
    border-color: #ffffff;
}

.solidLight .userMenuSignOptionButtons {
    background-color: #ffffff;
    box-shadow: 0px 5px 50px 0px rgb(209 223 241), 0px 0px 50px rgb(233 240 245) inset;
    border-style: solid;
    border-width: 1px;
    border-color: #ffffff;
}


.solidLight .defaultKeyStatusIndicatorColor {
    background-color: #3698dd;
}

.solidLight .statusBGNeutral {
    background-color: #d3e3eb !important;
}
.solidLight .statusBGGreen {
    background-color: #06995b !important;
}
.solidLight .statusBGRed {
    background-color: #ff6060 !important;
}

.solidLight .statusGreen {
    color: #06995b !important;
}
.solidLight .statusRed {
    color: #ff6060 !important;
}

.solidLight .redAlert {
   background: radial-gradient(circle at 50% 50%, rgb(0 0 0 / 0%) 60%, rgb(251 4 4 / 24%) 100%);
}

.solidLight .greenAlert {
   background: radial-gradient(circle at 50% 50%, rgb(255 255 255 / 1%) 60%, rgb(186 255 223) 100%);
}

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



.solidLight .userMenuEchoLogin {
    color: #0a5397;
    font-weight: bold;
}

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

.solidLight .DLmodeCircle {
    left: 2px;
    box-shadow: 1px 0px 1px 1px rgb(220 228 231);
    animation: moveThemeIndicatorToLight 0.5s none;
}
@keyframes moveThemeIndicatorToLight {
  0% {
    left: 64px;
    width: 35px;
  }
  40% {
    left: 20px;
    width: 75px;
  }
  100% {
    left: 2px;
    width: 35px;
  }
}

/* SUN */
.solidLight .DLmodeSun {
    background-color: #ffcf2d;
    -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 */
.solidLight .DLmodeMoon {
    background-color: #b2d1e1;
    -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;
}

.solidLight .DLmodeTargetingSectionButton {
    background-color: rgb(255 255 255 / 90%);
}

.solidLight .DLmodeSectionTargetingMarkHolder {
    color: #0c8142;
}

.solidLight #DLmodeThisViewSectionIndicator {
    background-color: #8b9fb6;
    color: #ffffff;
}

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

.solidLight .DLMASleftCubeSide {
    background: linear-gradient(170deg, #cedbe5 0%, #7e8f9d 100%);
}
.solidLight .DLMAStopCubeSide {
    background: linear-gradient(75deg, #d4dce3 0%, #889bab 100%);
}
.solidLight .DLMASbottomCubeSide {
    background-color: #8097ad;
}
.solidLight .DLMASrightCubeSide {
  background-color: #a0b5c9;
}
.solidLight .DLMASfrontCubeSide {
    background: linear-gradient(170deg, #dee6ed 0%, #8798a7 100%);
}
.solidLight .DLMASbackCubeSide {
    background-color: #a0b5c9;
}

.solidLight #holderForAuthUserImg {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(255 255 255 / 50%);
}

.solidLight #notificationIcon {
    color: #afc6d7;
}

.solidLight #userDataHolder {
    background-color: #ffffff;
    box-shadow: 1px 1px 4px 1px rgb(0 0 0 / 25%);
}

.solidLight .mainViewsSections {
    background-color: rgb(255 255 255 / 15%);
}

.solidLight #myProjects {
   background: linear-gradient(170deg, rgb(255 243 253) 0%, rgb(246 247 225) 35%, rgb(202 221 255) 100%);
}

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

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

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

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

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

.solidLight #notificationsNumber {
    color: #e80505;
}

.solidLight #userMenuHolder {
    background-color: #ffffff;
    box-shadow: -20px 30px 70px 10px rgb(21 40 53 / 50%), 0px 0px 100px rgb(222 235 255) inset;
    border-left-color: rgb(255 255 255 / 75%);
    border-top-color: rgb(255 255 255 / 75%);
    border-right-color: rgb(255 255 255 / 75%);
    border-bottom-color: rgb(255 255 255 / 75%);
    color: #3e5061;
}

.solidLight .shineInAnimPositive {
    animation: shineInPositiveKeysLightTheme 1s ease-in-out forwards;
}
@keyframes shineInPositiveKeysLightTheme {
 0% {
    border-top-color: rgb(8 191 87 / 100%);
    border-right-color: rgb(8 191 87 / 0%);
    border-bottom-color: rgb(8 191 87 / 0%);
    border-left-color: rgb(8 191 87 / 0%);
  }
  20% {
    border-top-color: rgb(8 191 87 / 10%);
    border-right-color: rgb(8 191 87 / 100%);
    border-bottom-color: rgb(8 191 87 / 0%);
    border-left-color: rgb(8 191 87 / 0%);
  }
  40% {
    border-top-color: rgb(8 191 87 / 10%);
    border-right-color: rgb(8 191 87 / 5%);
    border-bottom-color: rgb(0, 177, 77);
    border-left-color: rgb(8 191 87 / 0%);
  }
  60% {
    border-top-color: rgb(8 191 87 / 10%);
    border-right-color: rgb(8 191 87 / 5%);
    border-bottom-color: rgb(8 191 87 / 5%);
    border-left-color: rgb(8 191 87 / 100%);
  }
  80% {
    border-top-color: rgb(8 191 87 / 50%);
    border-right-color: rgba(8 191 87 / 50%);
    border-bottom-color: rgb(8 191 87 / 50%);
    border-left-color: rgb(8 191 87 / 50%);
  }
  100% {
    border-top-color: rgb(8 191 87 / 50%);
    border-right-color: rgb(8 191 87 / 10%);
    border-bottom-color: rgb(8 191 87 / 10%);
    border-left-color: rgb(8 191 87 / 10%);
  }
}

.solidLight .shineInAnimNegative {
    animation: shineInNegativeKeysLightTheme 1s ease-in-out none;
}
@keyframes shineInNegativeKeysLightTheme {
 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%);
  }
}

.solidLight .closeMenuButton {
    background-color: rgb(31 105 157 / 5%);
    color: #6586a3;
}
.solidLight .closeMenuButton:hover {
    background-color: #ffffff;
    color: red;
    box-shadow: 0px 0px 110px 10px rgb(255 76 117) !important;
}

.solidLight .userMenuInputs {
    color: #3e5061;
    border-bottom-color: #e2f1fb;
}

.solidLight .userMenuInputs::placeholder {
    color: #b8cee3;
}

.solidLight .selectProfilePhotoHolder {
    background-color: #c8edff;
}

.solidLight .koFiButton {
    background-color: #eaf3f7;
    color: #263351;
}

.solidLight .saveProfileButton {
    background-color: #3170c9;
    color: #ffffff;
}

.solidLight .deleteAccountButton {
    background-color: #f7f9fb;
    color: #973333;
}

.solidLight .logOutButton {
    color: #016ab7;
}

.solidLight #notificationsHolderDiv {
    background-color: #ffffff;
    box-shadow: 0px 0px 150px 2px rgb(127 146 153 / 41%);
    border-left-color: rgb(255 255 255 / 75%);
    border-top-color: rgb(255 255 255 / 75%);
    border-right-color: rgb(255 255 255 / 75%);
    border-bottom-color: rgb(255 255 255 / 75%);
    color: #556d83;
}

.solidLight .singleNotificationDiv {
    background-color: #ffffff;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #d4ebff;
}

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

.solidLight #closeNotificationsButton {
    background-color: #ecf5ff;
    color: #141313;
}

.solidLight #linkToPublicProfile {
    color: #85b7cf;
    background-color: #ffffff;
    box-shadow: 1px 1px 1px 0px rgb(96 126 151 / 20%);
}

.solidLight #startingNoticeHolder {
    background-color: #ffffff;
    color: #118d5a;
    box-shadow: 1px 5px 15px 8px rgb(1 1 1 / 3%);
}

.solidLight .modal {
    background: linear-gradient(31deg, rgb(217 255 230) 0%, rgb(236 248 255) 50%, rgb(231 255 240) 100%);
}

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

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

.solidLight .OPABtitleHolder {
    background: linear-gradient(to right, rgb(0 126 235 / 95%), rgb(0 132 229 / 34%));
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    box-shadow: 2px 2px 4px 1px rgb(96 126 151 / 30%);
    color: #ffffff;
}

.solidLight .OsubPABtitleHolder {
    background: linear-gradient(to right, rgb(2 69 127 / 95%), rgb(7 82 137 / 90%));
    box-shadow: 5px 1px 4px 0px rgb(0 0 0 / 30%);
    color: #ffffff;
}

.solidLight .uploadProjectCoverDiv {
    border-style: solid;
    border-width: 1px;
    border-color: #ffffff;
    background-color: rgb(255 255 255 / 50%);
}

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

.solidLight .workflowUpLine
{
  background-color: #e6eef5;
}


.solidLight .ownerOptionHolder {
    background-color: #ffffff;
    box-shadow: 1px 1px 1px 0px rgb(96 126 151 / 20%);
}

.solidLight .redNotification {
    color: #e20f0f;
}

.solidLight .greenNotification {
    color: #179f73;
    font-weight: bold;
}

.solidLight .calendar-cell {
    background-color: #ffffff;
}

.solidLight .calendar-cell:hover {
    background-color: #78e0ff;
    border-color: #ffffff;
}

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

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

.solidLight #usedAmountHolder {
    color: #cb1e1e;
}

.solidLight .echoPlanner {
    color: #ffffff;
}

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

.solidLight .stepsCompletedIndicator {
    background-color: #0b92ed;
    color: #ffffff;
}

.solidLight .stepsUncompletedIndicator {
    background: linear-gradient(to right, #ffffff, #0b92ed);
    color: #000000;
}

.solidLight .itemsBudgedUsedIndicator {
    background-color: #1bb173;
    color: #ffffff;
}

.solidLight .itemsBudgedRemainingIndicator {
    background: linear-gradient(to right, #ffffff, #1bb173);
    color: #000000;
}

.solidLight .showStepsDetailButton {
    background-color: #0b92ed;
    color: #ffffff;
}

.solidLight .showBudgetDetailButton {
    color: #ffffff;
    background-color: #1bb173;
}

.solidLight .tooltip {
    background-color: #fff;
    color: #000;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

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

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

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

.solidLight .openCSitemsHolder {
    background-color: #edf5f8;
}

.solidLight .currentStepItemsInProgressStatus {
    background-color: #edf5f8;
}

.solidLight .currentStepItemsOKstatus {
    background-color: #1bb173;
    color: #ffffff;
}

.solidLight .workflowNewsDate {
    background-color: #ffffff;
    opacity: 0.9;
}

.solidLight .SSnewsechoFromAndTo {
    opacity: 0.9;
}

.solidLight .SSnewsUserFriendlyDates {
    opacity: 0.9;
}

.solidLight .acquiredItemImage {
    opacity: 1;
  }

.solidLight .completeWStepButton {
    color: #10793f;
    background-color: #ffffff;
    box-shadow: 1px 1px 1px 1px rgb(35 139 229 / 10%);
}

.solidLight .doItComplete {
    color: #ffffff;
    background-color: #1aa36a;
}

.solidLight .completeWStepActiveButton {
    background-color: #ffffff;
    color: #c43131;
    box-shadow: 2px 1px 1px 2px rgba(229, 35, 35, 0.09);
}

.solidLight .ytVideoLink {
    color: #3a4042;
    border-bottom-color: #daf1e3;
}

.solidLight .ytVideoLink::placeholder {
    color: #b8c2c5;
}

.solidLight .singleBudgetBackground {
    visibility: visible;
}

.solidLight .singleToolMainBackground {
    visibility: visible;
}

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

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

.solidLight .startStopButtonIdle {
display: flex;
align-items: center;
width: auto;
height: 35px;
margin-left: 10px;
border-radius: 25px;
transition: all 1s ease-in-out;
background-image: linear-gradient(to left, #fdebee, #cbf9e2);
color: slategray;
}
.solidLight .startStopButtonIdle:hover {
    letter-spacing: 1px;
}

.solidLight .mapTagsUnmarked {
    background-color: #e5f2ff;
    color: #3483bb;
}

.solidLight .tagSelected {
    background-color: #ffffff;
    box-shadow: 1px 1px 10px 3px rgb(255 255 255 / 25%);
    color: #ffffff;
}

.solidLight .startStopButtonStarted {
display: flex;
align-items: center;
width: auto;
height: 35px;
margin-left: 10px;
border-radius: 25px;
transition: all 1s ease-in-out;
background-image: linear-gradient(to right, #fdebee, #cbf9e2);
color: #8da9b7;
}
.solidLight .startStopButtonStarted:hover {
    letter-spacing: 1px;
}

.solidLight .SSechoFromAndTo {
    color: #343c3f;
}

.solidLight .SSuserFriendlyDates {
    color: #343c3f;
}

.solidLight .BSAcontent {
    background-color: #ffffff;
    box-shadow: 1px 1px 1px 0px rgb(79 128 169 / 20%);
}

.solidLight .BSAItemscontent {
    background-color: #ffffff;
    box-shadow: 1px 1px 1px 0px rgb(79 128 169 / 20%);
}

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


.solidLight .markAcquiredButton {
    background-color: rgb(46 235 155 / 15%);
    color: #23926a;
}

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

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


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

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

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

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

.solidLight .chip {
    background-color: #ffffff;
    box-shadow: 1px 1px 1px 1px rgb(0 0 0 / 5%);
  }

.solidLight .mediaDescription {
    background-color: #ffffff;
    border-radius: 10px;
}

.solidLight .echoTypeOfAbout {
    background-color: #ffffff;
    border-radius: 10px;
}

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

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

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

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

.solidLight #footer {
    background-image: linear-gradient(to right, #48afa5, #6dd7a7);
    color: #baf1d3;
}

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

.solidLight .modalTitleColor {
    color: #92d1f7;
}

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

.solidLight .editOptionsTitleHolder {
    background-color: #ffffff;
    box-shadow: 1px 5px 15px 8px rgb(1 1 1 / 3%);
}

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

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

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

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

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

.solidLight .singlePurchasedItemPhotoHolder {
    opacity: 1;
}

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

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

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

.solidLight .kickOutButton {
color: #fa7f7f;
background-color: #e6eef3;
}

.solidLight .messageUsernameData {
    color: #8da9b7;
}
  
.solidLight .messageContent {
    color: #345363;
}

.solidLight .deleteMemberMessageButton {
    color: #d35353;
    background-color: #eaeeef;
}
  
.solidLight .deleteMemberMessageButton:hover {
    background-color: #d22c2c;
    color: #ffffff;
}

.solidLight .messageMemberTextArea {
    background-color: #f6fafc;
    color: #3e464d;
}

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

.solidLight .onOffSwitch {
    color: #ffffff;
    background-color: #b4c3d3;
}

.solidLight .onOffActiveStatus {
    background-color: #1ba0ff;
    color: #ffffff;
}

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

.solidLight .closeModalButton {
    background-color: #e8eef5;
    color: #f44747;
}

.solidLight #closeSelectAreas {
    background-color: #d0dae3;
    color: #ffffff;
}

.solidLight .descriptionTextArea {
    color: #647785;
    background-color: #f7fafb;
}

.solidLight .answerQuestionButton {
    background-color: #f8fbfc;
    color: #5f7185;
}
.solidLight .answerQuestionButton:hover {
    letter-spacing: 1px;
    background-color: #4486c9;
    color: #ffffff;
}

.solidLight .qWatermark
{
  color: #ebf1f3;
}

.solidLight .publicLinkTextDiv {
    color: #6d9bbf;
}

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

.solidLight .singleTagUnmarked {
    background-color: #ecf7ff;
    color: #87a4d1;
}
.solidLight .singleTagUnmarked:hover {
    background-color: #77c6ff;
    color: #ffffff;
}

.solidLight .tagSelected {
    background-color: #419edf !important;
    color: #ffffff !important;
  }

.solidLight #echoAddDescription {
    background-color: #ffffff;
    color: #24834b;
}

.solidLight .cyanFont {
    color: #00aaff;
}

.solidLight .selectPPtype {
    background-color: #f1f5f8;
    color: #000;
}

.solidLight .photoDescriptionTA {
    background-color: #f7fafb;
    color: #647785;
}

.solidLight .grayBackground {
    background-color: #eef6f9;
    color: #53585d;
}

.solidLight .blueBackground {
    background-color: #067eef;
}

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

.solidLight .messageImageHolder {
    opacity: 1;
}

.solidLight .invitationLink {
    background-color: #edfaff;
}

.solidLight .activeBlueFont {
    color: #0b84c0;
}

.solidLight .neutralGrayFont {
    color: #b0babf;
}

.solidLight #mapMessageTextArea {
    background-color: #edf8ff;
    color: #465867;
}
.solidLight #mapMessageTextArea::placeholder {
    color: #a7c8e3;
}

.solidLight .charCountDisplay {
    color: #afb8bf;
}

.solidLight #saveMapMessageButton {
    background-color: #1ba0ff;
    color: #ffffff;
}

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

.solidLight .cardInfoWarning {
    color: #ef2929;
}

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

.solidLight .themeCustomMap {
    filter: invert(0) hue-rotate(12deg) grayscale(0.3);
}

.solidLight .mapInitalOpacity {
    opacity: 0.7;
    filter: invert(10%) brightness(1) hue-rotate(26deg) contrast(1.5);
}

.solidLight .mapActiveOpacity {
    opacity: 1;
    filter: invert(10%) brightness(1) hue-rotate(26deg) contrast(1.5);
}

.solidLight .myBusinessCountryFlag {
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3))
            drop-shadow(0 6px 10px rgba(255,255,255,0.2));
}

.solidLight .mapXYpointerCoordinates {
    color: #055bcb;
    font-weight: bold;
}

.solidLight .mapPointerCover {
    background-color: rgb(26 125 251 / 10%);
}

.solidLight .mapTargetRingZoomProgress .ring-bg {
    stroke: rgb(255 255 255 / 80%);
}
.solidLight .mapTargetRingZoomProgress .ring-fg {
    stroke: #1a7dfb;
}

.solidLight .mapPointerCenterCircle {
    background: #1a7dfb;
}

.solidLight .targetingCircleCountryName {
    color: #000000;
    font-weight: bold;
    letter-spacing: 1px;
}

.solidLight .singleRequestHolder {
    background-color: #edf4f7;
}

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

.solidLight .requestMessage {
    color: #345363;
}

.solidLight .rejectRequestButton {
    background-color: #ebe4e4;
    color: #831b1b;
}

.solidLight .acceptRequestButton {
    background-color: #1bb97a;
    color: #ffffff;
}

.solidLight .singleRoleSpan {
    background-color: #f1f6f9;
    color: #2a3747;
}

.solidLight .roleDescriptionSpan {
    color: #252b2d;
}


.solidLight .deleteRoleButton {
    background-color: #f9f1f1;
    color: #6b2828;
}

.solidLight .newRoleInput {
    background-color: #f3fbff;
    color: #2f4451;
}
.solidLight .newRoleInput::placeholder {
    color: #a6b4bd;
}

.solidLight .roleDescriptionInputTextArea {
    background-color: #f3fbff;
    color: #2f4451;
}
.solidLight .roleDescriptionInputTextArea::placeholder {
    color: #a6b4bd;
}

.solidLight #addRoleButton {
    background-color: #5098ff;
    color: #ffffff;
}

.solidLight .requestUserImageHolder {
    opacity: 1;
}

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

.solidLight .presentationTitleContainer {
    background-color: #ffffff;
    color: #647785;
}

.solidLight .POContainer {
    background-color: #ffffff;
    color: #647785;
}

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

.solidLight .presentationMediaDescription {
    color: #7e8d8d;
}

.solidLight .presentationIdeaHolder {
    background-color: #ffffff;
    color: #647785;
}

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

.solidLight .requestMessageTextArea {
    background-color: #f8fafd;
    color: #2e3942;
}
.solidLight .requestMessageTextArea::placeholder {
    color: #aab9c5;
}

.solidLight .presentationActiveButtons {
    background-color: #5594d7 !important;
    color: #ffffff !important;
}

.solidLight .presentationButtons {
    background-color: #e8f6ff;
    color: #6a8397;
}
.solidLight .presentationButtons:hover {
    background-color: #c9e8fb;
    color: #4d565d;
}

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

.solidLight .activeGreenLetters {
    color: #209f3b;
}

.solidLight .roleDescriptionText {
    color: #505a64;
}

.solidLight .MstepMarkHolder {
    border-color: #ffffff;
}

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

.solidLight .WFstepsTittle {
    background-color: #ffffff;
    box-shadow: 1px 5px 15px 8px rgb(1 1 1 / 3%);
}

.solidLight .singleWFSholder {
    background-color: #ffffff;
    box-shadow: 1px 1px 1px 0px rgb(79 128 169 / 20%);
}

.solidLight .singleWFicon {
    background-color: #ffffff;
    opacity: 1;
}

.solidLight .WSnameInput {
    border-bottom-color: #f0f6f9;
}
.solidLight .WSnameInput::placeholder {
    color: #bac7d0;
}

.solidLight .WSstatus {
    color: #043b6b;
}

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

.solidLight .userFriendyDate {
    color: #1d262c;
}

.solidLight .saveWSChangesButton {
    background-color: #45a9ff;
    color: #ffffff;
}
.solidLight .saveWSChangesButton:hover {
    background-color: #6ba5fb;
}

.solidLight .defaultButtonBCK {
    background-color: #f6f8f9;
    color: #028bef;
}
.solidLight .defaultButtonBCK:hover {
    background-color: #6ba5fb;
    color: #ffffff;
}

.solidLight .singleToolHolder {
    background-color: #ffffff;
    box-shadow: 1px 1px 1px 0px rgb(79 128 169 / 20%);
}

.solidLight .singleToolImageHolder {
    opacity: 1;
}

.solidLight .singleToolName {
    color: #414447;
}

.solidLight .removeToolButton {
    background-color: #eff5f9;
    color: #667283;
}
.solidLight .removeToolButton:hover {
    background-color: #c95858;
    color: #ffffff;
}

.solidLight .singleItemBucket {
    background-image: linear-gradient(170deg, rgb(233 250 251) 0%, rgb(242 249 251) 35%, rgb(219 240 245) 100%);
    box-shadow: 0px 25px 40px 1px rgb(10 20 28 / 20%);
    border-color: #ffffff;
}

.solidLight .singleItemCopy {
    background-color: rgb(255 255 255 / 15%);
    border-color: rgb(255 255 255 / 75%);
}

.solidLight .SSsingleItemName {
    color: inherit;
}

.solidLight .editableItemBorder {
    border-bottom-color: #e5eef3 !important;
}

.solidLight .singleItemImageHolder {
    background-color: #d2eaff;
    opacity: 1;
}

.solidLight .removeItemButton {
    background-color: #f7feff;
    color: #7d9caf;
}
.solidLight .removeItemButton:hover {
    background-color: #f02a2a;
    color: #ffffff;
}

.solidLight .changeItemButton {
    background-color: #3e88f1 ;
    color: #ffffff;
}

.solidLight .stepNotesInput {
    background-color: #f6f9fb;
    color: #46555b;
}
.solidLight .stepNotesInput::placeholder {
    color: #b7cad1;
}

.solidLight .saveStepNotesButton { 
    background-color: #5f9ff9;
    color: #ffffff;
}
.solidLight .saveStepNotesButton:hover {
    letter-spacing: 1px;
}

.solidLight .newStepItemButton {
    background-color: #ffffff;
    color: #b7b8b9;
}

.solidLight .newWFSholder {
    background-color: #ffffff;
    box-shadow: 0px 0px 9px 2px rgb(1 1 1 / 5%);
}

.solidLight .cancelNewWSButton {
    background-color: #ffe2e2;
    color: #ce0505;
}
.solidLight .cancelNewWSButton:hover {
    background-color: #af0000;
    color: #ffffff;
}

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

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

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

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

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

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

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

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

.solidLight .exitDoor {
    background-image: linear-gradient(#5f2a05, #242729);
}

.solidLight #togglePLannerHeaderButton {
    background-color: #ffffff;
    box-shadow: 1px 1px 1px 0px rgb(79 128 169 / 20%);
    color: #0082e1;
}
.solidLight #togglePLannerHeaderButton:hover {
    background-color: #1997f1;
    color: #ffffff;
}

.solidLight #newWFStepButtonsHolder {
    background-color: #ffffff;
    box-shadow: 1px 1px 1px 0px rgb(79 128 169 / 20%);
}

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

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

.solidLight #inputProjectName {
    color: #56b1ff;
    border-bottom-color: #aed6ff;
}
.solidLight #inputProjectName::placeholder {
    color: #dce3e9;
}

.solidLight #selectCurrency {
    background-color: #f3f6f9;
    color: #385377;
}


.solidLight #saveProjectButton {
    background-color: #317eeb;
    color: #ffffff;
}

.solidLight #NPNameNote {
    color: #4f6179;
}


.solidLight input[type="date"] {
    color-scheme: light;
}

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

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

/* ---------------------- DEMO -------------------- */

.solidLight #presentationContainer {
    background-color: rgb(255 255 255 / 15%)
}

.solidLight .toolsTitle {
    background-color: #ffffff;
    box-shadow: 1px 1px 1px 0px rgb(79 128 169 / 20%);
}

.solidLight .itemsTitle {
    background-color: #ffffff;
    box-shadow: 1px 1px 1px 0px rgb(79 128 169 / 20%);
}

.solidLight .itemsSubTitle {
    background-color: #ffffff;
    box-shadow: 1px 5px 15px 8px rgb(1 1 1 / 3%);
}

.solidLight #milestonesSection {
    background-color: #ffffff;
    box-shadow: 1px 1px 1px 0px rgb(79 128 169 / 20%);
}

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

.solidLight .budgetDetailsColor {
    color: #178d42;
}
/* end DEMO */
.solidLight .projectThemesButton {
    background-color: #449aff;
    color: #ffffff;
}

.solidLight .singleStepToolsContainer {
    background-color: #ecf3ff;
}

.solidLight .singleStepItemsContainer {
    background-color: #eff7ff;
}

.solidLight .plannerListsButton {
    background-color: #ffffff;
    box-shadow: 1px 1px 1px 0px rgb(79 128 169 / 20%);
}

.solidLight .itemNoticeInput {
    background-color: #f2f8fb;
    color: #3b4043;
}
.solidLight .itemNoticeInput::placeholder {
    color: #acc3d1;
}

.solidLight .newStepItemToolContainer {
    background-color: #ffffff;
    box-shadow: 1px 1px 20px 1px rgb(20 131 245 / 15%);
}

.solidLight .newFormTextColors {
    color: #6e89a1  !important;
}
.solidLight .newFormTextColors::placeholder {
    color: #c9dbe8 !important;
}

.solidLight .newItemNoticeInput {
    background-color: #f4f8fb;
    color: #6e89a1 ;
}
.solidLight .newItemNoticeInput::placeholder {
    color: #e3edf3;
}

.solidLight .newItemEditText {
    color: #656f7f;
}

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

.solidLight .newItemPrice::placeholder {
    color: #a0bfd7;
}

.solidLight .newItemUnits {
    color: #554c49;
}
.solidLight .newItemUnits::placeholder {
    color: #a0bfd7;
}

.solidLight .budgetItemPrice {
    color: #8598a9;
}

.solidLight .activeItemsButton {
    background-color: #45a9ff;
    color: #ffffff;
}

.solidLight #echoCreateNewTool {
    background-color: #ffffff;
    box-shadow: 1px 1px 1px 0px rgb(79 128 169 / 20%);
}

.solidLight #plusSignCreateNewTool {
    background-color: #ffffff;
    box-shadow: 1px 1px 1px 0px rgb(79 128 169 / 20%);
}

.solidLight .singleItemSettingsIcon {
    background-color: #d7f2ff;
    color: #79a9c5;
}

.solidLight .externalLinkIcon {
    background-color: #eff5f9;
    color: #667283;
}

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

.solidLight #newToolFormRow {
    background-color: #ffffff;
    box-shadow: 1px 1px 20px 1px rgb(206 181 243 / 30%);
}

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

.solidLight .budgetToolName {
    color: #6d6787;
}

.solidLight .budgetItemName {
    color: #016ab7;
}

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

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

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

.solidLight .echoTypeOfPost {
    color: #0f2739;
}

.solidLight .publicationSelectionCheckMark {
    color: #058751;
}

.solidLight .pageMenuButtons {
    background-color: #ffffff;
    box-shadow: 1px 1px 2px 0px rgb(126 151 181 / 15%);

}

.solidLight .activePageMenuButtons {
    background-color: rgb(255 255 255 / 5%) !important;
    box-shadow: none;
}

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

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

.solidLight .toolAddingInfo {
    color: #616aaf;
}

.solidLight .itemsAddingInfo {
    color: #6da2c7;
}

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

.solidLight .deletePostInitiator {
    background-color: #eaf5ff;
   
}

.solidLight .confirmDeletePostButton {
    background-color: #eaf5ff;
    color: #ff4848;
}

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

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

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

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

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

.solidLight #detailsAboutPostTag {
    color: #000000;
}

.solidLight .postTitleSuggestionNotofication {
    color: #7a8995;
}

.solidLight .postTitleSuggestionButton {
    background-color: #e7f4ff;
    color: #55656d;
}
.solidLight .postTitleSuggestionButton:hover {
    color: #ffffff;
    background-color: #5ca5ff;
}

.solidLight .projectPostTag {
    background-color: #e7f4ff;
    color: #55656d;
}
.solidLight .projectPostTag:hover {
    background-color: #5ca5ff;
    color: #ffffff;
}

.solidLight .selectedPostTag {
    background-color: #5ca5ff !important;
    color: #ffffff !important;
}

.solidLight .projectPostEchoMedia {
    color: #7a8995;
}

.solidLight .postMarkingAttTitle {
    color: #7a8995;
}

.solidLight .feedFilterPostTag {
    background-color: #a9d0eb;
    color: #ffffff;
}
.solidLight .feedFilterPostTag:hover {
    background-color: #71c5ff;
    color: #ffffff;
}

.solidLight .selectedFeedFilterPostTag {
    background-color: #4cb6ff !important;
    color: #ffffff !important;
}

.solidLight .postPostTag {
    background-color: #4cb6ff;
    color: #ffffff;
}

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

.solidLight #newPostToolListRow {
    background-color: #dae5f9;
}

.solidLight #newPostItemsListRow {
    background-color: #d6ecff;
}

.solidLight .toolOrItemForPostTaggingHolder {
    background-color: #ffffff;
    box-shadow: 1px 1px 1px 0px rgb(79 128 169 / 20%);
    color: #373b3f;
}

.solidLight .selectedToolForPostMarking {
    background-color: #9292e7 !important;
    color: #ffffff !important;
    box-shadow: 0px 0px 7px 6px rgb(0 0 0 / 4%) !important;
    scale: 1.1;
}

.solidLight .selectedItemForPostMarking {
    background-color: #5aa6ff !important;
    color: #ffffff !important;
    box-shadow: 0px 0px 7px 6px rgb(0 0 0 / 4%) !important;
    scale: 1.1;
}

.solidLight .newPostInputBackgroundColor {
    background-color: #f0f8ff;
}

.solidLight .NPInputFieldUnderline{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #3694ff;
}

.solidLight .singleAttachmentHolder {
    background-color: #eaf5fb;
    color: #6d8295;
}

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

.solidLight .publishPostButton {
    background-color: #5ca5ff;
    color: #ffffff;
}

.solidLight #projectPostTextInput {
    background-color: #f2faff;
    color: #49545f;
}
.solidLight #projectPostTextInput::placeholder {
    color: #9ec2e7;
}

.solidLight .postTagsHolder {
    background-color: #f2faff;
}

.solidLight .singlePOSTAttachmentHolder {
    box-shadow: 0px 2px 4px 1px rgb(0 111 207 / 13%);
}

.solidLight .toolOrItemForPostMarkHolder {
    box-shadow: 1px 1px 1px 0px rgb(79 128 169 / 20%);
    color: #373b3f;
}


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

.solidLight .projectFeedMenuButtons {
    background-color: rgb(255 255 255);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #e4eef5;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #edf7ff;
}

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

.solidLight .universalButtonStyle {
    background-color: #ffffff;
    box-shadow: 1px 1px 2px 0px rgb(100 146 185 / 30%);
    color: #0f74cd;
}
.solidLight .universalButtonStyle:hover {
    background-color: #c8ecff;
    box-shadow: 1px 1px 2px 0px rgb(100 146 185 / 50%);
}

.solidLight .universalCard {
    background-color: rgb(2 143 239 / 7%);
    color: rgb(49 50 51 / 70%);
}

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

.solidLight .singleFollowedProject {
    background-color: #ffffff;
    box-shadow: 1px 3px 5px 1px rgb(1 1 1 / 7%);
}

.solidLight .customizationHeader {
    background-color: #1964c1;
}

.solidLight .customizationBody {
    background-color: #ecf2f5;
    box-shadow: 0px 5px 120px 1px rgb(10 20 28 / 15%), 0px 0px 100px 1px rgb(212 237 255) inset;
    border-top-color: rgb(216 230 240);
    border-right-color: rgb(255 255 255 / 80%);
    border-bottom-color: rgb(255 255 255 / 80%);
    border-left-color: rgb(255 255 255 / 50%);
    color: #3e5c71;
}

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

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

.solidLight .customBCKImageURLInput::placeholder {
    color: #95b7d5;
}

.solidLight .bckColorPickers {
    box-shadow: 1px 0px 2px 1px rgb(100 146 185 / 20%);
}

.solidLight .saveCustomizationButton {
    background-color: #2477dd;
    color: #ffffff;
}

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

.solidLight .headerIndicationsBCK {
    background-color: #5ca5ff;
}

.solidLight input[type="range" i] {
    background-color: #009edd;
}

.solidLight .itemFilterButtons {
    background-color: #ffffff;
    color: #5a7b93;
    box-shadow: 4px 4px 7px 2px rgb(0 0 0 / 2%);
}

.solidLight .acquiredItemHolder {
    background-color: #ffffff;
    color: #5a7b93;
    box-shadow: 2px 10px 14px 1px rgb(0 0 0 / 5%);
}

.solidLight .positiveRatingIndicator {
    background: linear-gradient(to right, #c0ff3c, #34f797);
}

.solidLight .ratingButtons {
    background-color: rgb(95 156 177 / 15%);
    color: #ffffff;
}
.solidLight .ratingButtons:hover {
    background: none;
    color: #8699b3;
}

.solidLight .selectedButton {
    background-color: #2f8eff !important;
    color: #ffffff !important;
}

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

.solidLight .filterUnsortedItemsButton {
    background-color: #ffffff;
    box-shadow: 1px 1px 1px 0px rgb(79 128 169 / 20%);
}

.solidLight .smallNoticeButton {
    background-color: #a977a6;
    color: #ffffff;
}


.solidLight .universalInfo {
    color: rgb(0 0 0 / 80%);
}

.solidLight .universalSmallInfo {
    color: rgb(0 0 0 / 80%);
}

.solidLight .goFindNeedButton {
    color: #146ab5;
}

.solidLight .magnifyingGlass {
    background-color: #62b6ff;
}
  
.solidLight .magnifyingGlass::after {
    background-color: #62b6ff;
}

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

.solidLight .WAcategoryHolder{
    background-color: #f7fbfd;
    color: #7b929f;
}

.solidLight .PmilestoneBorderColor {
    border-color: #9fcffb;
}

.solidLight .PmilestoneCompleteBorderColor {
    border-color: #5fd7a0;
}

.solidLight .PPmilestoneSponsorName {
    color: #0c74b3;
}

.solidLight .changeMilestoneButton {
    background-color: #f6f8f9;
    color: #93a3ab;
}

.solidLight .milestoneDropInfo {
    color: #c8dbe3;
}

.solidLight .singleStepInMilestone {
    background-color: #ffffff;
    box-shadow: 9px 2px 4px 1px rgb(0 0 0 / 7%);
    color: rgb(119 134 147);
}

.solidLight .completedMindicator {
    color: #6fc19f;
}

.solidLight .stepOutContainer {
    color: #e1eaef;
}
.solidLight .stepOutContainer:hover {
    color: #f5dddd;
}

.solidLight .singleMilestoneDateHolder {
    color: #c1d1df;
}

.solidLight .milestoneUserFriendlyDate {
    color: #92a4bb !important;
}

.solidLight .milestoneMediaPreviewHolder {
    background-color: #f2f6f9;
}

.solidLight .saveMilestoneButton {
    background-color: #45a9ff;
    color: #ffffff;
}

.solidLight .PPsponsorsMilestonesSwitch {
    background-color: #eff2f5;
    color: #5e7fb3;
}

.solidLight .PPSingleMilestoneHolder {
    background-color: #f5f8fb;
    color: #3590d3;
}

.solidLight .PPmilestoneUserFriendlyDate {
    color: #99acbd;
}

.solidLight .externalLink {
    color: #407ae7;
}
.solidLight .externalLink:hover {
    text-decoration: underline;
    color: #0d44ab;
}

.solidLight .link-preview-container {
    background-color: #ffffff;
}
.solidLight .link-preview-container:hover {
    background-color: #b9e3ff;
}

.solidLight .preview-title {
    color: #2d6893;
}

.solidLight .preview-description {
    color: #6aa2cb;
}

.solidLight #projectDescriptionTextInput {
    background-color: #f8fcff;
    color: #5f727f;
}
.solidLight #projectDescriptionTextInput::placeholder {
    color: #a9b6bf;
}

.solidLight .bar {
    background-image: linear-gradient(rgb(0 133 233 / 85%), rgb(149 200 255 / 50%));
}

.solidLight .barDataContainer {
    background-color: rgb(0 147 255 / 85%);
    color: #ffffff;
}

.solidLight .todayBarChartline {
   background-image: linear-gradient(rgb(2 136 255 / 70%), rgb(255 255 255 / 0%));
    color: #ffffff;
}

.solidLight .y-axis-labels {
    color: #ffffff;
}


.solidLight #noMessagesSpan {
    color: #a7cfeb;
}

.solidLight .absoluteCenteredDiv {
    background-color: rgb(255 255 255 / 85%);
    box-shadow: 1px 1px 30px 0px rgb(97 116 133 / 10%);
}

.solidLight .subprojectCancelationTitle {
    color: #ff3535;
}

.solidLight .subprojectConfirmationTitle {
    color: #10613c;
}

.solidLight #cancelationSubProjectTextHolder {
    box-shadow: 1px 1px 30px 0px rgb(80 174 255 / 20%);
    background-color: #ffffff;
    color: #526b81;
}
.solidLight #cancelationSubProjectTextHolder::placeholder {
    color: #b4c5d3;
}

.solidLight .cancelSubProjectInfoHolder {
    box-shadow: 1px 1px 15px 0px rgb(80 174 255 / 15%);
    background-color: #ffffff;
    color: #526b81;
}

.solidLight .doCancelSubProjectButton {
    box-shadow: 1px 1px 15px 0px rgb(80 174 255 / 15%);
    background-color: #ffffff;
    color: #e15a5a;
}

.solidLight .doCompleteSubProjectButton {
    box-shadow: 3px 2px 150px 0px rgb(8 153 99 / 70%);
    background-color: #ffffff;
    color: #0e8b64;
}

.solidLight .okCheckmark
 {
    color: #15ad71;
 }

 .solidLight .postTextDiv {
    color: #425f6d;
}

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

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

/* when button is already on body (theme color)*/
.solidLight .universalButtonOnBody {
    box-shadow: 0px 0px 15px 1px rgb(5 119 217 / 20%);
}

.solidLight .projectsSubProjectsHolder {
    background-image: linear-gradient(rgb(255 255 255 / 82%), rgb(0 0 0 / 0%));
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 11%);
}

.solidLight .spacyNegativeBackground {
    background-image: linear-gradient(#fff1f1, #ffffff, #fff1f1) !important;
}

.solidLight .spacyPositiveBackground {
    background-image: linear-gradient(#effff5, #cffbed, #effff5) !important;
}

.solidLight .sendInvitationButton {
    background-color: #ffffff;
    box-shadow: 2px 1px 2px 1px rgb(0 151 255 / 15%);
}
.solidLight .sendInvitationButton:hover {
    background-color: #f0f8ff;
}

.solidLight .copyInvitationLinkButton {
    background: linear-gradient(31deg, rgb(109 133 255) 0%, rgb(91 150 251) 50%, rgb(38 194 255) 100%);
    box-shadow: 2px 0px 7px 1px rgb(25 69 99 / 25%);
    color: #ffffff;
}

.solidLight .uncheckedMark {
    background-color: #f78282;
    color: #ffffff;
}

/* ******************************* MY SPACE ************************** */
.solidLight .closeEditOptionsButton {
  background-color: rgb(32 80 139 / 10%);
  color: #ffffff;
}

.solidLight .workshopFormBody{
    background-color: #e2eaef;
    box-shadow: 5px 1px 250px 1px rgb(0 0 0 / 55%), -50px 0px 100px 1px rgb(210 218 225) inset;
    border-top-color: rgb(255 255 255 / 57%);
    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: #162731;
  }

.solidLight .roomTypeSelectionCard {
    background-color: #cfdde9;
    color: #3a4a5b;
    box-shadow: 0px 5px 20px 1px rgb(77 136 185 / 20%), 0px 0px 100px 1px rgb(224 236 245) inset;
    border-style: solid;
    border-width: 1px;
    border-top-color: rgb(255 255 255 / 58%);
    border-right-color: rgb(255 255 255 / 68%);
    border-bottom-color: rgb(255 255 255 / 41%);
    border-left-color: rgb(255 255 255 / 44%);
}

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

.solidLight .newWorkshopRoomNameInput {
    border-bottom-color: #ffffff;
    color: #202931;
}
.solidLight .newWorkshopRoomNameInput::placeholder {
    color:#90a9bf
}

.solidLight .saveWorkshopButton {
    background-color: #4580d9;
    color: #ffffff;
}

.solidLight .deleteRoomButton {
    background-color: #f1faff;
}

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

.solidLight .newWorkshopItemInput {
    border-bottom-color: #ffffff;
    color: #34424f;
}
.solidLight .newWorkshopItemInput::placeholder {
    color:#90a9bf
}

.solidLight .newRoomCurrencyInput {
    background-color: #dee7ed;
    color: #3d4d5d;
    border-bottom-color: #ffffff;
}

.solidLight .boxSetReflectionButtons {
    background-color: #dde8ef;
    color: #2d3647;
}
.solidLight .boxSetReflectionSelectedButton {
    background-color: #2477dd !important;
    color: #ffffff !important;
    cursor: default !important;
}

.solidLight .workshopSaveButton {
    background-color: #2477dd;
    color: #ffffff;
}

.solidLight .workshopDeleteBoxButton {
    background-color: #f1faff;
    color: #517691;
}
.solidLight .workshopDeleteBoxButton:hover {
    color: #af0000;
}

.solidLight .redButtonColors {
    background-color: #bb3a3a !important;
    color: rgb(255 255 255 / 95%) !important;
    box-shadow: 0px -5px 20px 2px rgb(0 0 0 / 20%);
    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;
}

.solidLight .workshopOpenBoxDiv {
    box-shadow: 1px 1px 50px 1px rgba(0 0 0 / 15%);
    color: #171d22;
}

.solidLight .workshopObjectContentBody {
    background: #ffffff;
}

.solidLight .openBoxHeader {
    background-color: #f1f7fd;
}

.solidLight .closeBoxHolder {
    background-color: #d9e1ed;
    color: #ffffff;
}

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

.solidLight .singleItemTitle {
    color: #2f3b43;
}
.solidLight .singleItemTitle::placeholder {
    color: #a8bcc9;
}

.solidLight .newBoxItemInputFields {
    background-color: rgb(255 255 255 / 80%);
    box-shadow: 0px 5px 26px 1px rgb(0 0 0 / 4%);
    color: #242831;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: rgb(255 255 255 / 7%);
}
.solidLight .newBoxItemInputFields::placeholder {
    color: #b0b7c5;
}

.solidLight .newBoxItemText {
    color: rgb(42 50 59);
}

.solidLight .boxItemImagePreviewHolder {
    background-color: rgb(255 255 255 / 30%);
    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%);
}

.solidLight .itemStateSelectionButton {
    background-color: #f7faff;
    color: #374551;
}
.solidLight .itemStateSelectionButton:hover {
    box-shadow: 1px 1px 50px 1px rgb(255 255 255 / 70%);
}

.solidLight .itemStateSelectionSelectedButton {
    background-color: #3e88f1 !important;
    box-shadow: 1px 1px 30px 1px rgb(255 255 255 / 20%) !important;
    color: #ffffff !important;
}

.solidLight .saveNewBoxItemButton {
    background-color: #3e88f1 !important;
    box-shadow: 1px 1px 30px 1px rgb(255 255 255 / 20%) !important;
    color: #ffffff !important;
}
.solidLight .saveNewBoxItemButton:hover {
    box-shadow: 1px 1px 30px 1px rgb(255 255 255 / 70%) !important;
}

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

.solidLight .boxProjectSelectorDiv {
    background-image: linear-gradient(to bottom, #e1f1fb, #ebf1f7, #edf3fd);
}

.solidLight .closeBoxAssignFormButton {
    background-color: #ffffff;
    color: #5f7a97;
}

.solidLight .boxToProjectinfoDiv {
    color: #507087;
}

.solidLight .projectRelationTitle {
    background-color: #2172c3;
    color: #ffffff;
}

.solidLight .boxAssigmentProjectsListHolder {
    background-color: rgb(239 249 255);
    color: rgb(43 61 89);
}

.solidLight .singleProjectCardOnBoxAssigment {
    background-color: #ffffff;
}
.solidLight .singleProjectCardOnBoxAssigment:hover {
    box-shadow: 0px 5px 20px 1px rgb(0 0 0 / 10%);
}
.solidLight .singleProjectSelectedCardOnBoxAssigment {
    background-color: #91c5f9  !important;
    box-shadow: 0px 5px 20px 1px rgb(4 4 4 / 10%) !important;
    color: #ffffff !important;
}

.solidLight .thisRoomIdentifier {
    background-color: rgb(238 244 253);
    box-shadow: 1px 1px 150px 1px rgb(0 0 0 / 22%), 15px 10px 100px rgb(217 228 237) inset;
    border-top-color: rgb(255 255 255 / 52%);
    border-bottom-color: rgb(255 255 255 / 17%);
    border-left-color: rgb(255 255 255 / 47%);
    border-right-color: rgb(0 0 0 / 0%);
    color: #1f2931;
}



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

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

.solidLight .explorerThemeCardStyle {
    background-color: #ffffff;
    border-color: #ffffff;
    box-shadow: 0px 10px 50px 1px rgb(27 97 145 / 21%), 0px 0px 100px rgb(213 225 232 / 41%) inset;
}
/* just to increse the shadow */
.solidLight .explorerThemeActiveCardStyle {
    background-color: #ffffff;
    border-color: #ffffff;
    box-shadow: 0px 80px 150px 10px rgb(21 40 53 / 70%), 0px 0px 100px rgb(226 237 243) inset !important;
}

.solidLight #explorerHeaderDiv {
    background-color: #ffffff;
    box-shadow: 0px 10px 10px 1px rgb(27 97 145 / 21%), 0px 0px 100px rgb(226 237 243) inset;
    border-color: #ffffff;
}

.solidLight #explorerHeaderBackgroundHolder {
    background: radial-gradient(circle at 50% 40%, rgb(255 254 236) 20%, rgb(255 255 255 / 0%) 50%);
}

.solidLight .explorerLogoGearIMG {
    background-image: url("../../images/siteUsage/gear1.png");
    filter: drop-shadow(0 0px 25px rgba(150 200 150));
}

.solidLight .explorerGear1IMG {
    background-image: url("../../images/siteUsage/gear1.png");
    filter: drop-shadow(0 0px 25px rgba(245 250 180));
}

.solidLight .explorerGear2IMG {
    background-image: url("../../images/siteUsage/gear4.png");
    filter: drop-shadow(0 0px 25px rgba(150 250 100));
}

.solidLight .explorerGear3IMG {
    background-image: url("../../images/siteUsage/gear3.png");
    filter: drop-shadow(0 0px 25px rgba(150 250 250));
}

.solidLight .explorerGear4IMG {
    background-image: url("../../images/siteUsage/gear2.png");
    filter: drop-shadow(0 0px 25px rgba(250 180 255));
}

.solidLight #explorerLogoEchoCustomManufacturing{
    color: #849faf;
}

.solidLight .animatedWord {
    filter: drop-shadow(0 -6px 1px rgba(192 226 252));
}

.solidLight .PLexplorerEchoStatus {
    color: #4e6875;
}

.solidLight #explorerProductServiceSelectorHolder {
    background: radial-gradient(circle at 50% 50%, rgb(12 140 249 / 46%) 0%, rgb(152 212 255 / 34%) 100%);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    --explorer-filter-menu-buttons-selector-shadow: 0px 20px 40px 2px rgb(9 57 81 / 30%);
    border-top-color: rgb(255 255 255 / 52%);
    border-right-color: rgb(255 255 255 / 0%);
    border-left-color: rgb(255 255 255 / 0%);
    border-bottom-color: rgb(255 255 255 / 49%);
}

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

.solidLight .explorerFilterButtonsNeutral {
    background: radial-gradient(circle at 50% 50%, rgb(254 255 255) 20%, rgb(235 243 245));
    color: #044b61;
    font-weight: bold;
    --explorer-filter-menu-webkit-box-reflect: below 40px linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.3));
    border-color: #ffffff;
}

.solidLight .explorerFilterButtonsSelected {
    background: #8ec014 !important;
    color: #ffffff !important;
    cursor: default !important;
    letter-spacing: 2px !important;
}

.solidLight .explorerAddBusinessToMapTitle {
    font-weight: bold;
    color: #0082e1;
}

.solidLight #explorerContributorsIconHolder {
    background-color: #7cb706;
}

.solidLight .explorerContributorsTitle {
    color: #628d0f;
    font-weight: bold;
}

.solidLight .explorerCardCloseButton {
    background-color: #ffffff;
    box-shadow: 0px 0px 50px 5px rgb(255 52 183 / 15%);
    color: #708d9b;
}
.solidLight .explorerCardCloseButton:hover {
    box-shadow: 0px 0px 110px 10px rgb(255 76 117) !important;
    color: red;
}

.solidLight #explorerLogoCardCloseButton {
    box-shadow: 0px 0px 50px 10px rgb(255 235 255);
}
.solidLight #addBusinessCloseButton {
    box-shadow: 0px 0px 50px 20px rgb(233 243 255);
}
.solidLight #myBusinessCloseButton {
    box-shadow: 0px 0px 50px 20px rgb(233 243 255);
}
.solidLight #contributorsCloseButton {
    box-shadow: 0px 0px 50px 2px rgb(223 255 173);
}
.solidLight #likedBusinessesCloseButton {
    box-shadow: 0px 0px 50px 2px rgb(212 241 255);
}

.solidLight .explorerMiniMenuCloseButton {
    background-color: #f8fdff;
    box-shadow: 0px 0px 50px 0px rgb(168 196 247);
    border-color: #ffffff;
    color: #045d9b;
    font-weight: bold;
}
.solidLight .explorerMiniMenuCloseButton:hover {
   box-shadow: 0px 0px 50px 0px rgb(99 169 255);
}

.solidLight .explorerAddBusinessButtonFirstState {
    background-color: #2aab26;
    color: #ffffff;
    font-weight: bold;
}
.solidLight .explorerAddBusinessButtonFirstState:hover {
    background-color: #3bc45d;
}

.solidLight #explorerEchoPinpointLocation {
    color: #c51856;
}

.solidLight .explorerSetupLatLngInfo {
    color: #7095ab;
}

.solidLight .explorerSetupBusinessMarkDiv {
    background-color: #f31f5c;
}

.solidLight .explorerSetupBusinessMarkTitle {
    color: #f31f5c;
}

.solidLight #explorerSetupBusinessNameInput {
    background: none;
    border-bottom-color: #edcde6;
    color: #bf2551;
}
.solidLight #explorerSetupBusinessNameInput::placeholder {
    color: #e7b8c6;
}

.solidLight .explorerSetupSubmitBusinessButton {
    background-color: #d32255;
    color: #ffffff;
}
.solidLight .explorerSetupSubmitBusinessButton:hover {
    background-color: #f31f5c;
}

.solidLight #explorerContributorsBody {
   background: radial-gradient(circle at 50% 5%, rgb(226 255 186) 0%, rgb(246 255 234) 70%);
}

.solidLight #explorerContributorsHeader {
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-bottom-color: #ffffff;
}

.solidLight #contributorsFooter {
    background-color: #ffffff;
    box-shadow: 0px 0px 30px 1px rgb(0 0 0 / 8%), 0px 20px 20px rgb(8 57 92 / 5%) inset;
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #ffffff;
}

.solidLight .contributorsScrolling::-webkit-scrollbar {
    width: 7px;
}
.solidLight .contributorsScrolling::-webkit-scrollbar-track {
    background: none;
}
.solidLight .contributorsScrolling::-webkit-scrollbar-thumb {
    background: #a0d949;
    border-radius: 10px;
}
.solidLight .contributorsScrolling::-webkit-scrollbar-thumb:hover {
    background: #7fc514;
    border-radius: 10px;
    cursor: pointer;
}

.solidLight .singleContributorHolder {
    background-color: #ffffff;
    box-shadow: 10px 20px 25px 1px rgb(134 165 105 / 18%);
}

.solidLight .contributorsText {
    color: #2a3c43;
}

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

.solidLight .contributorsMessageTitle {
    color: #6ea92f;
    font-weight: bold;
}

.solidLight .contributorsMessage {
    color: #1a2f27;
}

.solidLight .echoPeopleWhoHelped {
    color: #397304;
}

.solidLight .explorerKoFiButton {
    background-color: #87c50d;
    color: #ffffff;
    font-weight: bold;
}
.solidLight .explorerKoFiButton:hover {
    background-color: #70a900;
}

.solidLight #myContributionOnOffButton {
    background-color: #ffffff;
    border-color: #ffffff;
    box-shadow: 0px 0px 30px 1px rgb(0 0 0 / 14%), 0px 0px 25px 1px rgb(3 4 2 / 7%) inset;
}

.solidLight #echoMyContribution {
  color: #141718;
}

.solidLight .myContributionOnOffButtonCHANGINGstate {
    background-color: #ffffe5 !important;
}

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

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

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

.solidLight .explorerEchoContributedACTIVEState {
    color: #007544;
}

.solidLight .explorerEchoContributedCHANGINGState {
    color: #b98409;
}

.solidLight .explorerEchoContributedINACTIVEState {
    color: #f16666;
}

.solidLight #myContributionMessageForm {
    background-color: #ffffff;
    color: #1a2f27;
    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: 1px;
    border-color: #ffffff;
    font-family: 'Exo', sans-serif;
}
.solidLight #myContributionMessageForm::placeholder {
    color: #b2cbaa;
}
.solidLight #myContributionMessageForm:focus {
    background-color: #eefbea;
    box-shadow: 0px 0px 30px 1px rgb(0 0 0 / 14%);
    border-width: 1px;
    border-color: #ffffff;
    color: #184936;
    font-family: sans-serif;
}

.solidLight #saveMyContributionMessageButton {
    background-color: #86d76a;
    color: #ffffff;
}
.solidLight #saveMyContributionMessageButton:hover {
    background-color: #6abd4d;
}

.solidLight #explorerLikedBusinessTitle {
    color: #0684dd;
    font-weight: bold;
}

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

.solidLight #explorerLikedBusinessesBody {
   background: radial-gradient(circle at 50% 30%, rgb(174 202 255) 0%, rgb(223 238 255) 70%);
}

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

.solidLight .explorerMyBusinessName {
    font-weight: bold;
    color: #f12957;
}

.solidLight .explorerMyBusinessLikesNumber {
    color: #3f4c57;
}

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

.solidLight .explorerSearchStatus {
  background-color: #e6f3f9;
}

.solidLight .explorerQueryingBCKcolor {
  background-color: #49abff;
}

.solidLight .explorerQueryOKBCKcolor {
  background-color: #72d59a;
}

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

.solidLight .mySpaceMiniButton {
    background-color: #d3d011;
}
.solidLight .myOrdersMiniButton {
    background-color: #00bd69;
}
.solidLight .myProjectsMiniButton {
    background-color: #d6eaf1;
}
.solidLight .myBusinessMiniButton {
    background-color: #e31a58;
}

.solidLight .explorerMakeNewsButtonFirstState {
    background-color: #048af8;
    box-shadow: 0px 0px 70px 10px rgb(184 210 120 / 18%);
    color: #ffffff;
}
.solidLight .explorerMakeNewsButtonFirstState:hover {
    box-shadow: 0px 0px 70px 10px rgb(255 252 174 / 52%);
}

.solidLight .explorerButtonSecondState {
    background-color: #ffffff !important;
    box-shadow: 0px 0px 50px 10px rgb(237 224 244 / 52%) !important;
    color: #b63131 !important;
}
.solidLight .explorerButtonSecondState:hover {
    color: red !important;
}

.solidLight .explorerNewsPostInfo {
    color: #3e5261;
}

.solidLight #myBusinessNewsTextInput {
    background-color: #edf9ff;
    color: #1e3441;
    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: 1px;
    border-color: #ffffff;
    font-family: 'Exo', sans-serif;
}
.solidLight #myBusinessNewsTextInput::placeholder {
    color: #83aac1;
}
.solidLight #myBusinessNewsTextInput:focus {
    background-color: #edf9ff;
    box-shadow: 0px 0px 30px 1px rgb(0 0 0 / 14%);
    border-width: 1px;
    border-color: #ffffff;
    font-family: sans-serif;
    color: #5f7b8b;
}

.solidLight .explorerNewsImageWrapper {
    background-color: #9ecaff;
    box-shadow: 5px 7px 10px 1px rgb(11 45 81 / 27%);
    border-style: solid;
    border-width: 1px;
    border-color: rgb(255 255 255 / 65%);
}

.solidLight .thumb-loader {
    background-color: #d6e9ff;
}

.solidLight #explorerPostNewsButton {
    background-color: #0f77f1;
    color: #ffffff;
}
.solidLight #explorerPostNewsButton:hover {
    background-color: #0070f3;
}

.solidLight .singleNewsListingHolder {
    background-color: #ffffff;
    box-shadow: 5px 5px 50px 1px rgb(6 107 178 / 15%), 0px 0px 30px rgb(5 151 255 / 15%) inset;
    border-color: #ffffff;
}

.solidLight .likedBusinessNewsText {
  color: #285577;
}

.solidLight .explorerDeleteNewsButton {
    background-color: #ed6096;
    color: #ffffff;
}
.solidLight .explorerDeleteNewsButton:hover {
    background-color: #f56eae;
}

.solidLight .explorerLikedBusinessName {
    font-weight: bold;
    color: #3b77d5;
}

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

.solidLight .QRcodeHOLDER path {
    fill: #5595cb;
}