.generic{
	width:970px;
	margin:auto;
	text-align:left;
	padding:0;
	text-align:left;
}

.left{
	width:160px;
	float:left;
	position:relative;
}

.center{
	margin-left:160px;
	width:640px;
	background:white repeat-y right 0;
	text-align:center;
	padding-bottom:1px;/*force firefox draw bottom pad*/
	min-height:480px;
	color:black;
}
	.center .content{
		width:620px;
		background:white;
		margin: 100px auto 20px auto;
		vertical-align:middle;
	}
	
.right{
	float:right;
	width:170px;
	text-align:center;
}

.clickable {
    cursor: pointer;
}

.funbox {
	background:none;
}

/* columns and spacing */
.table {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.col-1 {
    flex: 0 0 8%;
    flex-wrap: nowrap;
}


.col-2 {
    flex: 0 0 16%;
    flex-wrap: nowrap;
}

.col-3 {
    flex: 0 0 25%;
    flex-wrap: nowrap;
}

.col-4 {
    flex: 0 0 33%;
    flex-wrap: nowrap;
}

.col-5 {
    flex: 0 0 41%;
    flex-wrap: nowrap;
}

.col-6 {
    flex: 0 0 50%;
    flex-wrap: nowrap;
}

.col-7 {
    flex: 0 0 58%;
    flex-wrap: nowrap;
}

.col-8 {
    flex: 0 0 66%;
    flex-wrap: nowrap;
}

.col-9 {
    flex: 0 0 75%;
    flex-wrap: nowrap;
}

.col-10 {
    flex: 0 0 83%;
    flex-wrap: nowrap;
}

.col-12 {
    flex: 0 0 100%;
    flex-wrap: nowrap;
}

.mb-1 {
    margin-bottom: 1em;
}

.mb-2 {
    margin-bottom: 2em;
}
.mb-3 {
    margin-bottom: 3em;
}
.mb-4 {
    margin-bottom: 4em;
}

/* Action feedback */
.feedback-banner-container {
    position: absolute;
    background: rgba(247, 199, 210, 0.7);
    border: 1px solid pink;
    border-radius: 5px;
    padding-top: 5px;
    padding-bottom: 10px;
    width: 95%;
    opacity: 0;
    z-index: -100;
}

.feedback-banner-container.feedback-show {
    opacity: 1;
    z-index: 1000;
    transition: opacity 500ms ease;
}

.feedback-banner-container.feedback-hide {
    opacity: 0;
    z-index: -100;
    transition: opacity 1s ease 0s, z-index 0s ease 2s;
}

.feedback-banner {
    padding: 10px;
    margin: 5px;
}

.feedback-banner:empty {
    padding: 0px;
    margin: 0px;
}

.success-banner {
    background-color: rgb(13, 148, 13);
    color: white;
}

.error-banner {
    background-color: rgb(170, 27, 27);
    color: white;
}

.warning-banner {
    background-color: rgb(255, 253, 149);
    color: black;
}

.required-star {
    color: red;
}