.gworkflowtask {
	float: none;
	overflow: visible;
}

.gworkflowtask .workflowtask_wrapper {
	border: 1px solid #DADADA;
	background: #F3F3F3;
	height: 47px;
	box-sizing: border-box;
	border-radius: 2px;
	display: flex;
	align-items: center;
	
	/* if margin-bottom is 10px, then scroller appears in flex layout top container due to triangle */
	margin-bottom: 13px;
	margin-left: 5px;
	margin-right: 5px;
}

.gworkflowtask.white .workflowtask_wrapper {
	background: white;
	box-shadow: 0 0 10px rgba(0,0,0,0.15);
}


.gworkflowtask .workflowtask_wrapper .triangle {
	position: relative;
}
.gworkflowtask .workflowtask_wrapper .triangle::after {
	content: "";
	position: absolute;
	border-bottom: 8px solid transparent;
	width: 0px;
	height: 0px;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	border-top: 8px solid #F3F3F3;
	left: 13px;
	top: 21px;
}
.gworkflowtask.white .workflowtask_wrapper .triangle::after {
	border-top: 8px solid white;
}

/* Rendering DIV with no size and only upper gray border makes gray triagle */
.gworkflowtask .workflowtask_wrapper .triangle::before {
	content: "";
	position: absolute;
	border-bottom: 8px solid transparent;
	width: 0px;
	height: 0px;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	border-top: 8px solid #DADADA;
	left: 13px;
	top: 22px;
}

.gworkflowtask a:link {
	color: #303030;
	text-decoration: none;
}

.gworkflowtask .arrow_right {
	margin-left: 10px;
	margin-right: 10px;
	display: flex;
	border: 1px solid #5986B5;
	border-radius: 3px;
	background-color: #6098D3;
	width: 21px;
	height: 21px;
}

.gworkflowtask .icon-arrow_right {
	maring: 2px;
}

.gworkflowtask .arrow_right i {
	color: white;
	font-size: 15px;
	margin-top: 2px;
	display: flex;
}

.gworkflowtask .arrow_right i::before{
	margin: 0px 3px 0px 5px;
}

.gworkflowtask .task_info {
	display: flex;
	font-size: 13px;
	font-family: "Roboto Regular";
	height: 20px;
	line-height: 20px;
	justify-self: flex-start;
}

.gworkflowtask .next_activity_options {
	display: flex;
	margin-right: 1px;
	justify-content: flex-end;
	flex: 1;
}

.gworkflowtask .task_info .task_description {
	font-family: "Roboto Medium";
	margin-right: 20px;
}

.gworkflowtask .task_info .task_user_created {
	color: #3776BF;
	margin-right: 10px;
}

.gworkflowtask .user_image_creded {
	width: 21px;
	height: 21px;
	margin-right: 7px;
	margin-top: -2px;
}

.gworkflowtask .task_info .task_when_created {
	font-size: 13px;
	color: #A9A9A9;
}

.gworkflowtask .task_solution_div {
	margin-right: 5px;
	background-color: white;
	border: 1px solid #D9D9D9;
	border-radius: 3px;
	display: flex;
	height: 34px;
	box-sizing: border-box;
	align-content: center;
	box-shadow: inset 0 -2px rgba(0,0,0,0.05);
}
.gworkflowtask.white .task_solution_div {
	margin: 0px;
	box-shadow: none;
	border: 0px;
	border-left: 1px solid #DADADA;
	height: 45px;
	border-radius: 0px;
}
.gworkflowtask.white .task_solution_div:hover,
.gworkflowtask.white .task_solution_div:focus {
	border: 0px;
	border-left: 1px solid #DADADA;
	box-shadow: none;
	background-color: #f8f8f8;
}

.gworkflowtask .task_solution_div a {
	line-height: 20px;
	font-size: 11px;
	display: flex;
	align-items: center;
	margin-top: -1px;
	outlne: none !important;
}

.gworkflowtask.white .task_solution_div a {
	padding-left: 14px;
	padding-right: 14px;
	outline: none !important;
}

.gworkflowtask .task_solution_div:hover, 
.gworkflowtask .task_solution_div:focus {
	box-shadow: inset 0 -2px rgba(0,0,0,0.05), 0 0 2px rgba(0,0,0,0.2);
	border: 1px solid #B2B2B2;
}

.gworkflowtask .task_solution_div .solution_label {
	font-size: 12px;
	margin-right: 9px;
	color: #444;
	font-family: Roboto Medium;
}

.gworkflowtask .task_solution_div .icon {
	width: 22px;
	height: 22px;
	font-size: 13px;
	border: 1px solid #dadada;
	box-sizing: border-box;
	border-radius: 3px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 5px;
	box-shadow: inset 0 -2px rgba(0,0,0,0.05);
}

.gworkflowtask .task_solution_div .icon_status {
	margin-right: 8px;
	border-radius: 3px;
	width: 22px;
	height: 22px;
	font-size: 13px;
	border: 1px solid #dadada;
	box-sizing: border-box;
	border-radius: 3px;
	display: flex;
	justify-content: center;
	margin-left: 5px;
}

.gworkflowtask .task_solution_div .icon_done {
	background-color: #7ABF55;
	border: 1px solid #66A048;
}

.gworkflowtask .task_solution_div .icon_failed {
	background-color: #E46852;
	border: 1px solid #C15845;
}

.gworkflowtask .task_solution_div  .icon_status i {
	color: white;
	font-size: 10px;
	line-height: 21px;
}

.gworkflowtask .task_solution_div .icon i {
	font-size: 3px;
	color: #dadada;
	margin-top: 2px;
}

.gworkflowtask .popdialog {
	text-align: left;
	border: 1px solid #DBDBDB;
	box-shadow: 0 0 30px rgba(0,0,0,0.3);
}

.gworkflowtask .popdialog::before {
	content: "";
	position: absolute;
	width: 0px;
	height: 0px;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	border-top: 8px solid transparent;
	border-bottom: 8px solid white;
	margin-top: -17px;
	right: 8px;
}

.gworkflowtask div.popdialog_title {
	background-color: white;
	color: #494949;
	font-weight: unset;
	text-align: left;
	margin-left: 20px;
	margin-top: 15px;
	padding: 0px;
	margin-bottom: 10px;
	font-size: 14px;
}

.gworkflowtask .popdialog .wf_solution_comment {
	width: 324px;
	height: 87px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
}

.gworkflowtask .dialog_footer {
	border-top: 1px solid #E7E7E7;
	background-color: #F6F6F6;
	height: 60px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: end;
}

.gworkflowtask .dialog_footer .wf_button {
	margin-right: 7px;
	display: flex;
}

.gworkflowtask .dialog_footer .wf_button .wf_btn {
	text-decoration: none;
	overflow: hidden;
	text-shadow: none;
	height: 100%;
	width: 100%;
	vertical-align: middle;
	padding: 0px;
	border-radius: 4px;
	cursor: pointer;
	margin: 0 auto;
	background-image: none;
	box-sizing: border-box;
}

.gworkflowtask .dialog_footer .wf_button .wf_button_wrapper {
    height: 34px;
    line-height: 32px;
    display: flex;
}

.gworkflowtask .dialog_footer .wf_button a.wf_btn_cancel {
	background-color: #ffffff;
	color: #444;
	border: 1px solid #D9D9D9;
	box-shadow: inset 0 -2px 0 0 #F0F0F0;
	padding-left: 13px;
	padding-right: 13px;
}
.gworkflowtask .dialog_footer .wf_button a.wf_btn_cancel:hover,
.gworkflowtask .dialog_footer .wf_button a.wf_btn_cancel:active {
	box-shadow: inset 0 -2px rgba(0,0,0,0.05), 0 0 2px rgba(0,0,0,0.2);
	border: 1px solid #B2B2B2;
}

.gworkflowtask .dialog_footer .wf_button a.wf_btn_cancel:active {
 	box-shadow: inset 0 2px 0 0 #F0F0F0;
	border: 1px solid #D9D9D9;
}

.gworkflowtask .dialog_footer .wf_button a.wf_btn_finish {
	background-color: #3276C4;
	color: #FFFFFF;
	border-top: 1px solid transparent;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	border-bottom: 1px solid #285E9D;
	box-shadow: inset 0 -1px 0 0 #285E9D;
	padding-left: 13px;
	padding-right: 13px;
}

.gworkflowtask .dialog_footer .wf_button a.wf_btn_finish:hover,
.gworkflowtask .dialog_footer .wf_button a.wf_btn_finish:focus {
	background-color: #408CE3;
	border-top: 1px solid #408CE3;
	color: #FFFFFF;
}

.gworkflowtask .dialog_footer .wf_button a.wf_btn_finish:active {
	background-color: #2264AE;
	border-top: 1px solid #1D5493;
	box-shadow: inset 0 1px 0 0 #1D5493;
  	border-bottom: 1px solid transparent;
}

.gworkflowtask #task_collapser {
}

.gworkflowtask .collapse_link {
	font-size: 10pt;
	font-weight: bold;
	float: left;
}

.gworkflowtask #task_collapser a {
	text-decoration: none;
	color: #444;
	font-family: "Roboto Medium";
	font-size: 14px;
	font-weight: normal;
	display: flex;
	height: 40px;
	align-content: center;
	justify-content: center;
	align-items: center;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 3px;
	background-color: white;
	box-shadow: 0 0 10px rgba(0,0,0,0.15);
	border: 1px solid #DADADA;
	outline: none !important;
}
.gworkflowtask #task_collapser a .arrow_right {
	margin: 0px;
	margin-top: 0px;	
}
.gworkflowtask #task_collapser a .arrow_right i {
	margin-top: 4px;
}

.gworkflowtask .link_task_collapse {
	text-decoration: none;
}

.gworkflowtask #collapse_text {
	margin-right: 5px;
}