/* INPUT FIELDS BEGIN */

form {
	margin-top: 20px;
	margin-bottom: 10px;
}

	input[type="checkbox"],
	input[type="radio"]
	{
		float: left;
		margin-left: -20px;
	}

	input[type="text"], input[type="email"], input[type="tel"], input[type="password"],
	textarea,
	select
	{
		
		background-color: #fff;
		background-image: none;
		border: 1px solid #ccc;
		border-radius: 5px;
		color: #555;
		display: block;
		height: 34px;
		font-size: 16px;
		padding: 5px 10px;
		vertical-align: middle;
		width: 100%;
	}
		
		textarea {
			height: 125px;
			min-height: 125px;
			max-width: 100%;
		}

		label {
			font-weight:normal;
			margin-top: 0;
		}
	
	input[type="submit"] {
		background-color: #fff;
		background-image: none;
		border: 1px solid #ccc;
		border-radius: 4px;
		color: #333;
        cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none;
		display: inline-block;
		margin: 0;
		font-size: 14px;
		font-weight: normal;
		padding: 5px 10px;
		text-align: center;
		white-space: nowrap;
		vertical-align: middle;
	}
		
		input[type="submit"]:hover {
			color: #333;
			background-color: #ebebeb;
			border: 1px solid #adadad;
		}
        
.input-container {
    display: block;
    padding: 10px 0;
}

/* INPUT FIELDS END */

.message {
    border: 1px solid transparent;
    border-radius: 4px;
    margin: 20px 0 0 0;
    padding: 15px;
    display: none;
}

    .error-message {
        background-color: #f2dede;
        border-color: #ebccd1;
        color: #a94442;
    }
    
    .succes-message {
        background-color: #dff0d8;
        border-color: #d6e9c6;
        color: #3c763d;
    }

form#createparticipant .loading {
    background-color: rgba(0,0,0,0.1);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
}

    form#createparticipant .loading img {
        width: 85px;
    }

form#creatematch {
    background-color: #fff;
    padding: 15px;
}