.action_builder {
	z-index:2;
    position: relative;
    font-size: 0;
    font-weight:400;
    max-width:100%;
    text-align:left;
    
}
.action_builder.preview .step:last-child .arrow{
    display:none;
}
.action_builder.preview {
    white-space: nowrap;
}
.action_builder.closed_action {
    z-index:1;
}
.action_builder .all_step_container{
    vertical-align: top;
    white-space: nowrap;
    height:25px;
    position: relative;
    max-width:100%;
    display:inline-block;
}

.action_builder .action_msg{
	color:red;
	font-size:13px;
}

.action_builder .step{
    cursor:pointer;
}

.action_builder .step img{
    height:15px;
    margin-right: 5px;
}
.action_builder label{
    font-size:12px;
}

.action_builder .step {
    z-index:100;
    font-size:13px;
    position: relative;
    display:inline-block;
    padding:3px 10px 2px 20px;
    color:#fff;
    background-color:#1a80b6;
    border: thin solid #1770a0;
	line-height:1.4;
    transition: max-width .3s ease-in-out;
}
.action_builder .step:first-child {
    padding-left:10px;
}


.action_builder .url_step.step input[type='text']{
    border:none;
    border-bottom:thin solid #aaa;
    width:150px;
    padding:0;
    padding-bottom:2px;
    outline:none;
    background-color:#fff !important;
}
.action_builder .url_step.step input[type='text']:focus{
    border-bottom:thin solid #1a80b6;
}

.action_builder .url_step.step{
    max-width: 80%;
}


.action_builder .step:not(.active):hover {
    max-width: none;
}
.action_builder .action_label{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 18px;
}
.action_builder .action_label img{
    opacity:.6;
}
.action_builder .action_label > *{
    vertical-align: top;
	display:inline-block;
}
.action_builder .step.active,  .action_builder .step.closed{
    z-index:100;
    color:#333;
	max-width:180px;
    background-color:#fff;
    border: thin solid #ddd;
}
.action_builder .step.active{
    max-width: 100%;
}
.action_builder .step:not(.active):not(.closed) img{
   	-webkit-filter: invert(1);
   	filter: invert(1);
}

.action_builder .step_error{
	background-color:red !important;
	border: thin solid red !important;
	color:white !important;
	font-weight:600 !important;
}

.action_builder .step .arrow {
    z-index: -1;
    position: absolute;
    display:inline-block;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    padding: 8px;
    right: -9px;
    top: 3px;
    background-color:#1a80b6;
    border-top: thin solid #1770a0;
    border-right: thin solid #1770a0;
}
.action_builder .step.active .arrow, .action_builder .step.closed .arrow  {
    background-color:#fff;
    border-top: thin solid #ddd;
    border-right: thin solid #ddd;
}

.action_builder .step.compact_img{
    max-width:15px;
}
.action_builder .step.compact_text:not(.url_step){
    /*max-width:100px;*/
}

.action_builder .action_list{
    position: absolute;
    top: 24px;
    left:0;
    min-width: 100%;
    z-index:900;
    color:#333;
    background-color:#eee;
    border: thin solid #ddd;
    border-top: thick solid #1a80b6;
    max-height: 30vh;
    overflow: scroll;
}
.action_builder .action_list_item{
    padding: 5px 10px;
}
.action_builder .action_list_item:hover{
    background-color:#DDD;
}

.action_builder .action_list_item.selected_action{
    background-color:#1a80b6;
    color: #FFFFFF;
}

.action_builder .urn_container{
    height:100%;
    z-index: 100;
    position: absolute;
    background:white;
    bottom:0;
    width:0%;
}
.action_builder .urn_disclosure{
    float: left;
    height:25px;
    width: 8px;
    background-color: #1a80b6;
    cursor:pointer;
    align-self:flex-start;
    flex-shrink:0;
}
.action_builder .urn_disclosure.collapsed{
    background-color: #DDD;
}


.action_builder .urn_field{
    display:none;
    height:21px;
    width:100%;
    
}

.action_builder .ab_button{
    vertical-align: middle;
    font-size:12px;
    color:#fff;
    padding: 1px 6px;
    margin: 0 5px;
    background-color:#1a80b6;
    border-radius: 2px;
}


.action_builder .ab_flex{
    display:flex;
    align-items: center;
}

.action_builder .ab_flex .action_container{
    flex-grow:1;
    position: relative;
    max-width:100%;
}



.action_builder .keyword_box {
	position:absolute;
	background:#FFFFFF;
	left:30px;
	margin-top:-5px;
	width:360px;
	border-top:thick solid #1a80b6;
	box-shadow: 1px 1px 4px rgba(0,0,0,.15);
}
.action_builder .keyword_box .search_container, 
.action_builder .keyword_box .keyword_container{
	margin:10px 0;
    white-space:normal;
    max-height:85px;
    overflow:scroll;
}

.keyword_container {
    display: none;
}

.action_builder .keyword_box .searchsubmit{
	padding: 5px 7px 5px 7px;
	width: 18px;
	border: thin solid #c0c0c0;
	border-left:none;
	vertical-align: top;
}

.action_builder .keyword_box .search_container{
	font-size:14px;
}

.action_builder .keyword_box .searchinput{
	background: none;
    border:thin solid #c0c0c0;
	/*border-right:none;*/
    outline: none;
    margin: 0;
	margin-left:10px;
    padding: 0 0 0 14px;
    height: 28px;
    width: 185px;
    font-size: 12px;
	vertical-align: top;
}
.action_builder .keyword_box #search_action_button{
	font-size:14px;
	color:#c0c0c0;
	padding:5px 0;
	margin-right:10px;
	float: right;
}
.action_builder .keyword_box #search_action_button span{
	color:#1a80b6;
	cursor:pointer;
}

.action_builder .keyword_box .keyword_item{
    display:inline-flex;
    align-items:center;
	margin:5px 0 0 10px;
	color:#FFFFFF;
	background:#1a80b6;
	padding:1px 10px;
	border-radius:3px;
}
.action_builder .keyword_box .keyword_item img{
	margin-bottom:-1px;
	cursor:pointer;
}
.action_builder .keyword_box .keyword_item span{
	margin-left:10px;
	font-size:11px;
}
.action_builder .keyword_box #searchresults{
	background:#EEEEEE;
	font-size:13px;
	max-height:160px;
	white-space: nowrap;
    text-overflow: ellipsis;
	overflow-y:auto;
}
.action_builder .keyword_box #searchresults .searchitem{
	padding:3px 10px;
	cursor:pointer;
	white-space: nowrap;
    text-overflow: ellipsis;
	overflow:hidden;
}

.action_builder .keyword_box #searchresults .filter_keyword_list_item{
	padding:3px 10px;
	cursor:pointer;
	white-space: nowrap;
    text-overflow: ellipsis;
	overflow:hidden;
}
.action_builder .keyword_box #searchresults div:hover{
	background:#DDDDDD;
}


.searchitem.selected, .filter_keyword_list_item.selected{
	background-color: #BBBBBB;
	pointer-events: none;
	cursor: default;
}

.clearfix{
	clear:both;
}