﻿.ui-resizable-resizing {
    z-index: 9999999 !important;
}

div.widget , li.widget
{
    border: solid 1px #EBF1F7;
    /*min-height: 100px;*/

    margin-bottom: 10px;
    
    background: #FFF;
	/*-webkit-box-shadow: 0px 0px 6px #000;
	-moz-box-shadow: 0px 0px 6px #000;
	box-shadow: 0px 0px 6px #000;*/
    
}
.rowDoorStatus {
    background: #f7f7f7; 
    padding: 0px 0px 0px; 
    text-align: center !important;
}

.widget-header
{
    overflow: hidden;
    padding: 4px;
    border-top: 1px solid #84aad0; 
    border-bottom: 1px solid #84aad0; 
	background-color: #c7d8e8; 
	text-align: left;
	vertical-align: middle;
	color: #003366;
    font-weight: bold;
    cursor:move;
}
.secondary-widget-header
{
    background-color: #F0F0F0;
    text-align: center;
    padding: 10px 10px 10px 10px;
    border-bottom: 1px solid #cfcfcf;
    height: 15px;
}
.left
{
    float:left;
}
.right
{
    float: right;
}

.widget-content {
    text-align: center;
    padding: 10px 0px 0px 0px;
}

.fat-footer
{
    border-top: 1px solid #cfcfcf;
    padding: 20px 10px 10px 10px;
    text-align: center;
    height: 40px;
    background: #F0F0F0;
    /*
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dcdcdc), to(#F0F0F0));
    background: -webkit-linear-gradient(top, #F0F0F0, #dcdcdc);
    background: -moz-linear-gradient(top, #F0F0F0, #dcdcdc);
    background: -ms-linear-gradient(top, #F0F0F0, #dcdcdc);
    background: -o-linear-gradient(top, #F0F0F0, #dcdcdc);    */
}
.widget-table
{
    /* no padding */
    max-height:220px; 
    min-height:220px; 
    overflow: auto;
}

.widget-table-ext
{
    max-height:290px; 
    overflow: auto;
}

.widget-table-mid {
    max-height: 260px;
    overflow: auto;
}

table.widget tr
{
    border-right: 0px;
    border-left: 0px;
}


table.widget tr.grant
{
    /*background: rgba(54, 25, 25, .5)
    color: Green;;*/
}

.accessGranted {
    color: Green;
}

.accessDenied {
    color:red;
}

table.widget tr.denied {
    /*background: rgba(54, 25, 25, .5);*/
}


.widget-column
{
    float: left;   
    width: 49%;
}
.widget-spacer
{
    float: left;
    width: 2%;   
    min-width: 10px;
}
.dashboard-layout
{
    min-width: 900px;
}
.widget-bold
{
    font-weight: bold;
    font-size: 14px;
}

ul.widget-list
{
    list-style-type: none;
}

img.widget
{
    max-width: 100%;width: 100%; max-width: 600px; max-height: 300px;
}

.scrollable-table
{
    overflow: auto; max-height: 250px;
}

td.multirow
{
    border-right: 1px solid #C0C0C0; 
    background-color: #F0F0F0;
    font-weight: bold;
    border-top: 1px solid #C0C0C0; 
}

.allocation-chart
{
    position:relative;

    top:-30px;
    z-index:-1;

}

.status-modal
{
    height: 380px;   
}

div.hl-container
{
    text-align: center;
    margin-left: auto;
    margin-right: auto;

}

div.hl
{
    padding: 4px 0 4px 0 ;
}

div.hl-green
{
    background-color: Green;
    width: 50%;
    float: left;
    color: White;
    font-weight: bold;  
}

div.hl-red
{   width: 50%;
    background-color: Red;

    float: left;
    color: White;
    font-weight: bold;  
}

.statusDeviceWidget {
    margin-top: 10px;
    background-color: #DEDEDF;
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
    padding: 4px;
}

.statusDeviceWidgetTable{
    margin-bottom: 25px !important;
}

.statusDeviceWidgetHeader {
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
    padding: 4px;
}

.downButton {
    float: right;
    font-size: 11px;
    color: #505050;
    margin-top: -2px;
    margin-bottom: -8px;
    text-align: center;
}