/*/////////////////////////////////////////////////////////////////////
 // 
 // 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
 *--------------------------------------------------
 */
#navigation {
/* 1. Navigation 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
 *--------------------------------------------------
 */
@media

(
min-width: 992 px

)
{

}
@media

(
min-width:

768
px

)
and

(
max-width:

991
px

)
{

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

/*
 * Age-rendering device
 */

#device {
    font-size: 12px;
    line-height: 26px;
    list-style: none;
    padding: 20px;
}

#device a {
    font-size: 12px;
    font-weight: bold;
    color: white;
    text-align: left;
    font-family: Arial, Verdana, Sans-serif;
}

#device li, #device li span {
    height: 26px;
}

#device li .percent {
    width: 30px;
    position: absolute;
    top: 0;
    right: -40px;
    text-align: right;
}

#device li {
    position: relative;
    display: block;
    height: 26px;
    /*
        width:554px;
    */
    margin: 0 0 5px 5px;
    text-align: left;
}

#device li .bar {
    width: 0;
    height: 26px;
}

.red  .bar {
    background: red;
}

.blue .bar {
    background: blue;
}

.olive .bar {
    background: olive;
}

.orange .bar {
    background: orange;
}

.purple .bar {
    background: purple;
}

.gray .bar {
    background: gray;
}

.green .bar {
    background: green;
}

.dragdealer {
    position: relative;
    height: 30px;
    background: #EEE;
}

.dragdealer .handle {
    position: absolute;
    cursor: pointer;

}

.dragdealer .blue-bar {
    width: 80px;
    height: 30px;
/*    background: #00adbb;*/
    background: #eb9316;
    color: #FFF;

    line-height: 30px;
    text-align: center;
}

.dragdealer .disabled {
    background: #898989;
}

.rounded-cornered,
    .rounded-cornered .handle {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}