:root {
    --page-width: 982px;
    --black: #121314;
    --white: #fff;
    --campusmain: #b43b96;
    --campuslight: #db63bd;
    --campusbright: #78dff4;
    --campusblack: #121314; /*#1d1d1b*/
    --green: #72e098;
    --brightgreen: #2ffb73;
    --red: #fa5b5f;
    --brightred: #ff6666;
    --yellow: #ffe466;
    --brightyellow: #ffff00;
    --violet: #877ad6;
    --brightviolet: #ac48e8;
    --warningyellow: #fec463;
    --background: #f1f2f4;
    --linkColor: #b43b96; /*#af151e;*/
    --btnPrimaryFront: #ffffff;
    --btnPrimaryBack: #b43b96; /*#1d1d1b*/
    --btnPrimaryHover: #db63bd; /*#575757*/
    --btnPrimaryHoverFront: #ffffff;
    --btnSecondaryFront: #b43b96;
    --btnSecondaryBack: #b43b96;
    --btnSecondaryHover: #b43b96;
    --firstFocus: #b43b96;
    --firstFocusDark: #49addf;
    --secondFocus: #ffcc33;
    --firstBack: #fafafa;
    --secondBack: #f1f2f4;
    --thirdBack: #f5f5f5;
    --firstFront: #666666;
    --secondFront: #666666;
    --thirdFront: #3b4043;
    --answerIndexColor: #a7a7a7;
    --darkButtonFront: #fff;
    --darkButtonBack: #3b4043;
    --darkButtonHover: #666666;
    --lightButtonHover: #dddddd;
    --contentLight: #cccccc;
    --navIconHover: #999999;
    --errorFront: #fa454e;
    --errorBack: #feeeee;
    --resultsNavColor: #7e7e7e;
    --imageEditToolsBackground: #e2e2e2;
    --darkBorderColor: #e5e5e5;
    --darkBorder: 1px solid #e5e5e5;
    --firstFocusBorder: 1px solid #66b8ff;
    --errorBorder: 1px solid #fa454e;
    --ratio: 1.618;
    --font-size: 16px;
    --screen-padding: 21px;
    --screen-min-width: 1024px;
    --screen-max-width: 1280px;
    --transitionIn: all 0.4s ease;
    --transitionOut: all 0.2s ease;
    --account-grey: #bcbcbc;
    --account-dark-grey: #7f828c;
    --account-light-grey: #e8e8e8;
    --account-button-height: 40px;
    --account-input-height: 48px;
    --account-grid-column-width: 60px;
    --account-grid-gutter-width: 24px;
    --account-grid-padding: 24px;
    --account-popup-color: #464851;
    --account-unconfirmed-color: #f47b1e;
    --resultBlue: #85a2fe;
    --indexGrey: #c1c1c1;
    --itemname-width: 160px; /*220px*/
    --itemname-xs-width: 95px; /*150px*/
    --logo-small: 42px;
    --logo-large: 52px;
    --column-width: 58px;
    --gutter-width: 26px;
    /* 
    // Vertical positioning
    // Remember that z-index stacking impacts all descendants; so if A is positioned
    // above B, descendants of B can never be displayed over any descendant of A.
    // This also means that we don't need to worry about any element in another
    // stacking layer, so 3 levels above 0 are usually enough.
    // See misc/z-index-structure.styl for an overview of all current z-index levels
    // and update that file after adding/removing a z-index property.
    */
    --level1: 10; /* popup menus, elements to be drawn over those rendered later*/
    --level2: 20; /* modal dialogs*/
    --level3: 30; /* notifications*/
    --levelTop: 999; /* error handler*/
    --card-color-1: #FFFFFF;
    --card-color-back-1: #5BA8C5;
    --card-color-2: #FFFFFF;
    --card-color-back-2: #B43B96;
    --card-color-3: #FFFFFF;
    --card-color-back-3: #D57252;
}
.show-qurio-bar {
    display:none;
}