﻿/* 
    Quicker
    Pikaviestit sovelluksen headerissä, kuten notification, sisäinen viestintä.
*/
.quicker-container 
{
    top:6px;
    position:relative;
}

.quicker
{
    display:inline-block;
    text-align:left;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 6px 0px 6px 6px;
}

.quicker .nav>li.active>a
{
    color:#FFFFFF;
    text-shadow:none;
}

.quicker .nav>li>a
{
    color:#333333;
    text-shadow:none;
}

.quicker .nav>li>a
{
    color:#333333;
    text-decoration:none;
}

.quicker img 
{
    border: none;
}

.quicker .disabled 
{
    filter: gray; /* IE6-9 */
    opacity:0.40;
    -webkit-filter: grayscale(100%);
}

.quicker .popover 
{
    z-index:9999;
}

.quicker .popover-title .nav 
{
    margin-bottom: 0px;
    float:none;
    font-size:12px;
}

.quicker .popover-title .nav-tabs:after, .quicker .popover-title .nav-pills:after 
{
    clear:none;
}

.quicker .popover-content
{
    padding:0;
    margin:0;
    background-color:#FFFFFF;
}

.popover
{
    width: auto;
}

.quicker .popover-inner 
{
    background-color: white;
}

.quicker-count
{
    display:block;
    font-size:10px;
    font-weight:bold;
    position:absolute;
    overflow:hidden;
    margin-top:-7px;
    padding-left:9px;
    padding-bottom:1px;
}

.quicker-count span 
{
    /*display:block;*/
    background-color:Red;
    color:White;
    padding:0 2px;
    border-radius:4px;
}

.quicker-button 
{
    width:14px;
    height:14px;
    display:inline-block;
}

.quicker .navigate 
{
    color:#000;
    text-decoration:none;
}

.quicker .rq-user-name 
{
    white-space:nowrap;
    padding-right:3px;
}

.quicker .timestamp 
{
    color:gray;
    font-size:0.8em;
}

.quicker .unread 
{
    font-weight:bold;
}

.quicker ul.box-list li
{
    border-top:1px #EBEBEB solid;
    padding-top:1px;
    line-height:normal!important;
    padding:6px 6px 6px;
}

.quicker ul.box-list li:first-child
{
    border-top:none;
}

.quicker ul.box-list 
{
    list-style-type:none;
    margin:0;
    padding:0;
    overflow: auto;
}

@media (min-height: 1000px) {
    .quicker .box-list {
        max-height:800px;
    }
}

@media (min-height: 750px) and (max-height: 999px) {
    .quicker .box-list {
        max-height:600px;
    }
}

@media (max-height: 749px) {
    .quicker .box-list {
        max-height:400px;
    }
}

.quicker .footer 
{
    border-top:1px solid #EBEBEB;
    background-color:#F7F7F7;
    text-align:center;
    font-size: 0.9em; 
    line-height: 30px; 
}

.quicker .btn 
{
    /*line-height:0;*/
}

.quicker .btn img
{
    margin:3px;
}

.quicker .nav-pills>li>a
{
    padding-top:5px;
    padding-bottom:5px;
}

.quicker .badge 
{
    margin-left:6px;
    padding-top:1px;
    padding-bottom:1px;
}

.quicker li.active .badge 
{
    background-color:#fff;
    color:#333333;
}

.quicker .image-container 
{   
    float:left;
    padding-right:5px;
}

.quicker .button-container 
{   
    float:right;
}

.quicker .content-container-inner
{
    font-size:12px;
    overflow:hidden;
}

.quicker .footer .loader-mini 
{
    position:absolute;
    padding-top:5px;
}
