#coi-dropform-uploder {
	border: dashed 2px #e68a00;
	border-radius: 6px;
	background: #fafafa;
	position: relative;
	width: 100%;
	height: 112px;
	padding: 8px;
	margin-bottom: 20px;
	overflow: hidden;
	cursor: pointer;
	font-family: Roboto,"Open Sans",sans-serif;
}
#coi-result-wrapper .preview-image {
	width: 460px;
	height: 652px;
	border-radius: 2px;
	float: left;
	position: relative;
	overflow: hidden;
	object-fit: cover
}
#coi-result-wrapper .preview-image img {
	max-width: 100%;
	max-height: 652px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%)
}
#coi-result-wrapper .preview-image .pdf-preview {
	width: 100%;
	height: 652px
}

#coi-result-wrapper .results-container {
	border: 0!important;
	width: calc(100% - 490px);
	height: 652px;
	float: right;
	padding: 0!important;
	margin-bottom: 2px;
	font-size:13px;
}

#coi-result-wrapper .coi-result-wrapper {
	border: 0!important;
	width: calc(100% - 490px);
	height: 652px;
	float: right;
	padding: 0!important;
	margin-bottom: 2px
}

#coi-result-wrapper.w2 .coi-result-wrapper {
	height: 801px
}

#coi-result-wrapper #tabs {
	height: 31px
}

#coi-result-wrapper #tabs > ul {
	margin:0;
	padding:0;
	overflow: hidden;
	list-style-type: none;
}
#coi-result-wrapper #tabs > ul > li {
	float: left;
	margin: 1px .2em 0 0;
	text-align: center;
	padding: 7px;
	border:1px solid #e9e9e9;
	border-bottom:none;
	text-transform:uppercase;
	font-size:12px;
	font-weight:600;
}
#coi-gravityform-wrapper {
	clear: both;
	padding-top: 20px;
}
.custom-progress {
	float: right;
	margin-right: 40%;
	margin-top: 50px;
	background-color: #67d052;
	color: #fff;
	padding: 5px 20px 5px 20px;
	border-radius: 10px;
}
.tab-content {
	border: solid 1px #c5c5c5
}
li.ui-tabs-tab.ui-state-default {
	width: auto!important;
	height: auto!important;
	box-shadow: none!important;
	border-radius: 3px 3px 0 0!important;
	border-color: #c5c5c5;
	background-color: #e9e9e9
}

li.ui-tabs-tab.ui-state-active {
	background-color: #f9f9f9!important
}

li.ui-tabs-tab>a {
	border: 0!important;
	outline: 0!important;
	box-shadow: none!important;
	-webkit-appearance: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	color: #666!important
}

li.ui-tabs-tab.ui-state-active>a {
	color: #333!important
}

#coi-result-wrapper .results {
	width: 100%;
	height: 620px;
	font-family: "Courier New", Menlo, Monaco, Consolas, "Liberation Mono", monospace;
	font-size: 13px;
	color: #000;
	background: #f9f9f9;
}

#results-json, #results-pretty {
  width: 100%;
  height: 588px;
  overflow-y: auto;
}
#results-json pre {
	word-break: break-all;
	word-wrap: break-word;
	white-space: pre;
	white-space: -moz-pre-wrap;
	white-space: pre-wrap;
	white-space: pre\9;
	padding: 0;
	margin: 0;
	background: 0 0;
	border: 0;
	font-size: 12px;
	line-height:1.4em;
}
#results-json, #results-pretty {
	background-color: #f9f9f9 !important;
	padding:10px;
	border-left: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
}
#results-pretty {
	font-size:13px;
}
#results-pretty-invoice-receipt table {
  padding-left: 0;
  margin-top: 2px;
  border-top: dashed 1px #000;
}
#results-pretty table {
	padding: 0 8px;
	width: 100%;
	border-spacing: 0;
	border:none;
}
#results-pretty td {
	padding:0px !important;
	line-height:1.5em;
}
.vendor-image td {
	text-align: center;
	padding-bottom: 12px;
}
.vendor-image img {
	margin-top: 8px;
	max-width: 80px;
	max-height: 80px;
	vertical-align: middle;
}
.results-label {
	font-weight: 700;
	width: 130px;
	vertical-align: top;
}
.results-head {
	font-weight: 700 !important;
	border-color: #999 !important;
}
.table-line-items tr:not(:last-child) td {
	border-bottom: solid 1px #d3d3d3;
    border-bottom-color: rgb(211, 211, 211);
	padding-bottom: 5px !important;
}
.results-label-right {
	text-align: right;
	font-weight: 700;
	vertical-align: top;
}
.results-value {
	font-weight: 400;
	vertical-align: top;
}
.results-amount {
	font-weight: 400;
	vertical-align: top;
	text-align: right;
	width: 1px;
	white-space: nowrap;
	padding-left: 8px;
	min-width: 70px;
}
@media (max-width:900px) {
	#coi-result-wrapper .preview-image {
		width: 100%;
		height: unset;
		display: block;
		float: none;
		overflow: unset
	}
	#coi-result-wrapper .preview-image img {
		max-height: unset;
		position: unset;
		top: unset;
		left: unset;
		transform: unset
	}
	#coi-result-wrapper .preview-image .pdf-preview {
		height: calc(100vh - 80px);
		max-height: 652px
	}
}
.dropzone .dz-preview {
	width:100%;
}
#coi-button-wrapper {
	margin-bottom:10px;
	width:100%;
	float:left;
	position:relative;
}
.coi-result-show-button {
	display:none;
	font-size: 1em;
	width: auto;
	margin: 0px;
	background: #E68A00;
	padding: 5px 100px;
	border-radius: 8px;
	border: 0px;
	color: #ffffff;
}
.coi-result-processing-button {
	display:none;
	font-size: 1em;
	width: auto;
	margin: 0px;
	background: #808080;
	padding: 5px 100px;
	border-radius: 8px;
	border: 0px;
	color: #ffffff;
}
.coi-result-try-button {
	display:none;
	font-size: 1em;
	width: auto;
	margin: 0px;
	background: #71B957;
	padding: 5px 100px;
	border-radius: 8px;
	border: 0px;
	color: #ffffff;
}
table.results-type-receipt .results-head.price, table.results-type-receipt .results-head.qty, table.results-type-receipt .results-amount.price, table.results-type-receipt .results-amount.qty {
	display:none;
}