/* RESET */
* {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

img {
	border: none;
}

/* BASIC ELEMENTS */
body * {
	font-size: 14px;
	color: #333;
}

p, h1, h2, h3, h4, h5, h6 {
	padding: 7px 0px;
}

h1 {
	font-size: 32px;
}

h2 {
	font-size: 28px
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

a {
	cursor: pointer;
}

/* FORMS */
form {
	padding: 20px 0px;
}

input, textarea, select {
	padding: 5px;
	margin-bottom: 10px;
	margin-top: 2px;
	width: 300px;
	box-sizing: border-box;
	font-size: 16px;
}

input, textarea {
	border: 1px solid #CCC;
	border-radius: 3px;
}

input[type="submit"] {
	background-color: #EEE;
	cursor: pointer;
	font-weight: bold;
}

label {
	font-size: 16px;
}

/* FORM ERRORS */
/* TODO currently Former is setup to use Bootstrap, because Nude doesn't work well. In the future, it would be better to create a custom style to avoid having these bootstrap classes */
.help-block {
	color: #FF0000;
}

/* FLASH MESSAGES */
.flashMessage {
	padding: 20px;
	margin: 20px 0px;
	border: 1px solid #FFF;
	border-radius: 5px;
}

.flashMessageSuccess {
	background-color: #c2ffb2;
	border-color: #47b02b;
}

.flashMessageSuccess * {
	color: #28840f;
}

.flashMessageError {
	background-color: #ffdbdb;
	border-color: #c70c0e;
}

.flashMessageError * {
	color: #c70c0e;
}

.flashMessageInfo {
	background-color: #b8f5f4;
	border-color: #2ec6c4;
}

.flashMessageInfo * {
	color: #0d7180;
}

.flashMessageNotice {
	background-color: #ffefa7;
	border-color: #e8aa32;
}

.flashMessageNotice * {
	color: #c14f04;
}

/* BUTTONS */
.button {
	background-color: #EEE;
	cursor: pointer;
	font-weight: bold;
	padding: 9px 13px;
	border-radius: 3px;
	text-decoration: none;
}

table .button {
	padding: 7px 10px;
}

/* TABLE */
table {
	margin: 20px 0px;
	border-spacing: 0px;
	width: 100%;
	border: 2px solid #EFEFEF;
	border-radius: 3px;
}

th {
	text-align: left;
	background-color: #EFEFEF;
}

th.progress {
    width: 50px;
	background-color: #EFEFEF;
}

td, th {
	padding: 10px;
}

/* ALIGNMENT */
.alignLeft {
	text-align: left;
}

.alignRight {
	text-align: right;
}

.alignCenter {
	text-align: center;
}

/* PAGINATION */
/* TODO currently Laravel provides Bootstrap markup, it would be better to let it create custom markup. Low priority, as this particular Bootstrap markup looks alright. */
.pagination {
	text-align: center;
	margin: 10px 0px;
}

.pagination li {
	display: inline-block;
}

.pagination li {
	margin: 0px 2px;
}

.pagination span, .pagination a {
	padding: 10px;
	background-color: #EFEFEF;
	text-decoration: none;
	border-radius: 3px;
}

.pagination .disabled span {
	color: #CCC;
}

.pagination .active span {
	background-color: #333;
    color: #fff;
}

/* BREADCRUMB */
/* TODO currently Laravel-Breadcrumbs provides Bootstrap markup, it would be better to let it create custom markup. Low priority, as this particular Bootstrap markup looks alright. */
.breadcrumb {
	margin: 10px 0px;
}

.breadcrumb li {
	list-style-type: none;
	display: inline-block;
}

.breadcrumb li:before {
	content: "/ ";
	margin: 0px 5px;
}

.breadcrumb li.active, .breadcrumb li.active:before {
	color: #999;
}

.breadcrumb li:first-child:before {
	display: none;
}

/* LANGUAGE SELECTION */
#languageSelection li {
	display: inline-block;
}