:root {
  /*white and blank */
  --bg-white: #fff;

  --bg-blank: #eee;
  --bg-blank-light: #f3f3f3;

/*
  --bg-blank-light: #eee;
  --bg-blank-lighter: #fafafa;
  --bg-blank-dark: #ccc;
  --bg-blank-darker: #c1c1c1;
*/

/* bg color palette*/
  --bg-color-darkest: #031539;
  --bg-color-darker: #0a214f;
  --bg-color-dark: #10295b;

  --bg-color: #132b5c;

  --bg-color-light: #19376f;
  --bg-color-lighter: #385792;
  --bg-color-lightest: #5c7ab4;

/* colored*/
--bg-color-bright1: #92a1f1;

/*tags*/
  --tag-bg:#d1d1d1;
  --tag-color:#fff;

/*text*/
  --link:#E94671;
  --text-primary:#555;
  --text-light:#aaa;

/*icons*/
--icon-primary:#ccc;

}

.night {
  /*white and blank */
  --bg-white: #fff;

  --bg-blank: #191735;
  --bg-blank-light: #252245;

/*
  --bg-blank-light: #eee;
  --bg-blank-lighter: #fafafa;
  --bg-blank-dark: #ccc;
  --bg-blank-darker: #c1c1c1;
*/

    /* bg color palette*/
    --bg-color-darkest: #0f0d22;
    --bg-color-darker: #131129;
    --bg-color-dark: #161430;

    --bg-color: #191735;

    --bg-color-light: #25234a;
    --bg-color-lighter: #302e54;
    --bg-color-lightest: #66648c;

    /* colored*/
    --bg-color-bright1: #b6b2f1;

    /*tags*/
      --tag-bg:#514f83;
      --tag-color:#1c1a3d;

    /*text*/
      --link:#c1c1c1;
      --text-primary:#c1c1c1;
      --text-light:#6e6aad;

    /*icons*/
    --icon-primary:#5d579c;

}





/*************
COLORS
****************/
/* Header  */
.site-wrapper .header-wrapper.bg-white  {  }
.content-wrapper.bg-white {  }


 /* background colors */
 .bgGrey { background:#eee;}
 .bgWhite { background:#fff; }
 .bgBlue { background:#264B5D;}
 .bgPattern {
  background: #16222A;
  background: -webkit-linear-gradient(to left, #1C3F4F , #335B6D);
  background: linear-gradient(to left, #1C3F4F , #335B6D);
 }

/* if loading, then hide */
 [v-cloak] {
   display: none;
 }



 /*************************************
 SIDE MODULE TITLES
 *************************************/

.mod-title {
   position: relative;
   display: inline-block;
   padding:4px;
   color:#555;
   font-weight:400!important; font-size: 1.8rem; font-family: 'Roboto', sans-serif;
   white-space: nowrap;
 }
 .night .mod-title { color:#eee;    color:#bdbae8; font-weight:300!important; }

 .mod-title:before {
   content: "";
   position: absolute; z-index:0;
   left: 5px; right: 0; bottom: -5px;
   height: 6px; width:150px;
   border-radius:5px;
   background: rgb(233,70,113);
   background: linear-gradient(90deg, rgba(233,70,113,1) 0%, rgba(238,238,238,1) 90%);
 }
 .night .mod-title:before {
  background: rgb(233,70,113);
  background: linear-gradient(90deg, rgba(233,70,113,1) 0%, rgba(25,23,53,1) 90%);
}


/*************
ABOUT PAGE
****************/
.aboutPage .content-wrapper > .container  { max-width:800px; margin:40px auto; }
.aboutPage .content-wrapper > .container h1  { font-weight:900; margin:20px 0px;}
.aboutPage .content-wrapper > .container h3  { font-weight:300; font-size:1.9rem; margin:20px 0px; color:#888;}
.aboutPage .content-wrapper > .container p { font-size:1.4rem; }

/*************
FORGOT PASSWORD
****************/
body.register .content-wrapper {  }
body.register .content-wrapper > .container  { max-width:600px; margin:20px auto; font-weight:300;   }
body.register .content-wrapper label { font-weight:500;}
body.register .content-wrapper input {  }
body.register button { font-size:1.5rem; border-radius:25px!important; width:160px; }