@import "variables.less";

/* ----------------------------------------------------------------------------------------------------------
2 Cols Search form
---------------------------------------------------------------------------------------------------------- */

.search-form.col-2 .zend_form dd.from-date-element { width: 10%; float:left; margin-left: 0px;}
.search-form.col-2 .zend_form dt.to-date-label { width: 10%; float:left;  margin-left: 0; }
.search-form.col-2 .zend_form dd.to-date-element { width: 10%; float:left; margin-left: 0px;}

/* ----------------------------------------------------------------------------------------------------------
Modal
---------------------------------------------------------------------------------------------------------- */
body.fluid-body.modal-page { padding-top: 0; }
body.modal-page .zend_form dt { width: 20%; }
body.modal-page .zend_form dd { width: 75%; }

/* ----------------------------------------------------------------------------------------------------------
Tab buttons
---------------------------------------------------------------------------------------------------------- */
.tab-buttons { border-bottom: 7px solid @fw-bg-color4; }
.tab-buttons ul li {  background-color: @fw-bg-color2; margin: 5px 5px 0 0; }
.tab-buttons ul li a { color: @fw-font-color; } 
.tab-buttons ul li a:hover { color: @fw-bg-color2; }


/* ----------------------------------------------------------------------------------------------------------
Flow Diagram
---------------------------------------------------------------------------------------------------------- */
.flow-cards { text-align:center; width: 100%; margin: 10px 0; }
.flow-card { width: 200px; height: 200px; display:inline-block; border: 3px solid #555; margin: 10px; border-radius: 10px; }
.flow-card h4:first-child { margin-top: 5px; }
.flow-card h4 { width: 100%; text-align: center; font-size: 14px; }
.flow-card span { text-decoration: underline; }
.flow-passed { background-color: #61C978; }
.flow-active { background-color: #FFE786; }
.flow-reject { background-color: #FF7E7E; }
.flow-not-pass {  background-color: #aaa; }