.nav-tabs>button {
	padding: 10px 30px;
    margin: 0 0;
}

.message-container {
    width: 75%;
    min-width: 250px;
    padding: 25px;
    background: #fff;
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translate(-50%,0);
    z-index: 9999;
}

.select2-dropdown {
	z-index: 10000 !important;
}

@keyframes cg-stripe-flip {
	0%, 35%  { opacity: 0; }
	55%, 90% { opacity: 1; }
	100%     { opacity: 0; }
}
#group-gen-overlay {
	display: none;
	position: absolute;
	top: 0; left: 0; bottom: 0;
	width: 100%;
	border-radius: 4px;
	background-color: #337ab7;
	background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
	background-position: 20px 0;
	pointer-events: none;
}
#group-gen-overlay.cg-p3-active {
	animation: cg-stripe-flip 2s ease-in-out infinite;
}

.message-container>span {
    font-weight: 700;
    font-size: 35px;
    position: absolute;
    top: 10px;
    right: 20px;
    cursor: pointer;
}

.message-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9000;
    background: rgba(0,0,0,.8);
}

.wrapper>button {
	width: 100%;
}

.mode-text {
	font-size: 20px;
	text-align: center;
}

.wrapper {
	text-align: center;
}

.preference, .block {
	position: relative;
}

.preference>p, .block>p {
	display: inline-block;
	padding-right: 20px;
}

.preference>select, .block>select, .category>input {
	width: 80%;
}

.preference>button, .block>button, .category>button, .create-groups-entry>button, .category-entry>button {
	display: inline-block;
	padding: 3px 10px;
	margin-left: 2px;
	background-color: #ff0000;
}

.select2-container {
	max-width: 500px;
    width: 80% !important;
}

.selected-pref {
	background-color: rgb(150, 150, 150);
}