/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* RESET */
form {
	margin: 0;
}

textarea {
	-webkit-min-logical-height: initial;
	min-height: auto;
	width: auto; /* initial is not supported on IE */
}

/* Utilities
================================================== */
.break-word {
	word-wrap: break-word;
}

.clickable {
	cursor: pointer;
}

.centered {
	text-align: center;
}

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

.side-padded {
	padding: 0 1em;
}

.side-padded h2{
	margin-bottom: 2rem;
}

/* BOXES
================================================== */
.box-info, .box-success, .box-warning, .box-error {
	padding: 1em;
	/* margin: 0 1em; */
	font-size: 1.25em;
}

.box-info {
	color: #00529B;
	background-color: #DDDFFF;
}

.box-success {
	color: #4F8A10;
	background-color: #DFF2BF;
}

.box-warning {
	color: #9F6000;
	background-color: #FEEFB3;
}

.box-error {
	color: #D8000C;
	background-color: #FFBABA;
}

.box-info i, .box-success i, .box-warning i, .box-error i {
	margin: 0 1em;
	vertical-align: middle;
}

/* Tables
================================================== */

/* #Site Styles
================================================== */
.container {
	min-height: 100%;
}
.container .one-and-half.columns {
	width: 70px;
}

.container .column, .container .columns {
	box-sizing: border-box;
	max-width: 100%;
}

/* GLOBALS
*/
.button, button, input, input[type="text"], input[type="password"],
	input[type="number"], input[type="email"], textarea, select {
	margin: 0;
}

.error {
	color: #D8000C;
}

.cancel {
	color: #C41230;
}

.accept:hover {
	color: #00AE00;
}

input.error, select.error {
	color: #D8000C;
	background: #FFBABA;
	border-color: #D8000C;
}

input[disabled], input[disabled]:hover {
	color: #4d4d4d;
	background: #eee;
	border-color: #888;
}

.file-upload {
	position: relative;
	overflow: hidden;
}

.file-upload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 0px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity = 0);
	width: 1000px;
	height: 1000px;
}

ul {
	margin: 0;
}

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
}

/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */