kiss/plugin/workflow/css/main.css

/** WORKFLOW **/

/* Conteneur principal du plugin workflow */
.workflow {

}

#workflows {

}

html.module-workflow,.module-workflow body{
	    background-color: #f1f1f1!important;
	    height:100%;
}
.module-workflow body{
	height:calc(100% - 50px);
}

.module-workflow .footer{
	display: none;
}

/* formulaire d'édition de workflow */
.workflow .workflow-form {

}

#workflow-form[data-id=""] .visible-on-update{
	display: none;
}


#workflow-effects tr .workflow-effect-form{
	display: none;
}
#workflow-effects tr.open .workflow-effect-form{
	display: block;
}
#workflow-effects tr.open{
	background-color : #f0f8ff;
}

#workflow-effects tr.open .btn-edit i:before{
	    content: "\f00c";
	    color:#28a745;

}
#workflow-effects tr.open .btn-edit i:before{
	    content: "\f00c";
}

.workflow-logs > div {
    font-size: 10px;
    max-height: 200px;
    overflow: auto;
}
.workflow-logs > div > ul{
	padding:0;
	margin:0;
	background-color: #fff;
	list-style-type: none;
}
.workflow-logs > div > ul > li{
	padding:10px;
	margin:0;
	border-bottom:1px solid #e9e9e9;
}
.workflow-causes .advanced-search-box ul.group {
    background-color: #ffffff;
}

.workflow-causes .advanced-search-box.advanced{
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
}

.workflow-causes .advanced-search-box .options,
.workflow-effects .advanced-search-box .options{
	display: none;
}

.workflow-event-bloc{
	background-color: #ffffff;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
}
.workflow-event-bloc .workflow-events{
	list-style-type: none;
	margin:0;
	padding:0;
}
.workflow-event-bloc .workflow-events li{
	padding:2px 5px;
}
#workflow-effect-form .data-type-dropdown-select{
	width: 300px;
}

.workflow-effects .condition .filter-join option[value="or"],
.workflow-effects .condition .filter-option .btn-indent{
	display: none;
}



.workflows-list,.workflows-list li{
	list-style-type: none;
	margin:0;
	padding:0;
}


.workflows-list:after{
	content : '';
	display:block;
	clear: both;
}

.workflows-list > li{
	float: left;
    margin: 15px 15px 0px 0;
    height: 250px;
    width: calc(20% - 15px);
    cursor: pointer;
    padding: 20px;
    border-top:10px solid #ffffff;
    background: #ffffff;
    position: relative;
    text-align: center;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    transition: transform 0.2s ease-in-out;
}
.workflows-list > li:hover{
	transform: scale(1.01);
}

.workflows-list > li > a > i{
	margin:10px auto 0 auto;
	font-size: 3em;
	color: #5f6b87;
	display: block;
}

.workflows-list > li > a > h6,.workflow-form h6{
	margin: 0 auto 0 auto;
	font-size: 1.2em;
	color: #4c4c4c;
    vertical-align: bottom;

	display: block;
}

.workflows-list a,.workflows-list a:focus, .workflows-list a:active {
    outline: none;
    -moz-outline-style: none;
    box-shadow : none;
}

.workflows-list .workflow-menu{
	width: 100%;
	text-align: center;
}
.workflows-list .workflow-menu i{
	font-size: 1em;
}