body {
}
.IMEOFF
{
    ime-mode:disabled;
}
.IMEON
{
    ime-mode:auto;
}
.item img{
    width:100%;
}
.fluid2{
    padding:0;
}
.modal-dialog-center{
    padding-top: 10%;
}
.title{
    padding: .75em 1em;
    border: 1px solid #CCC;
    border-top: 3px solid #040912;
    background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
    background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
    box-shadow: 0 -1px 0 rgba(255,255,255,1) inset;
}
li.flow{
	width: 13rem;
	height: 60px;
	line-height: 30px;
	list-style: none;
	text-align: left;
	background: #ced1d6;
    color:black;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.25);
	margin-left: 19px;
	margin-bottom: 5px;
	float: left;
	position: relative;
    padding-top:1rem;
	z-index: 10;
}
li.flow.active{
	background: #242a30;
    color:white;
	width: 12rem;
    padding-top:0rem;
}
li.flow span{
	position: relative;
	z-index: 20;
}
li.flow::after{
	content: "";
	width: 21px;
	height: 21px;
	background: #ced1d6;
    color:black;
	transform: rotate(-45deg);
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.25);
	position: absolute;
	top: 21px;
	right: -10px;
	z-index: 5;
}
li.flow.active::after {
    background: #242a30;
    color:white;
}