/*/////////////////////////////////////////////////////////////////////
 // 
 // 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
 *--------------------------------------------------
 */

.modal_loading {
    display: none;
    position: fixed;
    z-index: 9999999;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, .8) url('../img/misc/icon_loading.gif') 50% 50% no-repeat;
    opacity: 0.80;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    overflow: hidden;
}

.progress-bar.progress-bar-danger {
    background-color: #a90329
}

.progress-bar.progress-bar-success {
    background-color: #739e73
}

.progress-bar.progress-bar-warning {
    background-color: #c79121
}