*   
{
	transition         : all .1s linear;
	-webkit-transition : all .1s linear;
	-moz-transition    : all .1s linear;
	-o-transition      : all .1s linear;
}

body
{
	padding-top : 63px;
	overflow    : hidden;
}

.navbar-brand
{
	padding-top : 15px;
}

.panel
{
	border-radius : 0px;
}

.pagination
{
	margin : 0px;
}

.module-container
{
	padding        : 0px;
	position       : relative;
	height         : 100%;
	display        : flex;
	flex-direction : column;
}

.module-header
{
	background-color   : #EEEEEE;
	padding            : 5px;
	-webkit-box-shadow : 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow    : 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow         : 0px 2px 5px 0px rgba(0,0,0,0.3);
	display            : flex;
	flex-direction     : row;
	justify-content    : space-between;
	align-items        : center;
	min-height         : fit-content;
}

.module-header > .title
{
	padding-left    :10px;
	padding-right   : 15px;
	height          : 50px;
	display         : flex;
	align-items     : center;
	justify-content : flex-start;
	overflow        : hidden;
}

.title-icon
{
	display: flex;
	align-items: center;
}

@media(max-width: 767px)
{
	.module-header
	{
		flex-direction: column;
	}

	.module-header > .title
	{
		width           : 100%;
		justify-content : center;
	}

	.module-header > .title > .title-icon
	{
		display : none;
	}
}

@media(min-width: 767px)
{
	.module-header > .search-form .search-input
	{
		min-width : 250px !important;
	}
}

.module-header > .title h4
{
	white-space   : nowrap;
	overflow      : hidden;
	text-overflow : ellipsis;
}

.module-header > .title span.help
{
	font-size: 12px;
}

.module-header > .search-form .form-group
{
	margin-bottom: 0px;
}

@media(max-width: 1100px)
{
	.module-header > .title span
	{
		/*display: none;*/
	}
}

.module-content
{
	overflow  : auto; 
	flex-grow : 1; 
	width     : 100%;
}

.module-footer
{
	background-color   : #EEEEEE; padding:5px;
	-webkit-box-shadow : 0px -2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow    : 0px -2px 5px 0px rgba(0,0,0,0.3);
	box-shadow         : 0px -2px 5px 0px rgba(0,0,0,0.3);
	flex-basis         : 58px;
}

.paginator-container
{
	display        : flex;
	flex-direction : row;
	align-items    : center;
}

.search-form
{
	padding-left  : 15px;
	padding-right : 15px;
}

.offline-indicator
{
	background-color : #FFFF00; 
	position         : fixed; 
	top              : 63px; 
	width            : 100%; 
	height           : 22px; 
	padding          : 2px; 
	z-index          : 1000;
}

@media(max-width: 768px)
{
	.paginator-container
	{
		justify-content : center;
	}

	.module-buttons-container
	{
		display         : flex;
		justify-content : space-between;
	}

	.module-buttons-container .btn
	{
		flex-grow : 1;
		margin    : 5px;
	}

	.offline-indicator
	{
		top    : 60px;
		height : 25px;
	}
}

@media (min-width:768px) and (max-width: 910px)
{
	.nav>li>a
	{
		position      : relative;
		display       : block;
		padding-left  : 6px;
		padding-right : 10px;
		font-size     : 10px !important;
	}
}

md-sidenav
{
	display        : flex;
	flex-direction : column;
}

md-sidenav md-content
{
	flex-grow : 1;
	display   : flex;
}

md-sidenav md-content .scrollable-content
{
	flex-grow:1;
}

md-sidenav .sidenav-footer
{
	padding          : 10px; 
	background-color : #EEEEEE;
}

.module-loader
{
	max-width : 35px;
}

.app-loader
{
	-vendor-animation-duration : 1s;
}

.dashboard-activity-container .table
{
	margin-bottom : 0px;
}

.notification-badge
{
	background-color : #ff0052;
}

.grid-btn
{
	padding   : 8px 10px;
	font-size : 15px;
}

.fa-grid-btn
{
	padding   : 8px 11px;
	font-size : 18px;
}