/* 
Author: Start Bootstrap - http://startbootstrap.com
'SB Admin' HTML Template by Start Bootstrap

All Start Bootstrap themes are licensed under Apache 2.0. 
For more info and more free Bootstrap 3 HTML themes, visit http://startbootstrap.com!
*/

/* ATTN: This is mobile first CSS - to update 786px and up screen width use the media query near the bottom of the document! */

/* Global Styles */

body {
  margin-top: 50px;
}

#wrapper {
  padding-left: 0;
}

#page-wrapper {
  width: 100%;
  padding: 5px 15px;
}

/* Nav Messages */

.messages-dropdown .dropdown-menu .message-preview .avatar,
.messages-dropdown .dropdown-menu .message-preview .name,
.messages-dropdown .dropdown-menu .message-preview .message,
.messages-dropdown .dropdown-menu .message-preview .time {
  display: block;
}

.messages-dropdown .dropdown-menu .message-preview .avatar {
  float: left;
  margin-right: 15px;
}

.messages-dropdown .dropdown-menu .message-preview .name {
  font-weight: bold;
}

.messages-dropdown .dropdown-menu .message-preview .message {
  font-size: 12px;
}

.messages-dropdown .dropdown-menu .message-preview .time {
  font-size: 12px;
}


/* Nav Announcements */

.announcement-heading {
  font-size: 50px;
  margin: 0;
}

.announcement-text {
  margin: 0;
}

/* Table Headers */

table.tablesorter thead {
  cursor: pointer;
}

table.tablesorter thead tr th:hover {
  background-color: #f5f5f5;
}

/* Flot Chart Containers */

.flot-chart {
  display: block;
  height: 400px;
}

.flot-chart-content {
  width: 100%;
  height: 100%;
}

/* Edit Below to Customize Widths > 768px */
/*@media (min-width:768px) {*/

  /* Wrappers */

  #wrapper {
	padding-left: 225px;
  }

  #page-wrapper {
	padding: 15px 25px;
  }

  /* Side Nav */

  .side-nav {
	margin-left: -225px;
	left: 225px;
	width: 225px;
	position: fixed;
	top: 50px;
	height: 100%;
	border-radius: 0;
	border: none;
	background-color: #222222;
	overflow-y: auto;
  }

  /* Bootstrap Default Overrides - Customized Dropdowns for the Side Nav */

  .side-nav>li.dropdown>ul.dropdown-menu {
	position: relative;
	min-width: 225px;
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0;
	background-color: transparent;
	box-shadow: none;
	-webkit-box-shadow: none;
  }

  .side-nav>li.dropdown>ul.dropdown-menu>li>a {
	color: #999999;
	padding: 15px 15px 15px 25px;
  }

  .side-nav>li.dropdown>ul.dropdown-menu>li>a:hover,
  .side-nav>li.dropdown>ul.dropdown-menu>li>a.active,
  .side-nav>li.dropdown>ul.dropdown-menu>li>a:focus {
	color: #fff;
	background-color: #080808;
  }

  .side-nav>li>a {
	width: 225px;
  }

  .navbar-inverse .navbar-nav>li>a:hover,
  .navbar-inverse .navbar-nav>li>a:focus {
	background-color: #080808;
  }

  /* Nav Messages */

  .messages-dropdown .dropdown-menu {
	min-width: 300px;
  }

  .messages-dropdown .dropdown-menu li a {
	white-space: normal;
  }

  .navbar-collapse {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
    .default-bg {
        background:#222222;
    }
    .rightbar {
        padding:0px 0px 0px 0px;
    }
    .rightbar-container {
        border:1px solid #fff;
    }
    .rightbar-menu {
        color:#999999;
        padding:10px;
        padding-left:20px;
        padding-right:20px;
        cursor:pointer;
        cursor:hand;
        border-bottom:1px solid #999999;
    }
    .rightbar-menu:hover {
        background:#080808;
        color:#FFFFFF;
        border-bottom:1px solid #FFFFFF;
    }
    .rightbar-menu-acctive{
        background:#080808;
        color:#FFFFFF;
        border-bottom:1px solid #FFFFFF;
    }
    .rightbar-menu i{
        margin-right:5px;
        font-size:12px;
    }
    .righbar-content {
        background:#DDDDDD;
        padding:10px;
        padding-left:38px;
        padding-right:20px;
        border-left:2px solid #999999;
        border-right:2px solid #999999;
        display:none;
    }
    .rightbar-content i{
        margin-right:5px;
        font-size:12px;
    }
    .rightbar-content span{
        color:#080808;
    }
    #rightbar-submenu {
        background:#DDDDDD;
        padding:10px;
        padding-bottom:20px;
        border:1px solid #999999;
    }
    .hand {
        cursor:pointer;
        cursor:hand;
    }
    .hidden-item {
        display:none;
    }
    .show-item {
        display:block;
    }
    .submenu {
        display:none;
    }
    .div-hr {
        border-bottom:1px solid #888;
        margin-bottom:10px;
        padding-bottom:5px;
    }
    .marg5 {
        margin-right:5px;
    }
    .data-model-table , .data-model-table tr , .data-model-table tr td ,.data-model-table tr th {
        border:none;
    }
    .data-model-table {
        margin-top:10px;
        table-layout:fixed;
    }
    .data-model-table tr
    {
        border:1px solid #ddd;
        background:#333;
        color:#fff;
    }
    .data-model-table tr td p{
        width:100%;
        white-space:nowrap;
        overflow-x:hidden;
        text-overflow:ellipsis;
        padding:10px;
        margin-bottom:0px;
        font-size:12px;
    }
    .data-model-table tr:hover{
        background:orange;
        cursor:pointer;
        cursor:hand;
    }
    .data-model-table tr th {
        display:none;
    }
    .data-model-table-paging td {
        padding:2px;
    }
    .data-model-table-paging td a {
        color:#999999;
    }
    .data-model-table-paging :hover {
        background:#ddd;
    }
    .data-model-table-empty :hover {
        background:#ddd;
    }
    .data-model-table-empty {
        text-align:center;
    }
    .data-model-table-paging td :hover {
        background:#ddd;
    }
    .link-button {
        color:#333;
    }
    .link-button:hover {
        color:#333;
        text-decoration:none;
    }
    
    

/*}*/

/* Custom Colored Panels */

.huge {
    font-size: 40px;
}

.panel-green {
    border-color: #5cb85c;
}

.panel-green .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}

.panel-green a {
    color: #5cb85c;
}

.panel-green a:hover {
    color: #3d8b3d;
}

.panel-red {
    border-color: #d9534f;
}

.panel-red .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.panel-red a {
    color: #d9534f;
}

.panel-red a:hover {
    color: #b52b27;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-yellow a {
    color: #f0ad4e;
}

.panel-yellow a:hover {
    color: #df8a13;
}
.table-measure
{
    width:100%;
    table-layout:fixed;
}
.table-measure tr
{
    border-bottom:1px solid #ccc;
}
.table-measure tr:hover
{
    background:orange;
    color:#fff;
}
.table-measure tr td
{
    padding:5px;
}
.table-measure tr td.table-measure-column{
    width:85%;
    text-overflow:ellipsis;
    overflow-x:hidden;
    white-space:nowrap;
    word-wrap:break-word;
}
.table-measure tr.table-measure-group{
    background:#333;
    color:#fff;
    box-shadow:5px 5px 5px #ccc;
    cursor:pointer;
    cursor:hand;
}
.group-filter
{
    background:#333;
    color:#fff;
    box-shadow:5px 5px 5px #ccc;
    padding:10px;
    padding-bottom:5px;
    padding-top:5px;
}

.set-color
{
}

.GridPager a, .GridPager span
{
    display: block;
    height: 20px;
    width: 20px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

.GridPager a
{
    background-color: #f5f5f5;
    color: #969696;
    border: 1px solid #969696;
}

.GridPager span
{
    background-color: #A1DCF2;
    color: #000;
    border: 1px solid #3AC0F2;
}

.h472
{
    height: 400px;
}

.contentHolder
{
    position: relative;
    overflow: hidden;
}

.right-control
{
    background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .5) 0%), color-stop(rgba(0, 0, 0, .0001) 100%));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
    padding: 10px;
    height: 100%;
    position: fixed;
    top: 0px;
    right: 0px;
    cursor: pointer;
    cursor: hand;
    display: none;
}

    .right-control:hover
    {
        background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .7) 0%), color-stop(rgba(0, 0, 0, .0001) 100%));
        background-image: linear-gradient(to left, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, .0001) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
        background-repeat: repeat-x;
    }

.rightbar, #rightbar-submenu
{
    height: 520px;
}

.menu-container
{
    height: 435px;
}

#divMainMenu
{
    height: 435px;
}

/*.closeSetControlTab, .exportExcelTap,.exportFinalExcelTap, .printChart,.exportPowerpointTab
{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
    background: #222222;
    color: white;
    font-size: 10px;
    border-bottom: 1px solid #fff;
    cursor: pointer;
    cursor: hand;
}*/
.closeSetControlTab, .exportExcelTap, .exportFinalExcelTap, .printChart, .exportPowerpointTab {
    position: fixed;
    right:1px;
    cursor: pointer;
    cursor: hand;
    z-index:5000
}

.closeSetControlTab
{
    right:2px;
    top: 85px;
}

.exportPowerpointTab
{
    top: 167px;
}

.exportExcelTap
{
    top: 291px;
}

.exportFinalExcelTap
{
    top: 393px;
}

.printChart
{
    top: 497px;
}
.popup-sub-menu
{
    position:absolute;
    background:#222;
    border-right:1px solid #999;
    color:#fff;
    width:0px;
    margin-left:0px;
    z-index:0;
    display:none;
}
.popup-sub-menu-top
{
    height: 30px; 
    padding: 5px; 
    padding-right: 10px; 
    padding-left: 10px; 
    border-bottom: 1px solid #999;
}
.popup-sub-menu-container
{
    background:#ddd;
}
.popup-sub-menu-header
{
    padding-left:10px;
    padding-right:10px;
    background:#999;
    padding-top:5px;
    border-bottom:1px solid #888;
    padding-bottom:5px;
    color:#fff;
}
.popup-sub-menu-content
{
    padding:10px;
    color:#333;
}
.time-period-header
{
    padding:5px;
    padding-right:15px;
    background:#333;
    color:#fff;
    box-shadow:5px 5px 5px #ccc;
    border-bottom:1px solid #ddd;
}
.hide-item
{
    display: none;
}
.orange-hover:hover
{
    background:orange;
    color:#fff;
}
.popup-sub-menu-operation {
    padding-top:25px;
    margin-top:-15px;
    padding-bottom:3px;
    padding-left:4px;
    padding-right:4px;
}
.popup-sub-menu-operation span {
    padding:5px;
    padding-left:10px;
    padding-right:10px;
    border:1px solid #ccc;
    border-bottom:none;
    background:#ddd;
    border-radius:5px 5px 0 0;
    color:#444;
    cursor:pointer;
    cursor:hand;
    margin-right:0px;
}
.popup-sub-menu-operation span.active-operation {
    background:#999;
    color:#fff;
}