/* here you can put your own css to customize and override the theme */

/***
Rounded Portlets
***/
/*
.portlet {
	border-radius: 4px !important;
}

.portlet .portlet-title {
	border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
	border-radius: 0px 0px 4px 4px !important;
}
*/
.recent-list {
	padding-top:10px;
}

.recent-list .recent-title{
	padding:5px;
	background:#b7b7b7;
	color:#ffffff;
}

.modal-title{
	color:#ff6600;
	font-weight:bold;
}

.badge-silver{
  background-color: #ffffff;
  color: #8e8e8e;
}

.allview_floor{
	width: 40px;
	float: left;
	clear: both;
	font-weight:bold;
	font-size: 16px;
	padding-top:5px;
	display:inline-block;
	text-align:center;
}

.allview_tile{
	width: 95%;
    float: left;
	border-bottom:1px solid #e5e5e5;
	padding:8px 0 0 0;
	display:inline-block;
}

.floor-idx{
	padding: 0 0 3px 37px;
}

.floor-idx ul {
    list-style:none;
    margin:0;
    padding:0;
}
 
.floor-idx ul li {
    width:70px;
    border-right : 1px solid #cccccc;
    display:inline-block;
	font-weight:bold;
	font-size: 16px;
	text-align:center;
}

.tab_title {
	font-size: 16px;
	padding:10px;
	margin-bottom:10px;
	border-bottom:1px solid #d9d9d9;
}

.bg_inverse{
	background:#f7f7f7;
}

@media (max-width: 1024px) {
  #recent-list {
	display:none;
  }
}

@media (max-width: 1600px) {
  #clock {
	display:none;
  }
}

@media (max-width: 1860px) {
  .floor-idx {
	display:none;
  }
}

.table2.table-bordered {
	width: 100%;
}
.table2.table-bordered thead > tr > th {
  border-bottom: 0;
  font-size:12px;
  text-align:center;
  padding:4px !important;
}
.table2 > tbody > tr > td {
  text-align:center;
  height:20px;
  padding:2px !important;
}
.table2 > tbody > tr > td > a {
  text-align:center;
  font-size:11px !important;
  height:18px !important;
}

/***
Dashboard Charts(new in v1.2.1)
***/
.easy-pie-chart,
.sparkline-chart {
  text-align: center; }

.sparkline-chart {
  margin-top: 15px;
  position: relative; }

.easy-pie-chart .number {
  font-size: 14px !important;
  font-weight: 300;
  margin: 0 auto;
  position: relative;
  text-align: center;
  width: 75px;
  height: 75px;
  line-height: 75px; }
  .easy-pie-chart .number canvas {
    position: absolute;
    top: 0;
    left: 0; }

.sparkline-chart .number {
  width: 100px;
  margin: 0 auto;
  margin-bottom: 10px; }

.sparkline-chart .title,
.easy-pie-chart .title {
  display: block;
  text-align: center;
  color: #333;
  font-weight: 300;
  font-size: 16px;
  margin-top: 5px;
  margin-bottom: 10px; }

.sparkline-chart .title:hover,
.easy-pie-chart .title:hover {
  color: #666;
  text-decoration: none; }

.sparkline-chart .title > i,
.easy-pie-chart .title > i {
  margin-top: 5px; }

.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('/img/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
}