/* 
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;
}

/* Login */
.login {
	background: url(../img/body-bg.png);
}

.login-panel {
	padding-bottom: 15px;
}

.login-logo {
	text-align: center;
	margin-top: 3px;
	margin-bottom: 17px;
}

.copyright {
	text-align: center;
	font-size: 12px;
	line-height: 20px;
}

/* 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%;
}

.navbar-inverse .navbar-brand {
    color: #555555;
}

.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
    color: #222;
	background-color: transparent;
}

.navbar-brand {
	float: left;
	height: auto;
	padding: 5px 15px;
	font-size: 16px;
	line-height: 20px;
}

.navbar-brand img {
	margin-right: 10px;
}

/* Navbar Inverse */
.navbar-inverse {
    background-color: #eee;
	border-color: #ccc;
}

/* 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: 51px;
height: 100%;
border-radius: 0;
border: none;
background-color: #f4f4f4;
overflow-y: auto;
font-size: 12px;
box-shadow: inset -3px 0px 8px -4px rgba(0, 0, 0, 0.07);
} 

/* 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: #fff;
box-shadow: none;
-webkit-box-shadow: none;
}

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

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

.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 {
outline: none;
color: #222;
}

.side-nav>li {
border-top: 1px solid #fff;
border-bottom: 1px solid #dbdbdb;
}

.side-nav>li>a {
width: 225px;
padding: 6px 4px 6px 18px;
display: block;
}

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

.navbar-inverse .navbar-nav>li>a {
color: #555555;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
color: #222;
background-color: #f9f9f9;
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
outline: none;
color: #222;
background-color: #f9f9f9;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
color: #222;
background-color: #f9f9f9;	
}

/* 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;
}

}

.login-title{
	text-align: center;
	font-size: 24px;
	margin-bottom: 15px;
}

.panel-title{
	text-align: center;
}

/* tambahan ojik */
.span1{ width: 40px; }
.span2{ width: 80px; }
.span3{ width: 120px; }
.span4{ width: 160px; }
.span5{ width: 200px; }
.span6{ width: 250px; }
.span7{ width: 280px; }
.span8{ width: 320px; }
.span9{ width: 360px; }
.span10{ width: 400px; }
.span11{ width: 440px; }
.span12{ width: 480px; }
.span13{ width: 520px; }
.span14{ width: 560px; }
.span15{ width: 600px; }
.span16{ width: 640px; }
.span17{ width: 680px; }
.span18{ width: 720px; }
.span19{ width: 760px; }
.span20{ width: 800px; }

.alert{
	padding:12px;
	margin-bottom:-3px;
	border:1px solid transparent;
	border-radius:4px
}

.alert-dismissable .close{
	position:relative;
	top:-2px;
	right:5px;
	color:inherit
}

table.table-form {
	margin-left:5px;
	line-height:40px;
}