/*
	Filename: app.css
	Author: Kyle Kurzhal

	Copyright (c) 2014 ¹ú²úAV
*/

body
{
	background-color: #f3f3f3;
}

.pagination
{
	margin: 10px 0;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus
{
	background-color: #46166b;
	border-color: #46166b;
	cursor: pointer;
}

.pagination > li > a, .pagination > li > span
{
	padding: 4px 8px;
	cursor: pointer;
}

.table-responsive
{
	width: 100%;
	margin-bottom: 15px;
	overflow-y: hidden;
	overflow-x: scroll;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	border: 1px solid #ddd;
	-webkit-overflow-scrolling: touch;
}

.table-responsive > .table
{
	margin-bottom: 0;
}

.clickable
{
	cursor: pointer;
}

.table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td
{
	white-space: nowrap;
}

@media (min-width: 768px) and (max-width: 1199px)
{
	.pagination
	{
		float: right;
	}

	.pagination > li
	{
		display: block;
	}

	.pagination > li:first-child > a, .pagination > li:first-child > span
	{
		border-top-right-radius: 4px;
		border-bottom-left-radius: 0px;
	}

	.pagination > li:last-child > a, .pagination > li:last-child > span
	{
		border-bottom-left-radius: 4px;
		border-top-right-radius: 0px;
	}

	.pagination > li > a, .pagination > li > span
	{
		width: 30px;
		text-align: center;
	}
}

@media (max-width: 767px)
{
	.pagination
	{
		float: right;
	}

	.pagination > li
	{
		display: block;
	}

	.pagination > li:first-child > a, .pagination > li:first-child > span
	{
		border-top-right-radius: 4px;
		border-bottom-left-radius: 0px;
	}

	.pagination > li:last-child > a, .pagination > li:last-child > span
	{
		border-bottom-left-radius: 4px;
		border-top-right-radius: 0px;
	}

	.pagination > li > a, .pagination > li > span
	{
		width: 30px;
		text-align: center;
	}
}