/*
  Site variables
  please use some common rules when create new variables:
      create variables only if you have 2 and more equal values, if you have to use value we have in styles
    but don't have variables, please create new one and update existing code
      in hash use only lowercase characters, like - #05aab8
      in rgba don't add spaces and add 0 before dot in last value, like - rgba(237,67,55,0.8)
      don't use rgb(), just regular hash value;
*/

@solanaColorWhite: #fff;
@solanaColorBlack: #000;
@solanaColorBlackLighter: #111;
@solanaColorPrimary: #05818c;
@solanaColorDarkBlue: #024a50;
@solanaColorLightBlue: #05aab8;
@solanaColorLightBlue2: #68b2b9;
@solanaColorLightBlue3: #c6dfe3;
@solanaColorNeutralLightGray: #eee;
@solanaColorTransparent: transparent;
@solanaColorTransparent2: rgba(5,129,140,0.2);
@solanaColorTransparent3: rgba(5,129,140,0.1);
@solanaColorDarkGray: #333;
@solanaColorDarkGray2: #363636;
@solanaColorDarkestGray: #1b1b1b;
@solanaColorGray: #808080;
@solanaColorGray2: #999;
@solanaColorLightGray: #d3d3d3;
@solanaColorLightGray2: #aeaeae;
@solanaColorNeutralLightGray: #f0f0f0;
@solanaColorNeutralLightGray2: #f5f5f5;
@solanaColorNeutralLightGray3: rgb(229,229,229);
@solanaColorNeutralGray: #cdcdcd;
@solanaColorYellow: #ff0;
@solanaColorTeal: #00e0ae;
@solanaColorLightYellow: #fff000;
@solanaColorPink: #bf28bc;
@solanaColorOrange: #ffa800;
@solanaColorGreen: #01eb2d;
@solanaColorAccent: #ff9800;
@solanaColorSoftError: rgba(237,67,55,0.8);
@solanaColorSoftWarning: rgba(250,132,13,0.8);
@solanaColorSuccess: #6bb528;
@solanaColorRed: #ff0000;
// Theme Colors
@solanaColorThemeWhite: @solanaColorNeutralLightGray;
// Nav Colors
@solanaNavHdrColor1: #024a50;
@solanaNavHdrColorHover1: #024a50;
@solanaNavHdrColor2: @solanaColorPrimary;
@solanaNavURLColorHover1: #024a50;
@solanaNavURLColorHover2: #05818c;
@solanaNavURLColorHover3: @solanaColorLightBlue;
@solanaNavURLColorHover4: rgba(5,129,140,0.3);
@solanaNavURLColor: black;
@solanaNavURLColor2: #f15a2b;
@solanaNavURLColor3: #4bcb4b;
@solanaNavMSGColor: #024a50;
@solanaBorderColor1: #05818c;
@solanaBorderColor2: #565656;
@solanaBorderColor3: #262424;
@solanaBorderColor4: @solanaColorLightBlue;
// Menu Colors
@solanaMenuColor0: #024a50;
@solanaMenuColor3: white;
@solanaMenuColor4: #606060;
@solanaMenuColor6: #bbbbbb;
@solanaMenuColor7: white;
@solanaMenuColor9: black;
@solanaMenuBtnColor1: #05aab8;
@solanaMenuLabelColor1: black;
// Alpha Background Colors
@solanaBGAlphaColor0: @solanaColorTransparent;
@solanaBGAlphaColor1: rgba(0,0,0,0.01);
@solanaBGAlphaColor2: rgba(0,0,0,0.15);
@solanaBGAlphaColor3: rgba(0,0,0,0.45);
@solanaBGAlphaColor4: rgba(0,0,0,0.1);
@solanaBGAlphaColor5: rgba(0,0,0,0.8);
@solanaBGAlphaColor6: rgba(0,0,0,0.85);
@solanaBGAlphaColor7: rgba(0,0,0,0.5);
@solanaBGAlphaColor8: rgba(0,0,0,0.54);
@solanaBGAlphaColor9: rgba(186,237,255,0.7);
@solanaBGAlphaColor10: rgba(5,129,140,0.5);
@solanaBGAlphaColor11: rgba(5,129,140,0.6);
@solanaBGAlphaColor12: rgba(0,0,0,0.87);
@solanaBGAlphaColor13: rgba(0,0,0,0.3);
@solanaMenuColorAlpha1: rgba(0,0,0,0.1);
@solanaMenuColorAlpha2: rgba(0,0,0,0.07);
@solanaMenuColorAlpha3: rgba(0,0,0,0.1);
@solanaMenuColorAlpha4: rgba(0,0,0,0.7);
@solanaMenuColorWhtAlpha1: rgba(255,255,255,0.15);
@solanaMenuColorWhtAlpha2: rgba(255,255,255,0.3);
@solanaWhiteAlphaColor: rgba(255,255,255,0.1);
// Border
@solanaBorder1pxBlack: 1px solid black;
@solanaBorder2pxBlack: 2px solid black;
@solanaBorder1pxPrimary: 1px solid @solanaColorPrimary;
@solanaBorder2pxPrimary: 2px solid @solanaColorPrimary;
@solanaBorder1pxGray: 1px solid lightgray;
@solanaBorder1pxGray2: 1px solid gray;
@solanaBorder3pxOrange: 3px solid @solanaNavURLColor2;
@solanaBorder2pxGray: 2px solid #414141;
@solanaBorder3pxTransparent: 3px solid @solanaColorTransparent;
@solanaBorder1pxWhite: 1px solid white;
@solanaBorder2pxWhite: 2px solid white;
// Footer Colors
@solanaFooterBgColor1: @solanaMenuColor3;
@solanaFooterTextColor1: @solanaColorDarkGray;
// Box Shadow
@solanaBoxShadowInset: 0 1px 1px rgba(5,129,140,0.075) inset;
@solanaBoxShadowFullElement: 0 1px 3px 0 rgba(0,0,0,0.2), 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12);