/* Global
----------------------------------------------------------------------------- */
.mobile-only {
	display: none;
}

.desktop-only {
	display: inline;
}

#wb2_generate table,
#wb2_manage_list table,
#wb2_manage_open table {
	margin-top: 25px;
}

#wb2_generate input[type="text"],
#wb2_manage_open input[type="text"] {
	padding: 7px 10px;
	border: 1px solid #e4e4e4;
	border-radius: 3px;;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#wb2_generate select,
#wb2_manage_open select {
	border: 1px solid #e4e4e4;
	padding: 7px 10px;
	border-radius: 3px;
}
.wb-select-color-wrapper {
	width: 350px;
}
.wb-selected-color {
	float: right;
	width: 125px; 
	height: 20px;
}

.wb-alert{
	display: block;
	color: #ff0000;
}

.button {
	border: 1px solid #ccc;
	padding: 10px;
	border-radius: 3px;
}

a.button {
	display: block;
	float: right;
	width: 100px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin-left: 5px;
}

.button:hover {
	opacity: 0.8;
}

.button-primary {
	background: #c90000;
	color: #fff;
	border-color: #bc0000;
	margin: 5px 0;
}

.button-primary:hover,
.button-primary:focus,
.button-primary:link,
.button-primary:visited {
	color: #fff;
}

#wb2_manage_list table tr.even td,
#wb2_manage_list table tr.odd td {
	padding: 10px;
	border-bottom: 1px solid #ccc;
}

#wb2_manage_list table tr.even td {
	background: #f7f7f7;
}

.wb2_description {
	font-size: 13px;
	color: #999;
	font-style: italic;
	margin-top: 15px;
}

.wb2_urgent {
	color: #c90000;
}

/* Generate page
----------------------------------------------------------------------------- */
#wb2_generate .form-field {
	clear: both;
	margin-bottom: 25px;
	padding: 20px;
	background: #f7f7f7;
}

#wb2_generate .form-field input,
#wb2_generate .form-field select {
	margin: 0;
}

#wb2_generate .form-field input#wristband_name {
	width: 100%;
}

#wb2_generate .form-field .data {
	padding: 25px 0 35px 0;
	border-bottom: 1px solid #ccc;
}

#wb2_generate .form-field .data:first-child {
	padding-top: 0;
}

#wb2_generate .form-field #wb2_generate_sets {
	margin-top: 0;
}

#wb2_generate .form-field #wb2_generate_sets td input {
	margin-right: 5px;
}

#wb2_generate .slider {
	margin-top:10px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#wb2_generate .data {
	clear: both;
	margin: 15px 0;
}

#wb2_generate .data-number {
	margin-top: 10px;
}

/* Manage List
----------------------------------------------------------------------------- */
#wb2_manage_list table,
#wb2_manage_open table {
	width: 100%;
}

#wb2_manage_list table, td {
	border-spacing: 0;
}

#wb2_table_open td {
	padding-right: 10px;
}

#wb2_table_open td input[type="text"] {
	width: 100%;
}

/* Responsive
----------------------------------------------------------------------------- */

@media all and (max-width: 768px) {
	#wb2_generate_sets {
		width: 100%;
	}
	
	#wb2_generate_sets td {
		display: block;
		width: 100%;
		clear: both;
		margin-bottom: 10px;
	}
	
	#wb2_generate_sets td input {
		width: 100%;
	}
		
	.mobile-only {
		display: inline;
	}
	
	.desktop-only {
		display: none;
	}
}