/* WRX STATIC PALETTE ROOTS */

  :root {

    --gradient-d: linear-gradient(to bottom right, var(--primary), var(--secondary));

    --gradient-h: linear-gradient(to right,var(--primary),var(--secondary));

    --gradient-v: linear-gradient(to bottom, var(--secondary) 0%, var(--secondary-d1) 100%);

    --red-l3: #fdeced;

    --red-l2: #f7b0b2;

    --red-l1: #f17478;

    --red: #eb3a40;

    --red-d1: #be1319;

    --red-d2: #790c10;

    --red-d3: #330507;

    --pink-l3: #fce4ec;

    --pink-l2: #f48fb1;

    --pink-l1: #ec407a;

    --pink: #e91e63;

    --pink-d1: #d81b60;

    --pink-d2: #ad1457;

    --pink-d3: #880e4f;

    --purple-l3: #f9e2fd;

    --purple-l2: #e891f7;

    --purple-l1: #d740f2;

    --purple: #b50ed1;

    --purple-d1: #870b9d;

    --purple-d2: #560764;

    --purple-d3: #25032b;

    --deeppurple-l3: #ede7f6;

    --deeppurple-l2: #b39ddb;

    --deeppurple-l1: #7e57c2;

    --deeppurple: #673ab7;

    --deeppurple-d1: #5e35b1;

    --deeppurple-d2: #4527a0;

    --deeppurple-d3: #311b92;

    --indigo-l3: #e8eaf6;

    --indigo-l2: #9fa8da;

    --indigo-l1: #5c6bc0;

    --indigo: #3f51b5;

    --indigo-d1: #3949ab;

    --indigo-d2: #283593;

    --indigo-d3: #1a237e;

    --blue-l3: #e3f2fd;

    --blue-l2: #90caf9;

    --blue-l1: #42a5f5;

    --blue: #2196f3;

    --blue-d1: #1e88e5;

    --blue-d2: #1565c0;

    --blue-d3: #0d47a8;

    --lightblue-l3: #e1f5fe;

    --lightblue-l2: #81d4fa;

    --lightblue-l1: #29b6f6;

    --lightblue: #03a9f4;

    --lightblue-d1: #039be5;

    --lightblue-d2: #0277bd;

    --lightblue-d3: #01579b;

    --cyan-l3: #e0f7fa;

    --cyan-l2: #80deea;

    --cyan-l1: #26c6da;

    --cyan: #00bcd4;

    --cyan-d1: #00acc1;

    --cyan-d2: #00838f;

    --cyan-d3: #006064;

    --teal-l3: #e0f2f1;

    --teal-l2: #80cbc4;

    --teal-l1: #26a69a;

    --teal: #009688;

    --teal-d1: #00897b;

    --teal-d2: #00695c;

    --teal-d3: #004d40;

    --green-l3: #e8f5e9;

    --green-l2: #a5d6a7;

    --green-l1: #66bb6a;

    --green: #4caf50;

    --green-d1: #43a047;

    --green-d2: #2e7d32;

    --green-d3: #1b5e20;

    --lightgreen-l3: #f1f8e9;

    --lightgreen-l2: #c5e1a5;

    --lightgreen-l1: #9ccc65;

    --lightgreen: #8bc34a;

    --lightgreen-d1: #7cb342;

    --lightgreen-d2: #558b2f;

    --lightgreen-d3: #33691e;

    --lime-l3: #f9fbe7;

    --lime-l2: #e6ee9c;

    --lime-l1: #d4e157;

    --lime: #cddc39;

    --lime-d1: #c0ca33;

    --lime-d2: #9e9d24;

    --lime-d3: #827717;

    --yellow-l3: #fffde7;

    --yellow-l2: #fff59d;

    --yellow-l1: #ffee58;

    --yellow: #ffeb3b;

    --yellow-d1: #fdd835;

    --yellow-d2: #f9a825;

    --yellow-d3: #f57f17;

    --amber-l3: #fff8e1;

    --amber-l2: #ffe082;

    --amber-l1: #ffca28;

    --amber: #ffc107;

    --amber-d1: #ffb300;

    --amber-d2: #ff8f00;

    --amber-d3: #ff6f00;

    --orange-l3: #fff3e0;

    --orange-l2: #ffcc80;

    --orange-l1: #ffa726;

    --orange: #ff9800;

    --orange-d1: #fb8c00;

    --orange-d2: #ef6c00;

    --orange-d3: #e65100;

    --deeporange-l3: #fbe9e7;

    --deeporange-l2: #ffab91;

    --deeporange-l1: #ff7043;

    --deeporange: #ff5722;

    --deeporange-d1: #f4511e;

    --deeporange-d2: #d84315;

    --deeporange-d3: #bf360c;

    --gray-l3: #fafafa;

    --gray-l2: #eeeeee;

    --gray-l1: #bdbdbd;

    --gray: #9e9e9e;

    --gray-d1: #757575;

    --gray-d2: #424242;

    --gray-d3: #212121;

    --bluegray-l3: #eceff1;

    --bluegray-l2: #b0bec5;

    --bluegray-l1: #78909c;

    --bluegray: #607d8b;

    --bluegray-d1: #546e7a;

    --bluegray-d2: #37474f;

    --bluegray-d3: #263238;

    --silver-l3: #f4f4f4;

    --silver-l2: #ededed;

    --silver-l1: #e6e6e6;

    --silver: #d9d9d9;

    --silver-d1: #cccccc;

    --silver-d2: #bfbfbf;

    --silver-d3: #b3b3b3;

    --white-l3: #ffffff;

    --white-l2: #ffffff;

    --white-l1: #ffffff;

    --white: #ffffff;

    --white-d1: #fefefe;

    --white-d2: #fafafa;

    --white-d3: #f7f7f7;

    --black-l3: #333333;

    --black-l2: #262626;

    --black-l1: #1a1a1a;

    --black: #000000;

    --black-d1: #000000;

    --black-d2: #000000;

    --black-d3: #000000;

    --success: #28a745;

    --info: #17a2b8;

    --warning: #ffc107;

    --danger: #dc3545;

    --light: #f8f9fa;

    --dark: #343a40;

    --Error-d1: #cc0033;

    --Error-d2: #800020;

    --Error-d3: #4d0013;

    --Error: #ff0040;

    --Error-l1: #ff4c79;

    --Error-l2: #ff99b3;

    --Error-l3: #ffe5ec;

    --Blogger: #f87f14;

    --Facebook: #3b579d;

    --Flickr: #ff0080;

    --GooglePlus: #dd4b39;

    --Instagram: #517fa4;

    --LinkedIn: #0077b5;

    --Pinterest: #d73532;

    --QQ: #ff2900;

    --RSS: #ff8800;

    --Skype: #10bef2;

    --SnapChat: #efe200;

    --Tumblr: #385875;

    --Twitter: #00aced;

    --Vibre: #8257a7;

    --Vimeo: #5ac7ff;

    --Vine: #13ba8e;

    --WeChat: #0dc919;

    --WhatsApp: #29b200;

    --WindowsLive: #0cb3ee;

    --YouTube: #f11211;

  }
  
  /* WRX UI Gradients */ 
  :root {
    --primary-gradient-d: linear-gradient(to bottom right, var(--primary-gradient-0), var(--primary-gradient-100));

    --primary-gradient-d-inverse: linear-gradient(to bottom right, var(--primary-gradient-100), var(--primary-gradient-0));

    --primary-gradient-h: linear-gradient(to right,var(--primary-gradient-0),var(--primary-gradient-100));

    --primary-gradient-h-inverse: linear-gradient(to right,var(--primary-gradient-100),var(--primary-gradient-0));

    --primary-gradient-v: linear-gradient(to bottom, var(--primary-gradient-0) 0%, var(--primary-gradient-100) 100%);

    --primary-gradient-v-inverse: linear-gradient(to bottom, var(--primary-gradient-100) 0%, var(--primary-gradient-0) 100%);
  
    --secondary-gradient-d: linear-gradient(to bottom right, var(--secondary-gradient-0), var(--secondary-gradient-100));

    --secondary-gradient-d-inverse: linear-gradient(to bottom right, var(--secondary-gradient-100), var(--secondary-gradient-0));

    --secondary-gradient-h: linear-gradient(to right,var(--secondary-gradient-0),var(--secondary-gradient-100));

    --secondary-gradient-h-inverse: linear-gradient(to right,var(--secondary-gradient-100),var(--secondary-gradient-0));

    --secondary-gradient-v: linear-gradient(to bottom, var(--secondary-gradient-0) 0%, var(--secondary-gradient-100) 100%);

    --secondary-gradient-v-inverse: linear-gradient(to bottom, var(--secondary-gradient-100) 0%, var(--secondary-gradient-0) 100%);
  
    --tertiary-gradient-d: linear-gradient(to bottom right, var(--tertiary-gradient-0), var(--tertiary-gradient-100));

    --tertiary-gradient-d-inverse: linear-gradient(to bottom right, var(--tertiary-gradient-100), var(--tertiary-gradient-0));

    --tertiary-gradient-h: linear-gradient(to right,var(--tertiary-gradient-0),var(--tertiary-gradient-100));

    --tertiary-gradient-h-inverse: linear-gradient(to right,var(--tertiary-gradient-100),var(--tertiary-gradient-0));

    --tertiary-gradient-v: linear-gradient(to bottom, var(--tertiary-gradient-0) 0%, var(--tertiary-gradient-100) 100%);

    --tertiary-gradient-v-inverse: linear-gradient(to bottom, var(--tertiary-gradient-100) 0%, var(--tertiary-gradient-0) 100%);
  
    --theme-gradient-d: linear-gradient(to bottom right, var(--theme-gradient-0), var(--theme-gradient-100));

    --theme-gradient-d-inverse: linear-gradient(to bottom right, var(--theme-gradient-100), var(--theme-gradient-0));

    --theme-gradient-h: linear-gradient(to right,var(--theme-gradient-0),var(--theme-gradient-100));

    --theme-gradient-h-inverse: linear-gradient(to right,var(--theme-gradient-100),var(--theme-gradient-0));

    --theme-gradient-v: linear-gradient(to bottom, var(--theme-gradient-0) 0%, var(--theme-gradient-100) 100%);

    --theme-gradient-v-inverse: linear-gradient(to bottom, var(--theme-gradient-100) 0%, var(--theme-gradient-0) 100%);
  
    --theme-2-gradient-d: linear-gradient(to bottom right, var(--theme-2-gradient-0), var(--theme-2-gradient-100));

    --theme-2-gradient-d-inverse: linear-gradient(to bottom right, var(--theme-2-gradient-100), var(--theme-2-gradient-0));

    --theme-2-gradient-h: linear-gradient(to right,var(--theme-2-gradient-0),var(--theme-2-gradient-100));

    --theme-2-gradient-h-inverse: linear-gradient(to right,var(--theme-2-gradient-100),var(--theme-2-gradient-0));

    --theme-2-gradient-v: linear-gradient(to bottom, var(--theme-2-gradient-0) 0%, var(--theme-2-gradient-100) 100%);

    --theme-2-gradient-v-inverse: linear-gradient(to bottom, var(--theme-2-gradient-100) 0%, var(--theme-2-gradient-0) 100%);
  
    --theme-3-gradient-d: linear-gradient(to bottom right, var(--theme-3-gradient-0), var(--theme-3-gradient-100));

    --theme-3-gradient-d-inverse: linear-gradient(to bottom right, var(--theme-3-gradient-100), var(--theme-3-gradient-0));

    --theme-3-gradient-h: linear-gradient(to right,var(--theme-3-gradient-0),var(--theme-3-gradient-100));

    --theme-3-gradient-h-inverse: linear-gradient(to right,var(--theme-3-gradient-100),var(--theme-3-gradient-0));

    --theme-3-gradient-v: linear-gradient(to bottom, var(--theme-3-gradient-0) 0%, var(--theme-3-gradient-100) 100%);

    --theme-3-gradient-v-inverse: linear-gradient(to bottom, var(--theme-3-gradient-100) 0%, var(--theme-3-gradient-0) 100%);
  
    --dark-gradient-d: linear-gradient(to bottom right, var(--dark-gradient-0), var(--dark-gradient-100));

    --dark-gradient-d-inverse: linear-gradient(to bottom right, var(--dark-gradient-100), var(--dark-gradient-0));

    --dark-gradient-h: linear-gradient(to right,var(--dark-gradient-0),var(--dark-gradient-100));

    --dark-gradient-h-inverse: linear-gradient(to right,var(--dark-gradient-100),var(--dark-gradient-0));

    --dark-gradient-v: linear-gradient(to bottom, var(--dark-gradient-0) 0%, var(--dark-gradient-100) 100%);

    --dark-gradient-v-inverse: linear-gradient(to bottom, var(--dark-gradient-100) 0%, var(--dark-gradient-0) 100%);
  
    --light-gradient-d: linear-gradient(to bottom right, var(--light-gradient-0), var(--light-gradient-100));

    --light-gradient-d-inverse: linear-gradient(to bottom right, var(--light-gradient-100), var(--light-gradient-0));

    --light-gradient-h: linear-gradient(to right,var(--light-gradient-0),var(--light-gradient-100));

    --light-gradient-h-inverse: linear-gradient(to right,var(--light-gradient-100),var(--light-gradient-0));

    --light-gradient-v: linear-gradient(to bottom, var(--light-gradient-0) 0%, var(--light-gradient-100) 100%);

    --light-gradient-v-inverse: linear-gradient(to bottom, var(--light-gradient-100) 0%, var(--light-gradient-0) 100%);
  
    --accent-1-gradient-d: linear-gradient(to bottom right, var(--accent-1-gradient-0), var(--accent-1-gradient-100));

    --accent-1-gradient-d-inverse: linear-gradient(to bottom right, var(--accent-1-gradient-100), var(--accent-1-gradient-0));

    --accent-1-gradient-h: linear-gradient(to right,var(--accent-1-gradient-0),var(--accent-1-gradient-100));

    --accent-1-gradient-h-inverse: linear-gradient(to right,var(--accent-1-gradient-100),var(--accent-1-gradient-0));

    --accent-1-gradient-v: linear-gradient(to bottom, var(--accent-1-gradient-0) 0%, var(--accent-1-gradient-100) 100%);

    --accent-1-gradient-v-inverse: linear-gradient(to bottom, var(--accent-1-gradient-100) 0%, var(--accent-1-gradient-0) 100%);
  
    --accent-2-gradient-d: linear-gradient(to bottom right, var(--accent-2-gradient-0), var(--accent-2-gradient-100));

    --accent-2-gradient-d-inverse: linear-gradient(to bottom right, var(--accent-2-gradient-100), var(--accent-2-gradient-0));

    --accent-2-gradient-h: linear-gradient(to right,var(--accent-2-gradient-0),var(--accent-2-gradient-100));

    --accent-2-gradient-h-inverse: linear-gradient(to right,var(--accent-2-gradient-100),var(--accent-2-gradient-0));

    --accent-2-gradient-v: linear-gradient(to bottom, var(--accent-2-gradient-0) 0%, var(--accent-2-gradient-100) 100%);

    --accent-2-gradient-v-inverse: linear-gradient(to bottom, var(--accent-2-gradient-100) 0%, var(--accent-2-gradient-0) 100%);
  
   --accent-3-gradient-d: linear-gradient(to bottom right, var(--accent-3-gradient-0), var(--accent-3-gradient-100));

    --accent-3-gradient-d-inverse: linear-gradient(to bottom right, var(--accent-3-gradient-100), var(--accent-3-gradient-0));

    --accent-3-gradient-h: linear-gradient(to right,var(--accent-3-gradient-0),var(--accent-3-gradient-100));

    --accent-3-gradient-h-inverse: linear-gradient(to right,var(--accent-3-gradient-100),var(--accent-3-gradient-0));

    --accent-3-gradient-v: linear-gradient(to bottom, var(--accent-3-gradient-0) 0%, var(--accent-3-gradient-100) 100%);

    --accent-3-gradient-v-inverse: linear-gradient(to bottom, var(--accent-3-gradient-100) 0%, var(--accent-3-gradient-0) 100%);
  
    --accent-4-gradient-d: linear-gradient(to bottom right, var(--accent-4-gradient-0), var(--accent-4-gradient-100));

    --accent-4-gradient-d-inverse: linear-gradient(to bottom right, var(--accent-4-gradient-100), var(--accent-4-gradient-0));

    --accent-4-gradient-h: linear-gradient(to right,var(--accent-4-gradient-0),var(--accent-4-gradient-100));

    --accent-4-gradient-h-inverse: linear-gradient(to right,var(--accent-4-gradient-100),var(--accent-4-gradient-0));

    --accent-4-gradient-v: linear-gradient(to bottom, var(--accent-4-gradient-0) 0%, var(--accent-4-gradient-100) 100%);

    --accent-4-gradient-v-inverse: linear-gradient(to bottom, var(--accent-4-gradient-100) 0%, var(--accent-4-gradient-0) 100%);
  
    --accent-5-gradient-d: linear-gradient(to bottom right, var(--accent-5-gradient-0), var(--accent-5-gradient-100));

    --accent-5-gradient-d-inverse: linear-gradient(to bottom right, var(--accent-5-gradient-100), var(--accent-5-gradient-0));

    --accent-5-gradient-h: linear-gradient(to right,var(--accent-5-gradient-0),var(--accent-5-gradient-100));

    --accent-5-gradient-h-inverse: linear-gradient(to right,var(--accent-5-gradient-100),var(--accent-5-gradient-0));

    --accent-5-gradient-v: linear-gradient(to bottom, var(--accent-5-gradient-0) 0%, var(--accent-5-gradient-100) 100%);

    --accent-5-gradient-v-inverse: linear-gradient(to bottom, var(--accent-5-gradient-100) 0%, var(--accent-5-gradient-0) 100%);
  
    --accent-6-gradient-d: linear-gradient(to bottom right, var(--accent-6-gradient-0), var(--accent-6-gradient-100));

    --accent-6-gradient-d-inverse: linear-gradient(to bottom right, var(--accent-6-gradient-100), var(--accent-6-gradient-0));

    --accent-6-gradient-h: linear-gradient(to right,var(--accent-6-gradient-0),var(--accent-6-gradient-100));

    --accent-6-gradient-h-inverse: linear-gradient(to right,var(--accent-6-gradient-100),var(--accent-6-gradient-0));

    --accent-6-gradient-v: linear-gradient(to bottom, var(--accent-6-gradient-0) 0%, var(--accent-6-gradient-100) 100%);

    --accent-6-gradient-v-inverse: linear-gradient(to bottom, var(--accent-6-gradient-100) 0%, var(--accent-6-gradient-0) 100%);
  }
  
  /* WRX UI Icons */
  
  
  .wrx-icon {
    display: inline-block;
    font-family: "wrx-icon";
    font-feature-settings: normal;
    font-kerning: auto;
    font-size: inherit;
    color: inherit;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    vertical-align: middle;
  }

  /* Icon font setup */
  [class*=" wrxicon-"]::before,
  [class^="wrxicon-"]::before,
  [data-icon]::before {
    font-family: wrx-icon !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  /* Data icon content */
  [data-icon]::before {
    content: attr(data-icon);
  }

  /* Icon definitions */
  .wrxicon-user::before {
    content: "\63";
  }
  .wrxicon-home::before {
    content: "\67";
  }
  .wrxicon-move-up::before {
    content: "\61";
  }
  .wrxicon-search::before {
    content: "\62";
  }
  .wrxicon-three-bars::before {
    content: "\64";
  }
  .wrxicon-torso::before {
    content: "\66";
  }
  .wrxicon-cancel-circled::before {
    content: "\68";
  }
  .wrxicon-bubble::before {
    content: "\69";
  }
  .wrxicon-star-two::before {
    content: "\6a";
  }
  .wrxicon-star-half::before {
    content: "\6b";
  }
  .wrxicon-star-half-1::before {
    content: "\6c";
  }
  .wrxicon-star::before {
    content: "\6d";
  }
  .wrxicon-heart::before {
    content: "\6e";
  }
  .wrxicon-sharethis::before {
    content: "\6f";
  }
  .wrxicon-bubble-3::before {
    content: "\70";
  }
  .wrxicon-arrow-circle-up::before {
    content: "\71";
  }
  .wrxicon-arrow-circle-left::before {
    content: "\72";
  }
  .wrxicon-arrow-circle-right::before {
    content: "\73";
  }
  .wrxicon-issue-opened::before {
    content: "\74";
  }
  .wrxicon-primitive-dot::before {
    content: "\65";
  }
  .wrxicon-primitive-square::before {
    content: "\75";
  }
  .wrxicon-playfacebook::before {
    content: "\76";
  }
  .wrxicon-facebook::before {
    content: "\77";
  }
  .wrxicon-linkedin::before {
    content: "\79";
  }
  .wrxicon-blogger::before {
    content: "\7a";
  }
  .wrxicon-youtube::before {
    content: "\41";
  }
  .wrxicon-whatsapp::before {
    content: "\43";
  }
  .wrxicon-vimeo::before {
    content: "\45";
  }
  .wrxicon-tumblr::before {
    content: "\46";
  }
  .wrxicon-skype::before {
    content: "\47";
  }
  .wrxicon-rss::before {
    content: "\48";
  }
  .wrxicon-flickr::before {
    content: "\49";
  }
  .wrxicon-myspace-alt::before {
    content: "\4a";
  }
  .wrxicon-pluspin-map::before {
    content: "\4b";
  }
  .wrxicon-pin-map::before {
    content: "\4c";
  }
  .wrxicon-refresh::before {
    content: "\4d";
  }
  .wrxicon-talk-chat-2::before {
    content: "\4e";
  }
  .wrxicon-twitter::before {
    content: "\4f";
  }
  .wrxicon-gplus::before {
    content: "\50";
  }
  .wrxicon-social-snapchat::before {
    content: "\42";
  }
  .wrxicon-social-windows::before {
    content: "\51";
  }
  .wrxicon-light-bulb::before {
    content: "\44";
  }
  .wrxicon-trashcan::before {
    content: "\52";
  }
  .wrxicon-plus-circle::before {
    content: "\53";
  }
  .wrxicon-play-circle::before {
    content: "\54";
  }
  .wrxicon-like::before {
    content: "\55";
  }
  .wrxicon-like-filledcheck::before {
    content: "\56";
  }
  .wrxicon-check::before {
    content: "\57";
  }
  .wrxicon-archive::before {
    content: "\58";
  }
  .wrxicon-cloud-download::before {
    content: "\59";
  }
  .wrxicon-cloud-upload::before {
    content: "\5a";
  }
  .wrxicon-email-envelope::before {
    content: "\30";
  }
  .wrxicon-phone-mobile::before {
    content: "\32";
  }
  .wrxicon-pinterest-1::before {
    content: "\33";
  }
  .wrxicon-instagrem::before {
    content: "\34";
  }
  .wrxicon-language::before {
    content: "\78";
  }
  .wrxicon-device-mobile::before {
    content: "\31";
  }
  .wrxicon-device-desktop::before {
    content: "\35";
  }
  .wrxicon-user-close-edit::before {
    content: "\36";
  }
  .wrxicon-user-close-settings::before {
    content: "\37";
  }
  .wrxicon-user-close-information::before {
    content: "\38";
  }
  .wrxicon-user-close-security::before {
    content: "\39";
  }
  .wrxicon-user-close::before {
    content: "\21";
  }
  .wrxicon-user-times::before {
    content: "\23";
  }
  .wrxicon-external-link-square::before {
    content: "\22";
  }
  .wrxicon-external-link::before {
    content: "\24";
  }
  .wrxicon-spinner::before {
    content: "\25";
  }
  .wrxicon-exclamation-circle::before {
    content: "\26";
  }
  .wrxicon-minus-alt::before {
    content: "\27";
  }
  .wrxicon-lock-alt::before {
    content: "\28";
  }
  .wrxicon-close::before {
    content: "\29";
  }
  .wrxicon-chevron-up::before {
    content: "\2a";
  }
  .wrxicon-chevron-right::before {
    content: "\2b";
  }
  .wrxicon-chevron-left::before {
    content: "\2c";
  }
  .wrxicon-chevron-down::before {
    content: "\2d";
  }
  .wrxicon-info-circle::before {
    content: "\2e";
  }
  .wrxicon-recycle::before {
    content: "\2f";
  }
  .wrxicon-refresh-1::before {
    content: "\3a";
  }
  .wrxicon-alert-circled::before {
    content: "\3b";
  }
  .wrxicon-android-checkbox::before {
    content: "\3c";
  }
  .wrxicon-android-globe::before {
    content: "\3d";
  }
  .wrxicon-android-star::before {
    content: "\3e";
  }
  .wrxicon-android-star-half::before {
    content: "\3f";
  }
  .wrxicon-android-star-outline::before {
    content: "\40";
  }
  .wrxicon-android-textsms::before {
    content: "\5b";
  }
  .wrxicon-android-settings::before {
    content: "\5d";
  }
  .wrxicon-chatbox::before {
    content: "\5e";
  }
  .wrxicon-chatbox-working::before {
    content: "\5f";
  }
  .wrxicon-chatboxes::before {
    content: "\60";
  }
  .wrxicon-chatbubble::before {
    content: "\7b";
  }
  .wrxicon-chatbubble-working::before {
    content: "\7c";
  }
  .wrxicon-chatbubbles::before {
    content: "\7d";
  }
  .wrxicon-close-round::before {
    content: "\7e";
  }
  .wrxicon-heart-1::before {
    content: "\5c";
  }
  .wrxicon-zoom-in::before {
    content: "\e000";
  }
  .wrxicon-zoom-out::before {
    content: "\e001";
  }
  .wrxicon-ipad::before {
    content: "\e002";
  }
  .wrxicon-iphone::before {
    content: "\e003";
  }
  .wrxicon-flag::before {
    content: "\e004";
  }
  .wrxicon-flag-1::before {
    content: "\e005";
  }
  .wrxicon-flag-goal::before {
    content: "\e006";
  }
  .wrxicon-hand-down::before {
    content: "\e007";
  }
  .wrxicon-hand-right::before {
    content: "\e008";
  }
  .wrxicon-hand-up::before {
    content: "\e009";
  }
  .wrxicon-left::before {
    content: "\e00a";
  }
  .wrxicon-pencil-square::before {
    content: "\e00b";
  }
  .wrxicon-pencil::before {
    content: "\e00c";
  }
  .wrxicon-wrench::before {
    content: "\e00d";
  }
  .wrxicon-trash-bin::before {
    content: "\e00e";
  }
  .wrxicon-tag::before {
    content: "\e00f";
  }
  .wrxicon-share::before {
    content: "\e010";
  }
  .wrxicon-vcard::before {
    content: "\e011";
  }
  .wrxicon-check-1::before {
    content: "\e012";
  }
  .wrxicon-calendar::before {
    content: "\e013";
  }

  .flag-icon,
  .flag-icon-background {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .flag-icon {
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em;
  }
  .flag-icon:before {
    content: "\00a0";
  }
  .flag-icon.flag-icon-squared {
    width: 1em;
  }

  /* Bootstrap Theme Colors */

  :root, [data-bs-theme="light"] {

    --bs-blue: var(--blue);

    --bs-indigo: #6610f2;

    --bs-purple: #6f42c1;

    --bs-pink: #d63384;

    --bs-red: #dc3545;

    --bs-orange: #fd7e14;

    --bs-yellow: #ffc107;

    --bs-green: #198754;

    --bs-teal: #20c997;

    --bs-cyan: #0dcaf0;

    --bs-black: #000;

    --bs-white: #fff;

    --bs-gray: #6c757d;

    --bs-gray-dark: #343a40;

    --bs-gray-100: #f8f9fa;

    --bs-gray-200: #e9ecef;

    --bs-gray-300: #dee2e6;

    --bs-gray-400: #ced4da;

    --bs-gray-500: #adb5bd;

    --bs-gray-600: #6c757d;

    --bs-gray-700: #495057;

    --bs-gray-800: #343a40;

    --bs-gray-900: #212529;

    --bs-primary: #0d6efd;

    --bs-secondary: #6c757d;

    --bs-success: #198754;

    --bs-info: #0dcaf0;

    --bs-warning: #ffc107;

    --bs-danger: #dc3545;

    --bs-light: #f8f9fa;

    --bs-dark: #212529;

    --bs-primary-rgb: 13, 110, 253;

    --bs-secondary-rgb: 108, 117, 125;

    --bs-success-rgb: 25, 135, 84;

    --bs-info-rgb: 13, 202, 240;

    --bs-warning-rgb: 255, 193, 7;

    --bs-danger-rgb: 220, 53, 69;

    --bs-light-rgb: 248, 249, 250;

    --bs-dark-rgb: 33, 37, 41;

    --bs-primary-text-emphasis: #052c65;

    --bs-secondary-text-emphasis: #2b2f32;

    --bs-success-text-emphasis: #0a3622;

    --bs-info-text-emphasis: #055160;

    --bs-warning-text-emphasis: #664d03;

    --bs-danger-text-emphasis: #58151c;

    --bs-light-text-emphasis: #495057;

    --bs-dark-text-emphasis: #495057;

    --bs-primary-bg-subtle: #cfe2ff;

    --bs-secondary-bg-subtle: #e2e3e5;

    --bs-success-bg-subtle: #d1e7dd;

    --bs-info-bg-subtle: #cff4fc;

    --bs-warning-bg-subtle: #fff3cd;

    --bs-danger-bg-subtle: #f8d7da;

    --bs-light-bg-subtle: #fcfcfd;

    --bs-dark-bg-subtle: #ced4da;

    --bs-primary-border-subtle: #9ec5fe;

    --bs-secondary-border-subtle: #c4c8cb;

    --bs-success-border-subtle: #a3cfbb;

    --bs-info-border-subtle: #9eeaf9;

    --bs-warning-border-subtle: #ffe69c;

    --bs-danger-border-subtle: #f1aeb5;

    --bs-light-border-subtle: #e9ecef;

    --bs-dark-border-subtle: #adb5bd;

    --bs-white-rgb: 255, 255, 255;

    --bs-black-rgb: 0, 0, 0;

    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));

    --bs-body-font-family: var(--bs-font-sans-serif);

    --bs-body-color: #212529;

    --bs-body-color-rgb: 33, 37, 41;

    --bs-body-bg: #fff;

    --bs-body-bg-rgb: 255, 255, 255;

    --bs-emphasis-color: #000;

    --bs-emphasis-color-rgb: 0, 0, 0;

    --bs-secondary-color: rgba(33, 37, 41, 0.75);

    --bs-secondary-color-rgb: 33, 37, 41;

    --bs-secondary-bg: #e9ecef;

    --bs-secondary-bg-rgb: 233, 236, 239;

    --bs-tertiary-color: rgba(33, 37, 41, 0.5);

    --bs-tertiary-color-rgb: 33, 37, 41;

    --bs-tertiary-bg: #f8f9fa;

    --bs-tertiary-bg-rgb: 248, 249, 250;

    --bs-heading-color: inherit;

    --bs-link-color: #0d6efd;

    --bs-link-color-rgb: 13, 110, 253;

    --bs-link-hover-color: #0a58ca;

    --bs-link-hover-color-rgb: 10, 88, 202;

    --bs-code-color: #d63384;

    --bs-highlight-color: #212529;

    --bs-highlight-bg: #fff3cd;

    --bs-border-color: #dee2e6;

    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);

    --bs-focus-ring-color: rgba(13, 110, 253, 0.25);

    --bs-form-valid-color: #198754;

    --bs-form-valid-border-color: #198754;

    --bs-form-invalid-color: #dc3545;

    --bs-form-invalid-border-color: #dc3545;
  }

  [data-bs-theme="dark"] { color-scheme: dark;

    --bs-body-color: #dee2e6;

    --bs-body-color-rgb: 222, 226, 230;

    --bs-body-bg: #212529;

    --bs-body-bg-rgb: 33, 37, 41;

    --bs-emphasis-color: #fff;

    --bs-emphasis-color-rgb: 255, 255, 255;

    --bs-secondary-color: rgba(222, 226, 230, 0.75);

    --bs-secondary-color-rgb: 222, 226, 230;

    --bs-secondary-bg: #343a40;

    --bs-secondary-bg-rgb: 52, 58, 64;

    --bs-tertiary-color: rgba(222, 226, 230, 0.5);

    --bs-tertiary-color-rgb: 222, 226, 230;

    --bs-tertiary-bg: #2b3035;

    --bs-tertiary-bg-rgb: 43, 48, 53;

    --bs-primary-text-emphasis: #6ea8fe;

    --bs-secondary-text-emphasis: #a7acb1;

    --bs-success-text-emphasis: #75b798;

    --bs-info-text-emphasis: #6edff6;

    --bs-warning-text-emphasis: #ffda6a;

    --bs-danger-text-emphasis: #ea868f;

    --bs-light-text-emphasis: #f8f9fa;

    --bs-dark-text-emphasis: #dee2e6;

    --bs-primary-bg-subtle: #031633;

    --bs-secondary-bg-subtle: #161719;

    --bs-success-bg-subtle: #051b11;

    --bs-info-bg-subtle: #032830;

    --bs-warning-bg-subtle: #332701;

    --bs-danger-bg-subtle: #2c0b0e;

    --bs-light-bg-subtle: #343a40;

    --bs-dark-bg-subtle: #1a1d20;

    --bs-primary-border-subtle: #084298;

    --bs-secondary-border-subtle: #41464b;

    --bs-success-border-subtle: #0f5132;

    --bs-info-border-subtle: #087990;

    --bs-warning-border-subtle: #997404;

    --bs-danger-border-subtle: #842029;

    --bs-light-border-subtle: #495057;

    --bs-dark-border-subtle: #343a40;

    --bs-heading-color: inherit;

    --bs-link-color: #6ea8fe;

    --bs-link-hover-color: #8bb9fe;

    --bs-link-color-rgb: 110, 168, 254;

    --bs-link-hover-color-rgb: 139, 185, 254;

    --bs-code-color: #e685b5;

    --bs-highlight-color: #dee2e6;

    --bs-highlight-bg: #664d03;

    --bs-border-color: #495057;

    --bs-border-color-translucent: rgba(255, 255, 255, 0.15);

    --bs-form-valid-color: #75b798;

    --bs-form-valid-border-color: #75b798;

    --bs-form-invalid-color: #ea868f;

    --bs-form-invalid-border-color: #ea868f;

  }

    /* Colors From DOOB */

  :root {

    --theme-gradient: linear-gradient(95deg, var(--primary) 20%, var(--primary-l1) 50%, var(--secondary-l1) 90%, var(--secondary) 100%) 98% / 200% 100%;

    --color-primary: var(--primary);

    --color-primary-rgba: rgb(5, 157, 255);

    --color-primary-rgba-2: rgba(5, 157, 255, 0.15);

    --color-primary-alt: var(--primary);

    --color-primary-light: var(--primary-l1);

    --color-primary-lightest: var(--primary-l2);

    --color-secondary: var(--secondary);

    --color-tertiary: #6549d5;

    --color-tertiary-alt: #6549d5;

    --color-aqua: #00ffd1;

    --color-aqua-alt: #00ced1;

    --color-pink: #e33fa1;

    --color-light-green: #36c6f0;

    --color-primary-darker: #011827;

    --color-tertiary-darker: #150b40;

    --color-secondary-darker: #00292c;

    --color-light-green-darker: #001f27;

    --color-pink-darker: #2f011d;

    --color-heading: #ffffff;

    --color-body: #acacac;

    --color-dark: #060606;

    --color-darker: rgba(6, 6, 6, 0.7);

    --color-darkest: rgba(0, 0, 0, 0.3);

    --color-black: #000000;

    --color-black-off: rgba(0, 0, 0, 0.2);

    --color-blacker: rgba(15, 15, 17, 0);

    --color-blackest: #0f0f11;

    --color-border: hsla(0, 0%, 100%, 0.1);

    --color-lessdark: #1e1e1e;

    --color-gray: #65676b;

    --color-midgray: #878787;

    --color-light: #e4e6ea;

    --color-lighter: #ced0d4;

    --color-lightest: #f0f2f5;

    --color-white: #ffffff;

    --color-white-off: rgba(255, 255, 255, 0.05);

    --color-success: #3eb75e;

    --color-danger: #ff0003;

    --color-warning: #ff8f3c;

    --color-info: #1ba2db;

    --color-facebook: #3b5997;

    --color-twitter: #1ba1f2;

    --color-youtube: #ed4141;

    --color-linkedin: #0077b5;

    --color-pinterest: #e60022;

    --color-instagram: #c231a1;

    --color-vimeo: #00adef;

    --color-twitch: #6441a3;

    --color-discord: #7289da;

    --color-extra01: #666666;

    --color-extra02: #606770;

    --color-extra03: #fbfbfd;

    --color-extra04: #1a1a1a;

    --color-extra05: #242424;

    --color-extra06: #111424;
  }

  /* Settngs From DOOB */

  :root {

    --border-width: 2px;

    --radius-small: 6px;

    --radius: 10px;

    --radius-big: 16px;

    --p-light: 300;

    --p-regular: 400;

    --p-medium: 500;

    --p-semi-bold: 600;

    --p-bold: 700;

    --p-extra-bold: 800;

    --p-black: 900;

    --shadow-primary: 0 0 20px 5px rgba(251, 83, 67, 0.2);

    --shadow-light: 1px 1px 6px rgba(0, 0, 0, 0.25);

    --shadow-lighter: 4px 4px 20px 20px rgba(0, 0, 0, 0.01);

    --transition: 0.3s;

    --transition-transform: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1);

    --font-primary: "Inter", sans-serif;

    --secondary-font: "Inter", sans-serif;

    --font-awesome: "Font Awesome 5 Pro";

    --font-size-b1: 18px;

    --font-size-b2: 16px;

    --font-size-b3: 14px;

    --font-size-b4: 12px;

    --line-height-b1: 1.67;

    --line-height-b2: 1.7;

    --line-height-b3: 1.6;

    --line-height-b4: 1.3;

    --h1: 56px;

    --h2: 44px;

    --h3: 36px;

    --h4: 24px;

    --h5: 18px;

    --h6: 16px;

  }
  
  
  
  
  /* WRX COLORS */

/* Efficient CSS Class for Background with Overriding */
.bg-primary { background-color: transparent !important; background: var(--primary) !important; }
.bg-primary-l1 { background-color: transparent !important; background: var(--primary-l1) !important; }
.bg-primary-l2 { background-color: transparent !important; background: var(--primary-l2) !important; }
.bg-primary-l3 { background-color: transparent !important; background: var(--primary-l3) !important; }
.bg-primary-d1 { background-color: transparent !important; background: var(--primary-d1) !important; }
.bg-primary-d2 { background-color: transparent !important; background: var(--primary-d2) !important; }
.bg-primary-d3 { background-color: transparent !important; background: var(--primary-d3) !important; }

.bg-primary-a1 { background-color: transparent !important; background: var(--primary-a1) !important; }
.bg-primary-a2 { background-color: transparent !important; background: var(--primary-a2) !important; }
.bg-primary-a3 { background-color: transparent !important; background: var(--primary-a3) !important; }
.bg-primary-a4 { background-color: transparent !important; background: var(--primary-a4) !important; }
.bg-primary-a5 { background-color: transparent !important; background: var(--primary-a5) !important; }
.bg-primary-a6 { background-color: transparent !important; background: var(--primary-a6) !important; }

.bg-secondary { background-color: transparent !important; background: var(--secondary) !important; }
.bg-secondary-l1 { background-color: transparent !important; background: var(--secondary-l1) !important; }
.bg-secondary-l2 { background-color: transparent !important; background: var(--secondary-l2) !important; }
.bg-secondary-l3 { background-color: transparent !important; background: var(--secondary-l3) !important; }
.bg-secondary-d1 { background-color: transparent !important; background: var(--secondary-d1) !important; }
.bg-secondary-d2 { background-color: transparent !important; background: var(--secondary-d2) !important; }
.bg-secondary-d3 { background-color: transparent !important; background: var(--secondary-d3) !important; }

.bg-gradient-d { background-color: transparent !important; background: var(--gradient-d) !important; }
.bg-gradient-h { background-color: transparent !important; background: var(--gradient-h) !important; }
.bg-gradient-v { background-color: transparent !important; background: var(--gradient-v) !important; }

.bg-red { background-color: transparent !important; background: var(--red) !important; }
.bg-red-l1 { background-color: transparent !important; background: var(--red-l1) !important; }
.bg-red-l2 { background-color: transparent !important; background: var(--red-l2) !important; }
.bg-red-l3 { background-color: transparent !important; background: var(--red-l3) !important; }
.bg-red-d1 { background-color: transparent !important; background: var(--red-d1) !important; }
.bg-red-d2 { background-color: transparent !important; background: var(--red-d2) !important; }
.bg-red-d3 { background-color: transparent !important; background: var(--red-d3) !important; }

.bg-pink { background-color: transparent !important; background: var(--pink) !important; }
.bg-pink-l1 { background-color: transparent !important; background: var(--pink-l1) !important; }
.bg-pink-l2 { background-color: transparent !important; background: var(--pink-l2) !important; }
.bg-pink-l3 { background-color: transparent !important; background: var(--pink-l3) !important; }
.bg-pink-d1 { background-color: transparent !important; background: var(--pink-d1) !important; }
.bg-pink-d2 { background-color: transparent !important; background: var(--pink-d2) !important; }
.bg-pink-d3 { background-color: transparent !important; background: var(--pink-d3) !important; }

.bg-purple { background-color: transparent !important; background: var(--purple) !important; }
.bg-purple-l1 { background-color: transparent !important; background: var(--purple-l1) !important; }
.bg-purple-l2 { background-color: transparent !important; background: var(--purple-l2) !important; }
.bg-purple-l3 { background-color: transparent !important; background: var(--purple-l3) !important; }
.bg-purple-d1 { background-color: transparent !important; background: var(--purple-d1) !important; }
.bg-purple-d2 { background-color: transparent !important; background: var(--purple-d2) !important; }
.bg-purple-d3 { background-color: transparent !important; background: var(--purple-d3) !important; }

.bg-deeppurple { background-color: transparent !important; background: var(--deeppurple) !important; }
.bg-deeppurple-l1 { background-color: transparent !important; background: var(--deeppurple-l1) !important; }
.bg-deeppurple-l2 { background-color: transparent !important; background: var(--deeppurple-l2) !important; }
.bg-deeppurple-l3 { background-color: transparent !important; background: var(--deeppurple-l3) !important; }
.bg-deeppurple-d1 { background-color: transparent !important; background: var(--deeppurple-d1) !important; }
.bg-deeppurple-d2 { background-color: transparent !important; background: var(--deeppurple-d2) !important; }
.bg-deeppurple-d3 { background-color: transparent !important; background: var(--deeppurple-d3) !important; }

/* Indigo Colors */
.bg-indigo { background-color: transparent !important; background: var(--indigo) !important; }
.bg-indigo-l1 { background-color: transparent !important; background: var(--indigo-l1) !important; }
.bg-indigo-l2 { background-color: transparent !important; background: var(--indigo-l2) !important; }
.bg-indigo-l3 { background-color: transparent !important; background: var(--indigo-l3) !important; }
.bg-indigo-d1 { background-color: transparent !important; background: var(--indigo-d1) !important; }
.bg-indigo-d2 { background-color: transparent !important; background: var(--indigo-d2) !important; }
.bg-indigo-d3 { background-color: transparent !important; background: var(--indigo-d3) !important; }

/* Blue Colors */
.bg-blue { background-color: transparent !important; background: var(--blue) !important; }
.bg-blue-l1 { background-color: transparent !important; background: var(--blue-l1) !important; }
.bg-blue-l2 { background-color: transparent !important; background: var(--blue-l2) !important; }
.bg-blue-l3 { background-color: transparent !important; background: var(--blue-l3) !important; }
.bg-blue-d1 { background-color: transparent !important; background: var(--blue-d1) !important; }
.bg-blue-d2 { background-color: transparent !important; background: var(--blue-d2) !important; }
.bg-blue-d3 { background-color: transparent !important; background: var(--blue-d3) !important; }

/* Light Blue Colors */
.bg-lightblue { background-color: transparent !important; background: var(--lightblue) !important; }
.bg-lightblue-l1 { background-color: transparent !important; background: var(--lightblue-l1) !important; }
.bg-lightblue-l2 { background-color: transparent !important; background: var(--lightblue-l2) !important; }
.bg-lightblue-l3 { background-color: transparent !important; background: var(--lightblue-l3) !important; }
.bg-lightblue-d1 { background-color: transparent !important; background: var(--lightblue-d1) !important; }
.bg-lightblue-d2 { background-color: transparent !important; background: var(--lightblue-d2) !important; }
.bg-lightblue-d3 { background-color: transparent !important; background: var(--lightblue-d3) !important; }

/* Cyan Colors */
.bg-cyan { background-color: transparent !important; background: var(--cyan) !important; }
.bg-cyan-l1 { background-color: transparent !important; background: var(--cyan-l1) !important; }
.bg-cyan-l2 { background-color: transparent !important; background: var(--cyan-l2) !important; }
.bg-cyan-l3 { background-color: transparent !important; background: var(--cyan-l3) !important; }
.bg-cyan-d1 { background-color: transparent !important; background: var(--cyan-d1) !important; }
.bg-cyan-d2 { background-color: transparent !important; background: var(--cyan-d2) !important; }
.bg-cyan-d3 { background-color: transparent !important; background: var(--cyan-d3) !important; }

/* Teal Colors */
.bg-teal { background-color: transparent !important; background: var(--teal) !important; }
.bg-teal-l1 { background-color: transparent !important; background: var(--teal-l1) !important; }
.bg-teal-l2 { background-color: transparent !important; background: var(--teal-l2) !important; }
.bg-teal-l3 { background-color: transparent !important; background: var(--teal-l3) !important; }
.bg-teal-d1 { background-color: transparent !important; background: var(--teal-d1) !important; }
.bg-teal-d2 { background-color: transparent !important; background: var(--teal-d2) !important; }
.bg-teal-d3 { background-color: transparent !important; background: var(--teal-d3) !important; }

/* Green Colors */
.bg-green { background-color: transparent !important; background: var(--green) !important; }
.bg-green-l1 { background-color: transparent !important; background: var(--green-l1) !important; }
.bg-green-l2 { background-color: transparent !important; background: var(--green-l2) !important; }
.bg-green-l3 { background-color: transparent !important; background: var(--green-l3) !important; }
.bg-green-d1 { background-color: transparent !important; background: var(--green-d1) !important; }
.bg-green-d2 { background-color: transparent !important; background: var(--green-d2) !important; }
.bg-green-d3 { background-color: transparent !important; background: var(--green-d3) !important; }


/* LightGreen Colors */
.bg-lightgreen { background-color: transparent !important; background: var(--lightgreen) !important; }
.bg-lightgreen-l1 { background-color: transparent !important; background: var(--lightgreen-l1) !important; }
.bg-lightgreen-l2 { background-color: transparent !important; background: var(--lightgreen-l2) !important; }
.bg-lightgreen-l3 { background-color: transparent !important; background: var(--lightgreen-l3) !important; }
.bg-lightgreen-d1 { background-color: transparent !important; background: var(--lightgreen-d1) !important; }
.bg-lightgreen-d2 { background-color: transparent !important; background: var(--lightgreen-d2) !important; }
.bg-lightgreen-d3 { background-color: transparent !important; background: var(--lightgreen-d3) !important; }

/* Lime Colors */
.bg-lime { background-color: transparent !important; background: var(--lime) !important; }
.bg-lime-l1 { background-color: transparent !important; background: var(--lime-l1) !important; }
.bg-lime-l2 { background-color: transparent !important; background: var(--lime-l2) !important; }
.bg-lime-l3 { background-color: transparent !important; background: var(--lime-l3) !important; }
.bg-lime-d1 { background-color: transparent !important; background: var(--lime-d1) !important; }
.bg-lime-d2 { background-color: transparent !important; background: var(--lime-d2) !important; }
.bg-lime-d3 { background-color: transparent !important; background: var(--lime-d3) !important; }

/* Yellow Colors */
.bg-yellow { background-color: transparent !important; background: var(--yellow) !important; }
.bg-yellow-l1 { background-color: transparent !important; background: var(--yellow-l1) !important; }
.bg-yellow-l2 { background-color: transparent !important; background: var(--yellow-l2) !important; }
.bg-yellow-l3 { background-color: transparent !important; background: var(--yellow-l3) !important; }
.bg-yellow-d1 { background-color: transparent !important; background: var(--yellow-d1) !important; }
.bg-yellow-d2 { background-color: transparent !important; background: var(--yellow-d2) !important; }
.bg-yellow-d3 { background-color: transparent !important; background: var(--yellow-d3) !important; }

/* Amber Colors */
.bg-amber { background-color: transparent !important; background: var(--amber) !important; }
.bg-amber-l1 { background-color: transparent !important; background: var(--amber-l1) !important; }
.bg-amber-l2 { background-color: transparent !important; background: var(--amber-l2) !important; }
.bg-amber-l3 { background-color: transparent !important; background: var(--amber-l3) !important; }
.bg-amber-d1 { background-color: transparent !important; background: var(--amber-d1) !important; }
.bg-amber-d2 { background-color: transparent !important; background: var(--amber-d2) !important; }
.bg-amber-d3 { background-color: transparent !important; background: var(--amber-d3) !important; }

/* Orange Colors */
.bg-orange { background-color: transparent !important; background: var(--orange) !important; }
.bg-orange-l1 { background-color: transparent !important; background: var(--orange-l1) !important; }
.bg-orange-l2 { background-color: transparent !important; background: var(--orange-l2) !important; }
.bg-orange-l3 { background-color: transparent !important; background: var(--orange-l3) !important; }
.bg-orange-d1 { background-color: transparent !important; background: var(--orange-d1) !important; }
.bg-orange-d2 { background-color: transparent !important; background: var(--orange-d2) !important; }
.bg-orange-d3 { background-color: transparent !important; background: var(--orange-d3) !important; }

/* DeepOrange Colors */
.bg-deeporange { background-color: transparent !important; background: var(--deeporange) !important; }
.bg-deeporange-l1 { background-color: transparent !important; background: var(--deeporange-l1) !important; }
.bg-deeporange-l2 { background-color: transparent !important; background: var(--deeporange-l2) !important; }
.bg-deeporange-l3 { background-color: transparent !important; background: var(--deeporange-l3) !important; }
.bg-deeporange-d1 { background-color: transparent !important; background: var(--deeporange-d1) !important; }
.bg-deeporange-d2 { background-color: transparent !important; background: var(--deeporange-d2) !important; }
.bg-deeporange-d3 { background-color: transparent !important; background: var(--deeporange-d3) !important; }

/* Gray and BlueGray */
.bg-gray { background-color: transparent !important; background: var(--gray) !important; }
.bg-gray-l1 { background-color: transparent !important; background: var(--gray-l1) !important; }
.bg-gray-l2 { background-color: transparent !important; background: var(--gray-l2) !important; }
.bg-gray-l3 { background-color: transparent !important; background: var(--gray-l3) !important; }
.bg-gray-d1 { background-color: transparent !important; background: var(--gray-d1) !important; }
.bg-gray-d2 { background-color: transparent !important; background: var(--gray-d2) !important; }
.bg-gray-d3 { background-color: transparent !important; background: var(--gray-d3) !important; }

.bg-bluegray { background-color: transparent !important; background: var(--bluegray) !important; }
.bg-bluegray-l1 { background-color: transparent !important; background: var(--bluegray-l1) !important; }
.bg-bluegray-l2 { background-color: transparent !important; background: var(--bluegray-l2) !important; }
.bg-bluegray-l3 { background-color: transparent !important; background: var(--bluegray-l3) !important; }
.bg-bluegray-d1 { background-color: transparent !important; background: var(--bluegray-d1) !important; }
.bg-bluegray-d2 { background-color: transparent !important; background: var(--bluegray-d2) !important; }
.bg-bluegray-d3 { background-color: transparent !important; background: var(--bluegray-d3) !important; }

.bg-silver { background-color: transparent !important; background: var(--silver) !important; }
.bg-silver-l1 { background-color: transparent !important; background: var(--silver-l1) !important; }
.bg-silver-l2 { background-color: transparent !important; background: var(--silver-l2) !important; }
.bg-silver-l3 { background-color: transparent !important; background: var(--silver-l3) !important; }
.bg-silver-d1 { background-color: transparent !important; background: var(--silver-d1) !important; }
.bg-silver-d2 { background-color: transparent !important; background: var(--silver-d2) !important; }
.bg-silver-d3 { background-color: transparent !important; background: var(--silver-d3) !important; }

/* White and Black */
.bg-white { background-color: transparent !important; background: var(--white) !important; }
.bg-white-l1 { background-color: transparent !important; background: var(--white-l1) !important; }
.bg-white-l2 { background-color: transparent !important; background: var(--white-l2) !important; }
.bg-white-l3 { background-color: transparent !important; background: var(--white-l3) !important; }
.bg-white-d1 { background-color: transparent !important; background: var(--white-d1) !important; }
.bg-white-d2 { background-color: transparent !important; background: var(--white-d2) !important; }
.bg-white-d3 { background-color: transparent !important; background: var(--white-d3) !important; }

.bg-black { background-color: transparent !important; background: var(--black) !important; }
.bg-black-l1 { background-color: transparent !important; background: var(--black-l1) !important; }
.bg-black-l2 { background-color: transparent !important; background: var(--black-l2) !important; }
.bg-black-l3 { background-color: transparent !important; background: var(--black-l3) !important; }
.bg-black-d1 { background-color: transparent !important; background: var(--black-d1) !important; }
.bg-black-d2 { background-color: transparent !important; background: var(--black-d2) !important; }
.bg-black-d3 { background-color: transparent !important; background: var(--black-d3) !important; }

/* Utility */

.bg-success { background-color: transparent !important; background: var(--success) !important; }
.bg-info { background-color: transparent !important; background: var(--info) !important; }
.bg-warning { background-color: transparent !important; background: var(--warning) !important; }
.bg-danger { background-color: transparent !important; background: var(--danger) !important; }
.bg-light { background-color: transparent !important; background: var(--light) !important; }
.bg-dark { background-color: transparent !important; background: var(--dark) !important; }
.bg-error { background-color: transparent !important; background: var(--Error) !important; }
.bg-error-l1 { background-color: transparent !important; background: var(--Error-l1) !important; }
.bg-error-l2 { background-color: transparent !important; background: var(--Error-l2) !important; }
.bg-error-l3 { background-color: transparent !important; background: var(--Error-l3) !important; }
.bg-error-d1 { background-color: transparent !important; background: var(--Error-d1) !important; }
.bg-error-d2 { background-color: transparent !important; background: var(--Error-d2) !important; }
.bg-error-d3 { background-color: transparent !important; background: var(--Error-d3) !important; }
.bg-facebook { background-color: transparent !important; background: var(--Facebook) !important; }
.bg-flickr { background-color: transparent !important; background: var(--Flickr) !important; }
.bg-googleplus { background-color: transparent !important; background: var(--GooglePlus) !important; }
.bg-instagram { background-color: transparent !important; background: var(--Instagram) !important; }
.bg-linkedin { background-color: transparent !important; background: var(--LinkedIn) !important; }
.bg-pinterest { background-color: transparent !important; background: var(--Pinterest) !important; }
.bg-qq { background-color: transparent !important; background: var(--QQ) !important; }
.bg-rss { background-color: transparent !important; background: var(--RSS) !important; }
.bg-skype { background-color: transparent !important; background: var(--Skype) !important; }
.bg-snapchat { background-color: transparent !important; background: var(--SnapChat) !important; }
.bg-tumblr { background-color: transparent !important; background: var(--Tumblr) !important; }
.bg-twitter { background-color: transparent !important; background: var(--Twitter) !important; }
.bg-x { background-color: transparent !important; background: var(--X) !important; }
.bg-vibre { background-color: transparent !important; background: var(--Vibre) !important; }
.bg-vimeo { background-color: transparent !important; background: var(--Vimeo) !important; }
.bg-vine { background-color: transparent !important; background: var(--Vine) !important; }
.bg-wechat { background-color: transparent !important; background: var(--WeChat) !important; }
.bg-whatsapp { background-color: transparent !important; background: var(--WhatsApp) !important; }
.bg-windowslive { background-color: transparent !important; background: var(--WindowsLive) !important; }
.bg-youtube { background-color: transparent !important; background: var(--YouTube) !important; }

/* Shorthand Colors */

/* Primary Colors */
.color-primary { color: var(--primary) !important; }
.color-primary-l1 { color: var(--primary-l1) !important; }
.color-primary-l2 { color: var(--primary-l2) !important; }
.color-primary-l3 { color: var(--primary-l3) !important; }
.color-primary-d1 { color: var(--primary-d1) !important; }
.color-primary-d2 { color: var(--primary-d2) !important; }
.color-primary-d3 { color: var(--primary-d3) !important; }

.color-primary-a1 { color: var(--primary-a1) !important; }
.color-primary-a2 { color: var(--primary-a2) !important; }
.color-primary-a3 { color: var(--primary-a3) !important; }
.color-primary-a4 { color: var(--primary-a4) !important; }
.color-primary-a5 { color: var(--primary-a5) !important; }
.color-primary-a6 { color: var(--primary-a6) !important; }

.color-primary-f { color: var(--primary-f) !important; }
.color-primary-fl { color: var(--primary-fl) !important; }
.color-primary-fd { color: var(--primary-fd) !important; }

/* Secondary Colors */
.color-secondary { color: var(--secondary) !important; }
.color-secondary-l1 { color: var(--secondary-l1) !important; }
.color-secondary-l2 { color: var(--secondary-l2) !important; }
.color-secondary-l3 { color: var(--secondary-l3) !important; }
.color-secondary-d1 { color: var(--secondary-d1) !important; }
.color-secondary-d2 { color: var(--secondary-d2) !important; }
.color-secondary-d3 { color: var(--secondary-d3) !important; }

.color-secondary-f { color: var(--secondary-f) !important; }
.color-secondary-fl { color: var(--secondary-fl) !important; }
.color-secondary-fd { color: var(--secondary-fd) !important; }

/* Red Colors */
.color-red { color: var(--red) !important; }
.color-red-l1 { color: var(--red-l1) !important; }
.color-red-l2 { color: var(--red-l2) !important; }
.color-red-l3 { color: var(--red-l3) !important; }
.color-red-d1 { color: var(--red-d1) !important; }
.color-red-d2 { color: var(--red-d2) !important; }
.color-red-d3 { color: var(--red-d3) !important; }

/* Pink Colors */
.color-pink { color: var(--pink) !important; }
.color-pink-l1 { color: var(--pink-l1) !important; }
.color-pink-l2 { color: var(--pink-l2) !important; }
.color-pink-l3 { color: var(--pink-l3) !important; }
.color-pink-d1 { color: var(--pink-d1) !important; }
.color-pink-d2 { color: var(--pink-d2) !important; }
.color-pink-d3 { color: var(--pink-d3) !important; }

/* Purple Colors */
.color-purple { color: var(--purple) !important; }
.color-purple-l1 { color: var(--purple-l1) !important; }
.color-purple-l2 { color: var(--purple-l2) !important; }
.color-purple-l3 { color: var(--purple-l3) !important; }
.color-purple-d1 { color: var(--purple-d1) !important; }
.color-purple-d2 { color: var(--purple-d2) !important; }
.color-purple-d3 { color: var(--purple-d3) !important; }

/* Deep Purple Colors */
.color-deeppurple { color: var(--deeppurple) !important; }
.color-deeppurple-l1 { color: var(--deeppurple-l1) !important; }
.color-deeppurple-l2 { color: var(--deeppurple-l2) !important; }
.color-deeppurple-l3 { color: var(--deeppurple-l3) !important; }
.color-deeppurple-d1 { color: var(--deeppurple-d1) !important; }
.color-deeppurple-d2 { color: var(--deeppurple-d2) !important; }
.color-deeppurple-d3 { color: var(--deeppurple-d3) !important; }

/* Indigo Colors */
.color-indigo { color: var(--indigo) !important; }
.color-indigo-l1 { color: var(--indigo-l1) !important; }
.color-indigo-l2 { color: var(--indigo-l2) !important; }
.color-indigo-l3 { color: var(--indigo-l3) !important; }
.color-indigo-d1 { color: var(--indigo-d1) !important; }
.color-indigo-d2 { color: var(--indigo-d2) !important; }
.color-indigo-d3 { color: var(--indigo-d3) !important; }

/* Blue Colors */
.color-blue { color: var(--blue) !important; }
.color-blue-l1 { color: var(--blue-l1) !important; }
.color-blue-l2 { color: var(--blue-l2) !important; }
.color-blue-l3 { color: var(--blue-l3) !important; }
.color-blue-d1 { color: var(--blue-d1) !important; }
.color-blue-d2 { color: var(--blue-d2) !important; }
.color-blue-d3 { color: var(--blue-d3) !important; }

/* LightBlue Colors */
.color-lightblue { color: var(--lightblue) !important; }
.color-lightblue-l1 { color: var(--lightblue-l1) !important; }
.color-lightblue-l2 { color: var(--lightblue-l2) !important; }
.color-lightblue-l3 { color: var(--lightblue-l3) !important; }
.color-lightblue-d1 { color: var(--lightblue-d1) !important; }
.color-lightblue-d2 { color: var(--lightblue-d2) !important; }
.color-lightblue-d3 { color: var(--lightblue-d3) !important; }

/* Cyan Colors */
.color-cyan { color: var(--cyan) !important; }
.color-cyan-l1 { color: var(--cyan-l1) !important; }
.color-cyan-l2 { color: var(--cyan-l2) !important; }
.color-cyan-l3 { color: var(--cyan-l3) !important; }
.color-cyan-d1 { color: var(--cyan-d1) !important; }
.color-cyan-d2 { color: var(--cyan-d2) !important; }
.color-cyan-d3 { color: var(--cyan-d3) !important; }

/* Teal Colors */
.color-teal { color: var(--teal) !important; }
.color-teal-l1 { color: var(--teal-l1) !important; }
.color-teal-l2 { color: var(--teal-l2) !important; }
.color-teal-l3 { color: var(--teal-l3) !important; }
.color-teal-d1 { color: var(--teal-d1) !important; }
.color-teal-d2 { color: var(--teal-d2) !important; }
.color-teal-d3 { color: var(--teal-d3) !important; }

/* Green Colors */
.color-green { color: var(--green) !important; }
.color-green-l1 { color: var(--green-l1) !important; }
.color-green-l2 { color: var(--green-l2) !important; }
.color-green-l3 { color: var(--green-l3) !important; }
.color-green-d1 { color: var(--green-d1) !important; }
.color-green-d2 { color: var(--green-d2) !important; }
.color-green-d3 { color: var(--green-d3) !important; }

/* LightGreen Colors */
.color-lightgreen { color: var(--lightgreen) !important; }
.color-lightgreen-l1 { color: var(--lightgreen-l1) !important; }
.color-lightgreen-l2 { color: var(--lightgreen-l2) !important; }
.color-lightgreen-l3 { color: var(--lightgreen-l3) !important; }
.color-lightgreen-d1 { color: var(--lightgreen-d1) !important; }
.color-lightgreen-d2 { color: var(--lightgreen-d2) !important; }
.color-lightgreen-d3 { color: var(--lightgreen-d3) !important; }

/* Lime Colors */
.color-lime { color: var(--lime) !important; }
.color-lime-l1 { color: var(--lime-l1) !important; }
.color-lime-l2 { color: var(--lime-l2) !important; }
.color-lime-l3 { color: var(--lime-l3) !important; }
.color-lime-d1 { color: var(--lime-d1) !important; }
.color-lime-d2 { color: var(--lime-d2) !important; }
.color-lime-d3 { color: var(--lime-d3) !important; }

/* Yellow Colors */
.color-yellow { color: var(--yellow) !important; }
.color-yellow-l1 { color: var(--yellow-l1) !important; }
.color-yellow-l2 { color: var(--yellow-l2) !important; }
.color-yellow-l3 { color: var(--yellow-l3) !important; }
.color-yellow-d1 { color: var(--yellow-d1) !important; }
.color-yellow-d2 { color: var(--yellow-d2) !important; }
.color-yellow-d3 { color: var(--yellow-d3) !important; }

/* Amber Colors */
.color-amber { color: var(--amber) !important; }
.color-amber-l1 { color: var(--amber-l1) !important; }
.color-amber-l2 { color: var(--amber-l2) !important; }
.color-amber-l3 { color: var(--amber-l3) !important; }
.color-amber-d1 { color: var(--amber-d1) !important; }
.color-amber-d2 { color: var(--amber-d2) !important; }
.color-amber-d3 { color: var(--amber-d3) !important; }

/* Orange Colors */
.color-orange { color: var(--orange) !important; }
.color-orange-l1 { color: var(--orange-l1) !important; }
.color-orange-l2 { color: var(--orange-l2) !important; }
.color-orange-l3 { color: var(--orange-l3) !important; }
.color-orange-d1 { color: var(--orange-d1) !important; }
.color-orange-d2 { color: var(--orange-d2) !important; }
.color-orange-d3 { color: var(--orange-d3) !important; }

/* DeepOrange Colors */
.color-deeporange { color: var(--deeporange) !important; }
.color-deeporange-l1 { color: var(--deeporange-l1) !important; }
.color-deeporange-l2 { color: var(--deeporange-l2) !important; }
.color-deeporange-l3 { color: var(--deeporange-l3) !important; }
.color-deeporange-d1 { color: var(--deeporange-d1) !important; }
.color-deeporange-d2 { color: var(--deeporange-d2) !important; }
.color-deeporange-d3 { color: var(--deeporange-d3) !important; }

/* Gray Colors */
.color-gray { color: var(--gray) !important; }
.color-gray-l1 { color: var(--gray-l1) !important; }
.color-gray-l2 { color: var(--gray-l2) !important; }
.color-gray-l3 { color: var(--gray-l3) !important; }
.color-gray-d1 { color: var(--gray-d1) !important; }
.color-gray-d2 { color: var(--gray-d2) !important; }
.color-gray-d3 { color: var(--gray-d3) !important; }

/* BlueGray Colors */
.color-bluegray { color: var(--bluegray) !important; }
.color-bluegray-l1 { color: var(--bluegray-l1) !important; }
.color-bluegray-l2 { color: var(--bluegray-l2) !important; }
.color-bluegray-l3 { color: var(--bluegray-l3) !important; }
.color-bluegray-d1 { color: var(--bluegray-d1) !important; }
.color-bluegray-d2 { color: var(--bluegray-d2) !important; }
.color-bluegray-d3 { color: var(--bluegray-d3) !important; }

/* Silver Colors */
.color-silver { color: var(--silver) !important; }
.color-silver-l1 { color: var(--silver-l1) !important; }
.color-silver-l2 { color: var(--silver-l2) !important; }
.color-silver-l3 { color: var(--silver-l3) !important; }
.color-silver-d1 { color: var(--silver-d1) !important; }
.color-silver-d2 { color: var(--silver-d2) !important; }
.color-silver-d3 { color: var(--silver-d3) !important; }

/* White Colors */
.color-white { color: var(--white) !important; }
.color-white-l1 { color: var(--white-l1) !important; }
.color-white-l2 { color: var(--white-l2) !important; }
.color-white-l3 { color: var(--white-l3) !important; }
.color-white-d1 { color: var(--white-d1) !important; }
.color-white-d2 { color: var(--white-d2) !important; }
.color-white-d3 { color: var(--white-d3) !important; }

/* Black Colors */
.color-black { color: var(--black) !important; }
.color-black-l1 { color: var(--black-l1) !important; }
.color-black-l2 { color: var(--black-l2) !important; }
.color-black-l3 { color: var(--black-l3) !important; }
.color-black-d1 { color: var(--black-d1) !important; }
.color-black-d2 { color: var(--black-d2) !important; }
.color-black-d3 { color: var(--black-d3) !important; }

/* Other Utilities */
.color-transparent { color: transparent !important; }
.color-success { color: var(--success) !important; }
.color-info { color: var(--info) !important; }
.color-warning { color: var(--warning) !important; }
.color-danger { color: var(--danger) !important; }
.color-light { color: var(--light) !important; }
.color-dark { color: var(--dark) !important; }
.color-error { color: var(--Error) !important; }
.color-error-l1 { color: var(--Error-l1) !important; }
.color-error-l2 { color: var(--Error-l2) !important; }
.color-error-l3 { color: var(--Error-l3) !important; }
.color-error-d1 { color: var(--Error-d1) !important; }
.color-error-d2 { color: var(--Error-d2) !important; }
.color-error-d3 { color: var(--Error-d3) !important; }
.color-blogger { color: var(--Blogger) !important; }
.color-facebook { color: var(--Facebook) !important; }
.color-flickr { color: var(--Flickr) !important; }
.color-googleplus { color: var(--GooglePlus) !important; }
.color-instagram { color: var(--Instagram) !important; }
.color-linkedin { color: var(--LinkedIn) !important; }
.color-pinterest { color: var(--Pinterest) !important; }
.color-qq { color: var(--QQ) !important; }
.color-rss { color: var(--RSS) !important; }
.color-skype { color: var(--Skype) !important; }
.color-snapchat { color: var(--SnapChat) !important; }
.color-tumblr { color: var(--Tumblr) !important; }
.color-twitter { color: var(--Twitter) !important; }
.color-x { color: var(--X) !important; }
.color-vibre { color: var(--Vibre) !important; }
.color-vimeo { color: var(--Vimeo) !important; }
.color-vine { color: var(--Vine) !important; }
.color-wechat { color: var(--WeChat) !important; }
.color-whatsapp { color: var(--WhatsApp) !important; }
.color-windowslive { color: var(--WindowsLive) !important; }
.color-youtube { color: var(--YouTube) !important; }

/* Border Colors */

/* Primary Colors */
.border-color-primary { border-color: var(--primary) !important; }
.border-color-primary-l1 { border-color: var(--primary-l1) !important; }
.border-color-primary-l2 { border-color: var(--primary-l2) !important; }
.border-color-primary-l3 { border-color: var(--primary-l3) !important; }
.border-color-primary-d1 { border-color: var(--primary-d1) !important; }
.border-color-primary-d2 { border-color: var(--primary-d2) !important; }
.border-color-primary-d3 { border-color: var(--primary-d3) !important; }

.border-color-primary-a1 { border-color: var(--primary-a1) !important; }
.border-color-primary-a2 { border-color: var(--primary-a2) !important; }
.border-color-primary-a3 { border-color: var(--primary-a3) !important; }
.border-color-primary-a4 { border-color: var(--primary-a4) !important; }
.border-color-primary-a5 { border-color: var(--primary-a5) !important; }
.border-color-primary-a6 { border-color: var(--primary-a6) !important; }

/* Secondary Colors */
.border-color-secondary { border-color: var(--secondary) !important; }
.border-color-secondary-l1 { border-color: var(--secondary-l1) !important; }
.border-color-secondary-l2 { border-color: var(--secondary-l2) !important; }
.border-color-secondary-l3 { border-color: var(--secondary-l3) !important; }
.border-color-secondary-d1 { border-color: var(--secondary-d1) !important; }
.border-color-secondary-d2 { border-color: var(--secondary-d2) !important; }
.border-color-secondary-d3 { border-color: var(--secondary-d3) !important; }

/* Red Colors */
.border-color-red { border-color: var(--red) !important; }
.border-color-red-l1 { border-color: var(--red-l1) !important; }
.border-color-red-l2 { border-color: var(--red-l2) !important; }
.border-color-red-l3 { border-color: var(--red-l3) !important; }
.border-color-red-d1 { border-color: var(--red-d1) !important; }
.border-color-red-d2 { border-color: var(--red-d2) !important; }
.border-color-red-d3 { border-color: var(--red-d3) !important; }

/* Pink Colors */
.border-color-pink { border-color: var(--pink) !important; }
.border-color-pink-l1 { border-color: var(--pink-l1) !important; }
.border-color-pink-l2 { border-color: var(--pink-l2) !important; }
.border-color-pink-l3 { border-color: var(--pink-l3) !important; }
.border-color-pink-d1 { border-color: var(--pink-d1) !important; }
.border-color-pink-d2 { border-color: var(--pink-d2) !important; }
.border-color-pink-d3 { border-color: var(--pink-d3) !important; }

/* Purple Colors */
.border-color-purple { border-color: var(--purple) !important; }
.border-color-purple-l1 { border-color: var(--purple-l1) !important; }
.border-color-purple-l2 { border-color: var(--purple-l2) !important; }
.border-color-purple-l3 { border-color: var(--purple-l3) !important; }
.border-color-purple-d1 { border-color: var(--purple-d1) !important; }
.border-color-purple-d2 { border-color: var(--purple-d2) !important; }
.border-color-purple-d3 { border-color: var(--purple-d3) !important; }

/* DeepPurple Colors */
.border-color-deeppurple { border-color: var(--deeppurple) !important; }
.border-color-deeppurple-l1 { border-color: var(--deeppurple-l1) !important; }
.border-color-deeppurple-l2 { border-color: var(--deeppurple-l2) !important; }
.border-color-deeppurple-l3 { border-color: var(--deeppurple-l3) !important; }
.border-color-deeppurple-d1 { border-color: var(--deeppurple-d1) !important; }
.border-color-deeppurple-d2 { border-color: var(--deeppurple-d2) !important; }
.border-color-deeppurple-d3 { border-color: var(--deeppurple-d3) !important; }

/* Indigo Colors */
.border-color-indigo { border-color: var(--indigo) !important; }
.border-color-indigo-l1 { border-color: var(--indigo-l1) !important; }
.border-color-indigo-l2 { border-color: var(--indigo-l2) !important; }
.border-color-indigo-l3 { border-color: var(--indigo-l3) !important; }
.border-color-indigo-d1 { border-color: var(--indigo-d1) !important; }
.border-color-indigo-d2 { border-color: var(--indigo-d2) !important; }
.border-color-indigo-d3 { border-color: var(--indigo-d3) !important; }

/* Blue Colors */
.border-color-blue { border-color: var(--blue) !important; }
.border-color-blue-l1 { border-color: var(--blue-l1) !important; }
.border-color-blue-l2 { border-color: var(--blue-l2) !important; }
.border-color-blue-l3 { border-color: var(--blue-l3) !important; }
.border-color-blue-d1 { border-color: var(--blue-d1) !important; }
.border-color-blue-d2 { border-color: var(--blue-d2) !important; }
.border-color-blue-d3 { border-color: var(--blue-d3) !important; }

/* LightBlue Colors */
.border-color-lightblue { border-color: var(--lightblue) !important; }
.border-color-lightblue-l1 { border-color: var(--lightblue-l1) !important; }
.border-color-lightblue-l2 { border-color: var(--lightblue-l2) !important; }
.border-color-lightblue-l3 { border-color: var(--lightblue-l3) !important; }
.border-color-lightblue-d1 { border-color: var(--lightblue-d1) !important; }
.border-color-lightblue-d2 { border-color: var(--lightblue-d2) !important; }
.border-color-lightblue-d3 { border-color: var(--lightblue-d3) !important; }

/* Cyan Colors */
.border-color-cyan { border-color: var(--cyan) !important; }
.border-color-cyan-l1 { border-color: var(--cyan-l1) !important; }
.border-color-cyan-l2 { border-color: var(--cyan-l2) !important; }
.border-color-cyan-l3 { border-color: var(--cyan-l3) !important; }
.border-color-cyan-d1 { border-color: var(--cyan-d1) !important; }
.border-color-cyan-d2 { border-color: var(--cyan-d2) !important; }
.border-color-cyan-d3 { border-color: var(--cyan-d3) !important; }

/* Teal Colors */
.border-color-teal { border-color: var(--teal) !important; }
.border-color-teal-l1 { border-color: var(--teal-l1) !important; }
.border-color-teal-l2 { border-color: var(--teal-l2) !important; }
.border-color-teal-l3 { border-color: var(--teal-l3) !important; }
.border-color-teal-d1 { border-color: var(--teal-d1) !important; }
.border-color-teal-d2 { border-color: var(--teal-d2) !important; }
.border-color-teal-d3 { border-color: var(--teal-d3) !important; }

/* Green Colors */
.border-color-green { border-color: var(--green) !important; }
.border-color-green-l1 { border-color: var(--green-l1) !important; }
.border-color-green-l2 { border-color: var(--green-l2) !important; }
.border-color-green-l3 { border-color: var(--green-l3) !important; }
.border-color-green-d1 { border-color: var(--green-d1) !important; }
.border-color-green-d2 { border-color: var(--green-d2) !important; }
.border-color-green-d3 { border-color: var(--green-d3) !important; }

/* LightGreen Colors */
.border-color-lightgreen { border-color: var(--lightgreen) !important; }
.border-color-lightgreen-l1 { border-color: var(--lightgreen-l1) !important; }
.border-color-lightgreen-l2 { border-color: var(--lightgreen-l2) !important; }
.border-color-lightgreen-l3 { border-color: var(--lightgreen-l3) !important; }
.border-color-lightgreen-d1 { border-color: var(--lightgreen-d1) !important; }
.border-color-lightgreen-d2 { border-color: var(--lightgreen-d2) !important; }
.border-color-lightgreen-d3 { border-color: var(--lightgreen-d3) !important; }

/* Lime Colors */
.border-color-lime { border-color: var(--lime) !important; }
.border-color-lime-l1 { border-color: var(--lime-l1) !important; }
.border-color-lime-l2 { border-color: var(--lime-l2) !important; }
.border-color-lime-l3 { border-color: var(--lime-l3) !important; }
.border-color-lime-d1 { border-color: var(--lime-d1) !important; }
.border-color-lime-d2 { border-color: var(--lime-d2) !important; }
.border-color-lime-d3 { border-color: var(--lime-d3) !important; }

/* Yellow Colors */
.border-color-yellow { border-color: var(--yellow) !important; }
.border-color-yellow-l1 { border-color: var(--yellow-l1) !important; }
.border-color-yellow-l2 { border-color: var(--yellow-l2) !important; }
.border-color-yellow-l3 { border-color: var(--yellow-l3) !important; }
.border-color-yellow-d1 { border-color: var(--yellow-d1) !important; }
.border-color-yellow-d2 { border-color: var(--yellow-d2) !important; }
.border-color-yellow-d3 { border-color: var(--yellow-d3) !important; }

/* Amber Colors */
.border-color-amber { border-color: var(--amber) !important; }
.border-color-amber-l1 { border-color: var(--amber-l1) !important; }
.border-color-amber-l2 { border-color: var(--amber-l2) !important; }
.border-color-amber-l3 { border-color: var(--amber-l3) !important; }
.border-color-amber-d1 { border-color: var(--amber-d1) !important; }
.border-color-amber-d2 { border-color: var(--amber-d2) !important; }
.border-color-amber-d3 { border-color: var(--amber-d3) !important; }

/* Orange Colors */
.border-color-orange { border-color: var(--orange) !important; }
.border-color-orange-l1 { border-color: var(--orange-l1) !important; }
.border-color-orange-l2 { border-color: var(--orange-l2) !important; }
.border-color-orange-l3 { border-color: var(--orange-l3) !important; }
.border-color-orange-d1 { border-color: var(--orange-d1) !important; }
.border-color-orange-d2 { border-color: var(--orange-d2) !important; }
.border-color-orange-d3 { border-color: var(--orange-d3) !important; }

/* Deep Orange Colors */
.border-color-deeporange { border-color: var(--deeporange) !important; }
.border-color-deeporange-l1 { border-color: var(--deeporange-l1) !important; }
.border-color-deeporange-l2 { border-color: var(--deeporange-l2) !important; }
.border-color-deeporange-l3 { border-color: var(--deeporange-l3) !important; }
.border-color-deeporange-d1 { border-color: var(--deeporange-d1) !important; }
.border-color-deeporange-d2 { border-color: var(--deeporange-d2) !important; }
.border-color-deeporange-d3 { border-color: var(--deeporange-d3) !important; }

/* Gray Colors */
.border-color-gray { border-color: var(--gray) !important; }
.border-color-gray-l1 { border-color: var(--gray-l1) !important; }
.border-color-gray-l2 { border-color: var(--gray-l2) !important; }
.border-color-gray-l3 { border-color: var(--gray-l3) !important; }
.border-color-gray-d1 { border-color: var(--gray-d1) !important; }
.border-color-gray-d2 { border-color: var(--gray-d2) !important; }
.border-color-gray-d3 { border-color: var(--gray-d3) !important; }

/* Blue Gray Colors */
.border-color-bluegray { border-color: var(--bluegray) !important; }
.border-color-bluegray-l1 { border-color: var(--bluegray-l1) !important; }
.border-color-bluegray-l2 { border-color: var(--bluegray-l2) !important; }
.border-color-bluegray-l3 { border-color: var(--bluegray-l3) !important; }
.border-color-bluegray-d1 { border-color: var(--bluegray-d1) !important; }
.border-color-bluegray-d2 { border-color: var(--bluegray-d2) !important; }
.border-color-bluegray-d3 { border-color: var(--bluegray-d3) !important; }

/* Silver Colors */
.border-color-silver { border-color: var(--silver) !important; }
.border-color-silver-l1 { border-color: var(--silver-l1) !important; }
.border-color-silver-l2 { border-color: var(--silver-l2) !important; }
.border-color-silver-l3 { border-color: var(--silver-l3) !important; }
.border-color-silver-d1 { border-color: var(--silver-d1) !important; }
.border-color-silver-d2 { border-color: var(--silver-d2) !important; }
.border-color-silver-d3 { border-color: var(--silver-d3) !important; }

/* White Colors */
.border-color-white { border-color: var(--white) !important; }
.border-color-white-l1 { border-color: var(--white-l1) !important; }
.border-color-white-l2 { border-color: var(--white-l2) !important; }
.border-color-white-l3 { border-color: var(--white-l3) !important; }
.border-color-white-d1 { border-color: var(--white-d1) !important; }
.border-color-white-d2 { border-color: var(--white-d2) !important; }
.border-color-white-d3 { border-color: var(--white-d3) !important; }

/* Black Colors */
.border-color-black { border-color: var(--black) !important; }
.border-color-black-l1 { border-color: var(--black-l1) !important; }
.border-color-black-l2 { border-color: var(--black-l2) !important; }
.border-color-black-l3 { border-color: var(--black-l3) !important; }
.border-color-black-d1 { border-color: var(--black-d1) !important; }
.border-color-black-d2 { border-color: var(--black-d2) !important; }
.border-color-black-d3 { border-color: var(--black-d3) !important; }

/* Utility Colors */
.border-color-transparent { border-color: transparent !important; }
.border-color-success { border-color: var(--success) !important; }
.border-color-info { border-color: var(--info) !important; }
.border-color-warning { border-color: var(--warning) !important; }
.border-color-danger { border-color: var(--danger) !important; }
.border-color-light { border-color: var(--light) !important; }
.border-color-dark { border-color: var(--dark) !important; }
.border-color-error { border-color: var(--Error) !important; }
.border-color-error-l1 { border-color: var(--Error-l1) !important; }
.border-color-error-l2 { border-color: var(--Error-l2) !important; }
.border-color-error-l3 { border-color: var(--Error-l3) !important; }
.border-color-error-d1 { border-color: var(--Error-d1) !important; }
.border-color-error-d2 { border-color: var(--Error-d2) !important; }
.border-color-error-d3 { border-color: var(--Error-d3) !important; }
.border-color-blogger { border-color: var(--Blogger) !important; }
.border-color-facebook { border-color: var(--Facebook) !important; }
.border-color-flickr { border-color: var(--Flickr) !important; }
.border-color-googleplus { border-color: var(--GooglePlus) !important; }
.border-color-instagram { border-color: var(--Instagram) !important; }
.border-color-linkedin { border-color: var(--LinkedIn) !important; }
.border-color-pinterest { border-color: var(--Pinterest) !important; }
.border-color-qq { border-color: var(--QQ) !important; }
.border-color-rss { border-color: var(--RSS) !important; }
.border-color-skype { border-color: var(--Skype) !important; }
.border-color-snapchat { border-color: var(--SnapChat) !important; }
.border-color-tumblr { border-color: var(--Tumblr) !important; }
.border-color-twitter { border-color: var(--Twitter) !important; }
.border-color-x { border-color: var(--X) !important; }
.border-color-vibre { border-color: var(--Vibre) !important; }
.border-color-vimeo { border-color: var(--Vimeo) !important; }
.border-color-vine { border-color: var(--Vine) !important; }
.border-color-wechat { border-color: var(--WeChat) !important; }
.border-color-whatsapp { border-color: var(--WhatsApp) !important; }
.border-color-windowslive { border-color: var(--WindowsLive) !important; }
.border-color-youtube { border-color: var(--YouTube) !important; }