/*/////////////////////////////////////////////////////////////////////
 // 
 // Custom theme code styles
 // Written by Themelize.me (http://themelize.me)
 // 
 // This is an empty starter template for overriding styles
 // set by Bootstrap & the theme
 // 
 // ----------------------------------------------------
 // 
 // Remove unused code for better performances
 // 
 // ----------------------------------------------------
 // 
 // @see - Usefuls tools online for editing
 // 1. http://charliepark.org/bootstrap_buttons/ - Button style generator
 // 2. http://www.colorzilla.com/gradient-editor/ - CSS3 gradient maker
 // 
 // @note
 // To ensure custom styles are picked up
 // wrap definitions in body tag
 // ie.
 // body .navbar-inner {
 //   background: #ff0000;
 // }
 // 
 /////////////////////////////////////////////////////////////////////*/


/*
 * --------------------------------------------------
 * 1. General Elements
 *--------------------------------------------------
 */

#header {
  /* 1. Header wrapper */
}

#highlighted {
  /* 2. Highlighted (below header) wrapper */
}

#content {
  /* 3. Content wrapper */
}

#content-below {
  /* 4. Content Below wrapper */
}

#footer {
  /* 5. Footer wrapper */
}


/*
 * --------------------------------------------------
 * 2. Colours
 *-------------------------------------------------- 
 */


/*
 * --------------------------------------------------
 * 3. Responsiveness/media queries
 *--------------------------------------------------
 */


/* Extra small devices (phones, less than 768px) */


/* No media query since this is the default in Bootstrap */

@media (min-width: 576px) {
  /* Small devices (576px and up) */
}

@media (min-width: 768px) {
  /* Medium devices (768px and up) */
}

@media (min-width: 992px) {
  /* Large devices (992px and up) */
}

@media (min-width: 1200px) {
  /* X-Large devices (1200px and up) */
}


/* max-width */

@media (max-width: 575px) {
  /* Small devices (575px and down) */
}

@media (max-width: 767px) {
  /* Medium devices (767px and down) */
}

@media (max-width: 991px) {
  /* Large devices (992px and down) */
}

@media (max-width: 1199px) {
  /* X-Large devices (1200px and down) */
}


/*
 * --------------------------------------------------
 * 4. Misc
 * Other stuff
 *--------------------------------------------------
 */

.progress-bar-danger {
    background-color: red !important;
    color: black !important;
}
.progress-bar-warning {
    background-color: yellow !important;
    color: black !important;
}
.progress-bar-success {
    background-color: green !important;
}
.required-asterisk {
    color: #8f0100;
    font-size: 50%;
    vertical-align: super;
}

.sign-up-required-text {
    color: darkred;
    font-size: 12px;
}