/* Layout classes */
/* ------------------------------- */

/* Global */
/* ------------------------------- */
html {
	min-height: 100%;
	position: relative;
}
body {
	font-family: Calibri, "Trebuchet MS", sans-serif !important;
	width: 100%;
	margin-bottom: 100px;/*footer offset*/
}

/* Wrappers & Containers */
/* ------------------------------- */
#footer-wrapper {
	width: 100%;
	min-width: 320px;
	position: absolute;
	bottom: 0;
}
#wrapper {
	width: 100%;
	min-width: 320px;
	margin: 0;
}
#body-wrapper {
	margin: 0;
	padding: 0;
}
#sidebar-wrapper {
	max-width: 200px;
	margin: 0;
	padding: 0;
	background-color: #fff;
}
.container {
	margin: 20px auto !important;
}
.container-fluid {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.breadcrumb {
	margin-bottom: 0 !important;
}
.alert {
	margin-bottom: 5px !important;
}
h1.panel-title {
	font-size: 36px !important;
}
h2.panel-title {
	font-size: 30px !important;
}
h3.panel-title {
	font-size: 24px !important;
}
h4.panel-title {
	font-size: 18px !important;
}
legend {
	font-size: 18px !important;
}
.panel-group .panel {
	margin-bottom: 5px !important;
}
.panel-heading > .btn-toolbar.pull-right {
	margin-top: -5px;
}
.panel-heading > .btn-toolbar.pull-right:first-child {
	margin-right: -10px;
}
.panel-table {
	padding: 5px !important;
}
.help-block {
	margin-bottom: 0 !important;
}
.nowrap {
	overflow-x: auto !important;
	overflow-y :hidden !important;
	white-space: nowrap !important;
}
.panel-heading a[aria-expanded="true"]:before {
	font-family: FontAwesome;
	content: "\f107";   
}
.panel-heading a[aria-expanded="false"]:before {
	font-family: FontAwesome;
	content: "\f105";   
}

/* Navigation */
/* ------------------------------- */

/* Top Navigation */
.navbar {
	margin-bottom: 0 !important;
	min-height: 0 !important;
	border-radius: 0 !important;
	position: static;
}
.navbar .navbar-brand img {
	max-height: 100% !important;
	display: inline !important;
}
.navbar .navbar-brand {
	height: 70px !important;
	padding: 5px !important;
	margin-right: 10px !important;
}
.navbar .navbar-right > li:last-child {
	margin-right: 9px !important;
}
.navbar-toggle {
	margin-top: 12px;
	margin-bottom: 12px;
}
@media ( min-width :768px) {
	.navbar .navbar-right:last-child {
		margin-right: 0 !important;
	}
}

/* Panel Navigation */
/* ------------------------------- */

/* Sidebar Menu Styles */
.navbar-side ul li {
	border-bottom: 1px solid #e7e7e7;
}
.arrow {
	float: right;
}
.fa.arrow:before {
	content: "\f104";
}
.active>a>.fa.arrow:before {
	content: "\f107";
}
.nav-second-level li,
.nav-third-level li {
	border-bottom: none !important;
}
.nav-second-level li a {
	padding-left: 37px;
}
.nav-third-level li a {
	padding-left: 52px;
}
@media ( min-width :768px) {
	.navbar-side {
		z-index: 1;
		width: 250px;
	}
	.navbar-top-links .dropdown-messages,
	.navbar-top-links .dropdown-tasks,
	.navbar-top-links .dropdown-alerts {
		margin-left: auto;
	}
}
@media ( max-height :600px) and (max-width:767px) {
	.sidebar-collapse {
		max-height: 300px;
		overflow-y: scroll;
	}
}
@media ( max-height :400px) and (max-width:767px) {
	.sidebar-collapse {
		max-height: 200px;
		overflow-y: scroll;
	}
}

/* DataTables */
/* ------------------------------- */

.table-responsive {
	overflow-x: inherit !important;
	border: 0 !important;
}
.table {
	width: 100% !important;
}
table.dataTable {
	width: 100% !important;
}
.dataTable th, .dataTable td, .dataTable a {
	white-space: nowrap !important;
}
div.dataTables_length {
	text-align: right !important;
	white-space: nowrap !important;
}
div.dataTables_filter {
	text-align: left !important;
	white-space: nowrap !important;
}
div.dataTables_filter input {
	width: 100% !important;
}
div.dataTables_info {
	text-align: left !important;
}
div.dataTables_paginate {
	text-align: right !important;
}
div.dataTables_info {
	white-space: inherit !important;
}

/* Browser Hacks */
/* ------------------------------- */

@-webkit-viewport{
	width: device-width;
}
@-moz-viewport{
	width: device-width;
}
@-ms-viewport{
	width: device-width;
}
@-o-viewport{
	width: device-width;
}
@viewport{
	width: device-width; 
}
@-moz-document url-prefix() {
	fieldset{ display: table-cell; }
}

/* Pages */
/* ------------------------------- */

/* Login Page */
.form-login {
	max-width: 400px !important;
	margin: auto !important;
}
/* Full calendar */
#calendar {
	max-width: 1280px;
	margin: 0 auto;
}