#reports .ui-droppable {
	border: 2px dashed #1e4e7b;
}

#reports .ui-state-hover {
	background-color: #f3f3f3 !important;
}

.report_field {
	background-color:white;
	padding:5px;
	margin:4px;
	cursor: pointer;
	border: 1px solid black;
}

#new_report {
	position:absolute;
	top:0;
	left:1170px;
}

#reports_search {
	width: 445px;
	height:300px;
	top: 30px;
	left:0;
}


#reports_details {
    width: 445px;
	height:265px;
	top: 365px;
	left:0;
}
	#report_details {
		width: 270px;
		direction: ltr;
		font-weight:normal;
	}


#reports_editor {
	top: 30px;
	left:460px;
	width: 800px;
}



#reports_criteria {
	width: 620px;
}


#reports_field_select {
	padding: 0 40px;
}
	#reports_field_select > div {
		position:relative;
	}


#builder_tables,#builder_fields,#builder_shown {
	height:150px;
	overflow-y:auto;
}
#builder_tables,#builder_fields {
	width:150px;
	border: 2px solid #1e4e7b;
}
#builder_shown {
	width:265px;
}

.reports_arrow {
	position:absolute;
	font-size: 70px;
	color:#1e4e7b;
}

	#reports_arrow_table {
	    bottom: 24px;
		right: -72px;
	}
	#reports_arrow_fields1 {
	    bottom: -80px;
		right: 10px;
		transform: rotate(-90deg);
	}
	#reports_arrow_fields2 {
		bottom: -22px;
		right: -62px;
	}
	#reports_arrow_shown {
		bottom: -80px;
		left: -26px;
		transform: rotate(-90deg);
	}


#builder_trash {
	padding:20px;
	height: 143px;
}

#builder_criteria {
	display:flex;
	align-items:flex-start;
	align-content:flex-start;
	flex-wrap:wrap;
    height: 333px;
    width: 100%;
}

.criteria_container {
	/* display:inline-block; */
	background-color: #b5cef5;
	border:1px dotted black;
	margin:20px;
	padding:20px;
	min-height:80px;
	min-width:80px;
}
	.criteria_container[data-criteria_type="having"] {
		background-color: #86c17d;
	}

/* lo: logical operator */
.criteria_lo {
    height: 17px;
    font-size: 10px;
    width: 30px;
    padding-left: 4px;
    position: absolute;
    top: -17px;
    left: -1px;
    font-weight: bold;
	cursor: pointer;
}