.button-selected
{
    border-color:red;
}

.invite
{
   background-color: #99bbe8 !important;
}
        
.x-drop-marker
 {
   background-color : silver;
 }

.monitors-view
{
   background-color: #fff;
   text-shadow: #fff 0 1px 0;
   position: relative;
   display: block;
   height: auto;
}

.monitors-view div.monitor
 {
    float: left;
    padding: 5px 5px;
    margin: 5px;
    text-align: center;
    line-height: 14px;
    color: #333;
    font-size: 12px;    
    height: 100px;
    width: 140px;
    overflow: hidden;
    border-top: 1px solid transparent;
    cursor: pointer;
}

.monitors-view div.monitor-hover
{
    background-color: #eee;
}

.monitors-view .x-item-selected
{
    background-color: #D3E1F1 !important;
}

.monitors-view div.monitor strong
{
    color: #000;
    display: block;
}

div.presenceStatusTitle
{
   text-align:center;
   padding:2px;   
   font-size:16px;
   font-weight:600;
}

.presenceValue
{
   text-align:center;
   vertical-align:middle;
   font-size:26px;
   color:darkblue;
   padding-top:4px;
}

.monitors-view div.agent
 {
    float: left;    
    margin: 2px;
    text-align: center;
    line-height: 14px;
    color: #333;
    font-size: 12px;        
    width: 110px;
    overflow: hidden;
    border-top: 1px solid transparent;
    cursor: pointer;
}

.monitors-view div.agent-hover
{
    background-color: #eee;
}

.monitors-view div.agent div.idle
{
   background-color:#FFF26B;
   margin : 0px 7px;
}

.monitors-view div.agent div.onCall
{
   background-color:#99B7FF;
   margin : 0px 7px;
}

.monitors-view div.agent div.offLine
{
   background-color:red;
   margin : 0px 7px;
   color:white;
}

.monitors-view div.agent div.onLine
{
   background-color:#C1FFA6;
   margin : 0px 7px;
}

div.responseGroupTitle
{
   text-align:center;
   padding:2px;   
   font-size:26px;
   font-weight:600;
}

.responseGroupValue
{
   text-align:center;
   vertical-align:middle;
   font-size:36px;
   color:darkblue;
   padding-top:4px;
}

.ResponseGroupSummaryFont .x-grid-cell
{    
    font-size:26px;
    padding-top:5px;
    padding-bottom:5px;
}

.ResponseGroupSummaryFont .x-column-header
{    
    font-size:12px;    
}