.statusses {
	height: 260px;
}
.statusses div.col { 
	float:left;
	height: 235px;
	width: 132px;
	margin: 0 8px;
	padding: 11px 22px;
	border-radius: 10px;
	line-height : 44px;
}
.effects-enabled .statusses .col { 
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
}
.effects-enabled .statusses div.rotate-enabled.col { 
	-moz-transition-property: -moz-transform;
	-moz-transition-duration: 1s;
	-ms-transition-property: -ms-transform;
	-ms-transition-duration: 1s;
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 1s;
}
.statusses .flip {
	position: absolute;
	width: 132px;
}
.effects-enabled .statusses .flip {
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.effects-disabled .statusses .flip.flip-back {
	display: none;
}
.effects-enabled .statusses .flip.flip-front {
	-moz-transform: translateZ(1px);
	-ms-transform: translateZ(1px);
	-webkit-transform: translateZ(1px);
}
.effects-enabled .statusses .flip.flip-back {
	-moz-transform: translateZ(-1px) rotateY(180deg);
	-ms-transform: translateZ(-1px) rotateY(180deg);
	-webkit-transform: translateZ(-1px) rotateY(180deg);
}
.statusses .flip.flip-hidden {
	display: none;
}

.effects-enabled .rotated {
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
}
.effects-enabled .rotated.rotate-invert {
	-moz-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	-webkit-transform: rotateY(-180deg);
}
.col h3 {
	padding : 0;
	margin : 0  auto 7px auto;
	text-align : center;
	line-height : 22px;
	text-shadow: 0px 0px 3px #000;
	overflow: hidden;
	white-space:nowrap;
	font-size: 22px;
}

.statusses div.data {
	position: relative;
}
.statusses .button.row {
	height: 33px;
	position: absolute;
}
.statusses .prev.button.row {
	top: -33px;
}
.statusses .next.button.row {
	bottom: -33px;
}
.statusses .button.row .inner-row {
	border-radius: 10px;
	-moz-transition-property: opacity, background-color;
	-moz-transition-duration: 0.3s;
	-ms-transition-property: opacity, background-color;
	-ms-transition-duration: 0.3s;
	-webkit-transition-property: opacity, background-color;
	-webkit-transition-duration: 0.3s;
	opacity: 0;
	text-align: center;
	width: 57px;
	margin-left: 44px;
	margin-right: 44px;
	height: 22px;
	line-height : 22px;
	cursor: pointer;
}
.statusses .button.row .inner-row:hover {
	background-color: #666;
}
.statusses .projects:hover .button.row .inner-row {
	opacity: 1;
}
.statusses div.row {
	margin : 0 -30px;
	clear: both;
	height: 39px;
	overflow: hidden;
}
.statusses .row .inner-row {
	height: 28px;
	line-height : 28px;
	width: 146px;
	background-color : rgba(64,64,64,0.5);
	margin-top: 4px;
	padding : 4px 24px;
}

.statusses.alert-enabled .row.alert-red .inner-row {
	-moz-animation-name: alert-red;
	-moz-animation-duration: 5s;
	-moz-animation-iteration-count: infinite;
	-ms-animation-name: alert-red;
	-ms-animation-duration: 5s;
	-ms-animation-iteration-count: infinite;
	-webkit-animation-name: alert-red;
	-webkit-animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
}
.statusses.alert-enabled .row.alert-yellow .inner-row {
	-moz-animation-name: alert-yellow;
	-moz-animation-duration: 5s;
	-moz-animation-iteration-count: infinite;
	-ms-animation-name: alert-yellow;
	-ms-animation-duration: 5s;
	-ms-animation-iteration-count: infinite;
	-webkit-animation-name: alert-yellow;
	-webkit-animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
}
@-moz-keyframes alert-red {
	0% {
	}
	20% {
		background-color : rgba(64,64,64,0.5);
	}
	30% {
		background-color : rgba(255,0,0,0.6);
	}
	50% {
		background-color : rgba(64,64,64,0.5);
	}
	60% {
		background-color : rgba(255,0,0,0.6);
	}
	80% {
		background-color : rgba(64,64,64,0.5);
	}
	100% {
	}
}
@-moz-keyframes alert-yellow {
	0% {
	}
	20% {
		background-color : rgba(64,64,64,0.5);
	}
	30% {
		background-color : rgba(223,223,31,0.6);
	}
	50% {
		background-color : rgba(64,64,64,0.5);
	}
	60% {
		background-color : rgba(223,223,31,0.6);
	}
	80% {
		background-color : rgba(64,64,64,0.5);
	}
	100% {
	}
}

@-ms-keyframes alert-red {
	0% {
	}
	20% {
		background-color : rgba(64,64,64,0.5);
	}
	30% {
		background-color : rgba(255,0,0,0.6);
	}
	50% {
		background-color : rgba(64,64,64,0.5);
	}
	60% {
		background-color : rgba(255,0,0,0.6);
	}
	80% {
		background-color : rgba(64,64,64,0.5);
	}
	100% {
	}
}
@-ms-keyframes alert-yellow {
	0% {
	}
	20% {
		background-color : rgba(64,64,64,0.5);
	}
	30% {
		background-color : rgba(223,223,31,0.6);
	}
	50% {
		background-color : rgba(64,64,64,0.5);
	}
	60% {
		background-color : rgba(223,223,31,0.6);
	}
	80% {
		background-color : rgba(64,64,64,0.5);
	}
	100% {
	}
}

@-webkit-keyframes alert-red {
	0% {
	}
	20% {
		background-color : rgba(64,64,64,0.5);
	}
	30% {
		background-color : rgba(255,0,0,0.6);
	}
	50% {
		background-color : rgba(64,64,64,0.5);
	}
	60% {
		background-color : rgba(255,0,0,0.6);
	}
	80% {
		background-color : rgba(64,64,64,0.5);
	}
	100% {
	}
}
@-webkit-keyframes alert-yellow {
	0% {
	}
	20% {
		background-color : rgba(64,64,64,0.5);
	}
	30% {
		background-color : rgba(223,223,31,0.6);
	}
	50% {
		background-color : rgba(64,64,64,0.5);
	}
	60% {
		background-color : rgba(223,223,31,0.6);
	}
	80% {
		background-color : rgba(64,64,64,0.5);
	}
	100% {
	}
}


.statusses div.col:first-child .inner-row {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.statusses div.col:last-child .inner-row {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.project-transition .statusses .row {
	-moz-transition-property: height;
	-moz-transition-duration: 1s;
	-ms-transition-property: height;
	-ms-transition-duration: 1s;
	-webkit-transition-property: height;
	-webkit-transition-duration: 1s;
}
.project-transition .statusses .inner-row {
	-moz-transition-property: margin-top;
	-moz-transition-duration: 1s;
	-ms-transition-property: margin-top;
	-ms-transition-duration: 1s;
	-webkit-transition-property: margin-top;
	-webkit-transition-duration: 1s;
}
.project-transition.fast .statusses .row {
	-moz-transition-property: height;
	-moz-transition-duration: 0.5s;
	-ms-transition-property: height;
	-ms-transition-duration: 0.5s;
	-webkit-transition-property: height;
	-webkit-transition-duration: 0.5s;
}
.project-transition.fast .statusses .inner-row {
	-moz-transition-property: margin-top;
	-moz-transition-duration: 0.5s;
	-ms-transition-property: margin-top;
	-ms-transition-duration: 0.5s;
	-webkit-transition-property: margin-top;
	-webkit-transition-duration: 0.5s;
}
.project-transition .statusses .row:first-child {
	height: 0!important;
}
.project-transition.animate .statusses .row:first-child {
	height: 39px!important;
}
.project-transition .statusses .row:first-child .inner-row {
	margin-top: -35px!important;
}
.project-transition.animate .statusses .row:first-child .inner-row {
	margin-top: 4px!important;
}
.project-transition .statusses .row:last-child {
	height: 39px!important;
}
.project-transition.animate .statusses .row:last-child {
	height: 0!important;
}
.rotate-invert.rotate-disabled .flip-front {
	display: none;
}
.rotate-default.rotate-disabled .flip-back {
	display: none;
}

.statusses .number .row { text-align : right; padding-right : 24px;}
.statusses .color-1, .statusses .color-1 .flip { background-color : #abc507;}
.statusses .color-2, .statusses .color-2 .flip { background-color : #ec1559;}
.statusses .color-3, .statusses .color-3 .flip { background-color : #74c6f1;}
.statusses .color-4, .statusses .color-4 .flip { background-color : #586b7a;}
.statusses .color-5, .statusses .color-5 .flip { background-color : #94b3c5;}
.statusses .color-6, .statusses .color-6 .flip { background-color : #ff4a12;}
.statusses .color-7, .statusses .color-7 .flip { background-color : #f7ae16;}
.statusses .color-8, .statusses .color-8 .flip { background-color : #820f00;}
