* {
 		outline: none; }

	html, body {
		margin: 0;
		padding: 0;
	}

	/* Fixes too big font in mobile Safari */
	@media only screen and (max-device-width: 960px) {
		html {
			-webkit-text-size-adjust:none; }
	}

	body {
		font-size: 0.875em; /* 14px */
		position: relative;
	}

	img {
		border: 0; }


	/* Couple of standard CSS classes */
		.transition {
			-webkit-transition: all 300ms ease-in-out;
			-moz-transition: all 300ms ease-in-out;
			-o-transition: all 300ms ease-in-out;
			transition: all 300ms ease-in-out;
		}

		.clear {
			clear: both;
			height: 0.5em; }

		.clear.flat {
			height: 0; }
		.clear.deep {
			height: 1em; }

		.leftf, .float_left {
			float: left; }
		.rightf, .float_right {
			float: right; }

		.bold {
			font-weight: 700; }

		.center {
			text-align: center; }

		.small, .smaller {
			font-size: 0.786em }

		.no_margin {
			margin: 0 !important; }

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

		.text-right {
			text-align: right; }

		.hidden, .none {
			display: none !important; }


	/* Some layout styles - feel free to add more columns */
		.row {
			margin-bottom: 20px; }

		@media (max-width: 767px) {
			.row {
				margin-bottom: 0px; }
		}

		/* Some self clearing magic from .row */
		.row:after {
			visibility: hidden;
			display: block;
			font-size: 0;
			content: " ";
			clear: both;
			height: 0;
		}

		.column {
			box-sizing: border-box;
			margin-left: 4%;
			float: left;
			height: 100%;
		}
		/* Make sure you put each new row in a row and the margins will sort them self out... */
		.column:first-of-type {
			margin-left: 0; }

		.half-col {
			width: 48%; }

		.full-col {
			width: 100%; }

		@media (max-width: 639px) {
			.column {
				margin: 0; }

			.half-col {
				width: 100%; }
		}



	/* message-popup container */
		.message-popup-wrapper {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: auto;
			min-height: 50px;
			z-index: 99;
			display: none;
		}

		.message-popup-container {
			position: relative;
			padding: 5px 8px;
			border-radius: 0;
			width: 100%;
			color: #585858;
			min-height: 50px;
		}
		.message-popup-container .close {
			display: none;
		}
		.message-popup-container.closeable {
			padding: 5px 8px 5px 60px;
		}
		.message-popup-container.closeable .close {
			display: block;
			position: absolute;
			right: 50px;
			top: 15px;
			width: 52px;
			height: 52px;
		}
		.message-popup-container.closeable .close span {
			position: absolute;
			cursor: pointer;
			font-size: 25px;
			font-weight: bold;
			color: white;
		}

		.message-popup-container.error {
			background: rgb(178, 51, 26);
			border-bottom: 2px solid rgb(178, 51, 26);
			color: #FFFFFF;
		}

		.message-popup-container.success {
			background: rgb(43, 114, 17);
			border-bottom: 2px solid rgb(43, 114, 17);
			color: #FFFFFF;
		}

		.message-popup-container.attention {
			background: rgba(255, 191, 30,1);
			border-bottom: 2px solid rgba(255, 191, 30, 1);
			color: #FFFFFF;
		}

		.message-popup-container .title {
			font-weight: bold;
			margin-bottom: 5px;
			text-align: center;
		}

		.message-popup-container .content {
			display: block;
			font-size: 14px;
			margin-top: 10px;
		    text-align: center;
		}


		.error {
			border-color: #ff5330; }
		

		.attention {
			border-color: orange; }

		.success {
			border-color: #43af1c; }



	/* Validation Styles */
		#wrapper_validation_tooltip {
			position: absolute;
			left: -999em;
			top: -999em;
			visibility: hidden;
			width: 180px;
			z-index: 2000;
			margin: 19px 0 38px;
			border-radius: 4px;
			border: 1px solid #e66859;
			background-color: #e66859;
		}

			#validation_tooltip {
				position: relative;
				padding: 8px 13px;
				text-align: left;
				z-index: 2002;
				color: #FFFFFF;
			}

		.validation_error {
			border-color: #e66859!important;
		}

		#validation_tooltip::before{
			content: '';
			display: block;
			width: 0;
			height: 0;
			border: 13px solid transparent;
			border-left-color: #e66859;
			border-right: 0px;
			position: absolute;
			bottom: -13px;
		}

	/* Pagination styles */
		ul.pagination {
			list-style-type: none;
			padding: 0;
			margin: 5px 0px 15px 0px;
		}

			ul.pagination li {
				font-size: 1em;
				line-height: 2em;
				display: block;
				float: left;
				margin: 0 2px;
				padding: 0px;
				vertical-align: baseline;
				border: 1px solid #CCCCCC;
				width: 2em;
				text-align: center;


				-webkit-transition: 150ms linear 0s;
				-moz-transition: 150ms linear 0s;
				-o-transition: 150ms linear 0s;
				transition: 150ms linear 0s;
			}

				ul.pagination li a {
					display: block;
					color: #414141;
					text-decoration: none;
				}

				ul.pagination li.arrow {
					border: 0;
					font-size: 1.214em;
					width: 1em;
					line-height: 1.647em;
					background: transparent;
					cursor: default;
				}

				ul.pagination li.arrow.disabled {
					color: #D8D8D8!important;
				}

				ul.pagination li.hover {
					background-color: white;
				}
				ul.pagination li.hover:hover {
					border-bottom: 2px solid #56565a;
					background-color: #f4f6f6;
				}
				ul.pagination li.current {
					border-bottom: 2px solid #cc2d30;
					background-color: transparent;
				}

				ul.pagination li.current a {
					font-weight: 700;
				}

				ul.pagination .dotdotdot {
					top: 4px;
					border: 0;
					position: relative;
				}