.roadmap { font-family:arial,helvetica,sans-serif; } .roadmap .title1{ font-family:Arial, Helvetica, sans-serif; font-size: 22px; } .roadmap .alertinfo{ background: #f9f9f9; border: 1px solid #eeeeee; padding: 10px !important; } .roadmap .flow-pos { font-size: 18px; padding: 10px 0 !important; 	width:950px; } .roadmap .flow-pos span{ position: relative; } .roadmap .plan{ left: 2.5%; } .roadmap .design{ left: 16%; } .roadmap .implement{ left: 26.5%; } .roadmap .testing{ left: 38.4%; } .roadmap .release{ left: 53%; } .roadmap .workflow-ui{ display: flex; flex-flow: row wrap; padding-top: 30px!important; } .roadmap .workflow-ui>div{ margin: 5px; } .roadmap .flex1{ flex: 1; } .roadmap .flow-box{ border: 1px solid #d1d1d1; flex-flow: row wrap; } .roadmap .flow-inner-title{ background: #f7f7f7; margin: 0 !important; font-size: 19px; padding: 10px !important; } .roadmap .color0 { 	border-bottom: 2px solid #50db75; } .roadmap .color1{ border-bottom: 2px solid #60d9d9; } .roadmap .color2{ border-bottom: 2px solid #c240f2; } .roadmap .color3{ border-bottom: 2px solid #f3a355; } .roadmap .color4{ border-bottom: 2px solid #4da8eb; } .roadmap .pos-align{ 	position: relative; 	top: 8px; 	float: left; } .hiq-t .roadmap div.workflow-diagram { margin-top:20px; } .roadmap ul.bullet-arrow { margin: 0; 	padding: 0; } .roadmap ul.bullet-arrow li { padding: 10px; 	list-style:none; } .roadmap ul.bullet-arrow li.header{ 	font-size:13px; 	font-weight: bold; border-bottom:2px solid #eff1f1; text-transform:uppercase; letter-spacing:.5px; } .roadmap ul.bullet-arrow li.subheader { color:#333; font-weight:bold; padding-left:4px; } .roadmap ul.bullet-arrow li:not(:last-child):not(.header) { border-bottom: 1px solid #dfdfdf; } .roadmap ul.bullet-arrow li:not(.header):not(.subheader) { 	 padding-left:20px; 	} .roadmap ul.bullet-arrow li:not(.header) { 	 padding-top:7px; padding-bottom:7px; margin-left:15px; margin-right:15px; 	} .roadmap ul.bullet-arrow li:not(.header):not(.subheader):before { content: ''; 	 display: inline-block; 	 speak: none; 	 border-top: 4px solid #afb9b9; border-right: 4px solid transparent; border-left: 4px solid transparent; transform: rotate(-90deg); 	 margin-left: -15px !important; 	 margin-right: 6px !important; 	 top: -4px; 	 position:relative; 	} .roadmap .listinner li:before{ 	content: ''; 	display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid #afb9b9; border-right: 4px solid transparent; border-left: 4px solid transparent; transform: rotate(-90deg); float: left; position: relative; top: 9px; } .roadmap .listinner li div{ 	margin-left: 20px; } .roadmap li.header:before{ 	display: none; } .roadmap .update-info { 	font-size:13px; 	color:#888; 	margin-top:10px; }