/* jquery ui Uploader */
/*
   Plupload
------------------------------------------------------------------- */
.ui-widget {
  font-family: 'Open Sans', sans-serif;
}
.ui-widget-content {
  border-color: #ccc;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border:1px solid #33aa11;
	background:#33aa11;
  color: #fff;
  font-size:11px;
  line-height:18px;
  font-weight:700;
  text-transform:uppercase;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
  color: #fff;
  text-decoration: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
	border:1px solid #38b913;
	background:#38b913;
  font-weight:700;
  color: #fff;
}
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus {
	border:1px solid #38b913;
	background:#38b913;
  color: #fff;
  text-decoration: none
}

.ui-visual-focus {
  box-shadow: 0 0 3px 1px rgb(94, 158, 214)
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	border:1px solid #38b913;
	background:#38b913;
  font-weight:700;
  color: #fff;
}







.plupload_filelist_footer {
  border: 1px solid #ccc;
  background: #ddd;
  color: #222;
  font-weight: 800;
  text-transform:uppercase;
  font-size: 10px;
  line-height: 16px;
}


.plupload_wrapper * {
	box-sizing: content-box;
}

.plupload_button {
	cursor: pointer;
	outline: none;
}

.plupload_wrapper {
  background: #fff;
  font-weight: normal;
  font-size: 11px;
	width: 100%;
  min-width: 320px !important; 
	line-height: 12px;
  margin: 0 0 20px 0;
}

.plupload_container {
	_height: 336px;
	min-height: 336px;
	position: relative;
}

.plupload_filelist_footer {border-width: 1px 0 0 0}
.plupload_file {border-width: 0 0 1px 0}
.plupload_container .plupload_header {
  border-width: 0 0 1px 0;
  background: #f5f5f5;
  border-color: #ccc;
}

.plupload_delete .ui-icon,
.plupload_done .ui-icon,
.plupload_failed .ui-icon {
	cursor:pointer;
}

.plupload_header_content {
	height: 41px;
	padding: 0 160px 0 10px;
	position: relative;
}

.plupload_logo {
  display:none;
	width: 40px;
	height: 40px;
	background-image:none;
	position: absolute;
	top: 8px;
	left: 8px;
}

.plupload_header_content_bw .plupload_logo {
	background-position: -40px 0;
}

.plupload_header_title {
  display:none;
  color: #F88800;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  margin: 0px 0px 0px 0px;
  padding: 8px 0px 5px 0px;
}

.plupload_header_text {
  display:none;
  font-size: 11px;
  line-height: 41px;
  font-weight:normal;
  text-transform:none;
  color: #333;
}

/*
.plupload_view_switch {
	position: absolute;
	right: 16px;
	bottom: 8px;
	margin: 0;
	display: none;
}
*/

.plupload_view_switch {
  position: absolute;
  bottom: 0px;
  top:0px;
  left: 8px;
  margin: auto;
  right: inherit;
  display: none;
  z-index: 10;
  width: 80px;
  height: 27px;
}





.plupload_view_switch .ui-button {
	margin-right: -0.31em;
}

.plupload_content {
	position: absolute;
	top: 75px;
	bottom: 44px;
	left: 0;
	right: 0;
	overflow-y: auto;
	width: 100%;
}

.plupload_filelist {
	border-collapse: collapse;
	border-left: none;
	border-right: none;
	margin: 0;
	padding: 0;
	width: 100%;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

.plupload_filelist_content {
	padding: 0;
	margin: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.plupload_filelist_content .plupload_file {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  margin: 0px;
  float: left;
  background: #fff;
  color: #333;
  box-sizing: border-box;
  text-align: center;
  border: solid #ddd;
  border-width: 0px 1px 1px 0px;
  width:16.6666% !important;
}
.plupload_filelist_content .plupload_file:nth-child(6n+6) {
  border-right: 0px;
}



.plupload_cell {padding: 8px 6px;}

.plupload_file {
	list-style: none;
	display: block;
	position: relative;
	overflow: hidden;
	line-height: 12px;
}

.plupload_file_thumb {
	position: relative;
	background-image: none;
	background-color: #eee;
}

.plupload_thumb_loading {
	background: #eee url(../img/loading.gif) center no-repeat;
}

.plupload_thumb_loading .plupload_file_dummy,
.plupload_thumb_embedded .plupload_file_dummy {
	display: none;
}

.plupload_file_name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.plupload_filelist_header {
  border-top: none;
  background: #ddd;
  color: #333;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 16px;
  font-weight: 700;
  border-bottom: 1px solid #ccc;
}


.plupload_filelist_footer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.plupload_buttons {
	position: relative;
}

/* list view */
.plupload_view_list .plupload_file {
	border-left: none;
	border-right: none;
	border-top: none;
  height: auto;
	width: 100% !important;
  background: #fafafa;
  color: #333;
  text-transform: none;
  font-weight: 400;
  border-bottom: 1px solid #ddd;
	/* fix IE6 vertical white-space bug */
	_float: left;
	_clear: left;
}









.plupload_view_list div.plupload_file_size,
.plupload_view_list div.plupload_file_status,
.plupload_view_list div.plupload_file_action {
	padding: 8px 6px;
	position: absolute;
	top: 0;
	right: 0;
}

.plupload_view_list div.plupload_file_name {
	margin-right: 156px;
  text-align:left;
	padding: 0px 10px 0px 0px;
	_width: 75%;
}

.plupload_view_list div.plupload_file_size {
	right: 28px;
  line-height: 22px;
}

.plupload_view_list div.plupload_file_status {
  line-height: 22px;
	right: 90px;
}

.plupload_view_list .plupload_file_rename {
	margin-left: -2px;
}

.plupload_view_list .plupload_file_size,
.plupload_view_list .plupload_file_status,
.plupload_filelist_footer .plupload_file_size,
.plupload_filelist_footer .plupload_file_status {
  white-space:nowrap;
	text-align: right;
	width: 52px;
}

.plupload_view_list .plupload_file_thumb {
	position: absolute;
	top: -999px;
}

.plupload_view_list .plupload_file_progress {
	display: none;
}


/* thumbs view */
.plupload_view_thumbs .plupload_content {
	top: 42px;
}

.plupload_view_thumbs .plupload_filelist_header {
	display: none;
}

.plupload_view_thumbs .plupload_file_thumb,
.plupload_view_thumbs .plupload_file_dummy {
	text-align: center;
	overflow: hidden;
  width: 100px;
  height: 60px;
  margin: 0px auto;
}

.plupload_view_thumbs .plupload_file_dummy {
	font-size: 21px;
	font-weight: bold;
	text-transform: lowercase;
	overflow: hidden;
	border: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.plupload_view_thumbs div.plupload_file_action {
	position: absolute;
	top: 0;
	right: 0;
}

.plupload_view_thumbs div.plupload_file_name {
	padding: 0;
	font-weight: bold;
  font-size: 10px;
  line-height: 12px;
}

.plupload_view_thumbs .plupload_file_rename {
	padding: 1px 0;
	width: 100% !important;
}

.plupload_view_thumbs div.plupload_file_size {
	font-size: 0.8em;
	font-weight: normal;
}

.plupload_view_thumbs div.plupload_file_status {
	position: relative;
	height: 3px;
	overflow: hidden;
	text-indent: -999px;
	margin-bottom: 3px;
}

.plupload_view_thumbs div.plupload_file_progress {
	border: none;
	height: 100%;
}

.plupload .ui-sortable-helper,
.plupload .ui-sortable .plupload_file {
	cursor:move;
}

.plupload_file_action {width: 16px;}
.plupload_file_name {
	overflow: hidden;
	padding-left: 10px;
}

.plupload_file_rename {
	border: none;
	font-size: 11px;
  font-weight:normal;
	padding: 1px 2px;
	line-height: 11px;
	height: 11px;
}

.plupload_progress {width: 60px;}
.plupload_progress_container {padding: 1px;}


/* Floats */

.plupload_right {float: right;margin-top:4px;}
.plupload_left {float: left;}
.plupload_clear,.plupload_clearer {clear: both;}
.plupload_clearer, .plupload_progress_bar {
	display: block;
	font-size: 0;
	line-height: 0;
}
.plupload_clearer {height: 0;}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
  background-image: none;
  background-color: #ccc;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
  border-color: #bbb;
}



/* Misc */
.plupload_hidden {display: none !important;}

.plupload_droptext {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: transparent;
	text-align: center;
	vertical-align: middle;
	border: 0;
	line-height: 160px;
	display: none;
}

.plupload_dropbox .plupload_droptext {
	display: block;
}

.plupload_files_queued .plupload_droptext {
	display: none;
}

.plupload_buttons, .plupload_upload_status {float: left}

.plupload_message {
	position: absolute;
	top: -1px;
	left: -1px;
	height: 100%;
	width: 100%;
}

.plupload_message p {
	padding:0.7em;
	margin:0;
}

.plupload_message strong {
	font-weight: bold;
}

.plupload_message i {
	font-style: italic;
}

.plupload_message p span.ui-icon {
	float: left;
	margin-right: 0.3em;
}

.plupload_header_content .ui-state-error,
.plupload_header_content .ui-state-highlight {
	border:none;
}

.plupload_message_close {
	position:absolute;
	top:5px;
	right:5px;
	cursor:pointer;
}

.plupload .ui-sortable-placeholder {
	height:35px;
}

.plupload_total_file_size {
  white-space: nowrap;
}




.plupload_view_list .ui-checkboxradio-icon,
.plupload_view_thumbs .ui-checkboxradio-icon {
  display:none;
}
.plupload_view_list div div div label {
  opacity:0.5;
}
.plupload_view_thumbs div div div label {
  opacity:0.5;
}
.plupload_view_list div div div label:first-of-type {
  opacity:1.0;
}
.plupload_view_thumbs div div div label:last-of-type {
  opacity:1.0;
}





/* Replace ui Icons with Font-Awesome Pro */

.bs_upload_container .ui-icon {
  background-image:none !important;
  background-color: transparent !important;
  width: 16px;
  height: 16px;
  position:absolute;
  text-indent:0px !important;
}

.bs_upload_container span.ui-button-icon-space {
  display: inline-block;
  width: 8px;
}

.bs_upload_container .ui-button-text-icon-primary .ui-button-text,
.bs_upload_container .ui-button-text-icons .ui-button-text {
    padding: 8px 10px 8px 28px;
}

.plupload_view_switch .ui-button-icon-only {
  width: 40px;
}
.plupload_view_switch .ui-button-icon-only .ui-button-text,
.plupload_view_switch .ui-button-icons-only .ui-button-text {
  padding: 5px;
  text-indent: -9999999px;
}


.ui-icon-image:before {
  font-family: 'Font Awesome 5 Pro';
  content: '\f03e';
  position:absolute;
  left:0px;
  top:0px;
  font-weight:300;
  width: 16px;
  height: 16px;
  font-size: 14px;
  line-height: 16px;
  color:#fff;
  text-align:center;
}

.ui-icon-grip-dotted-horizontal:before {
  font-family: 'Font Awesome 5 Pro';
  content: '\f03a';
  position:absolute;
  left:0px;
  top:0px;
  font-weight:300;
  width: 16px;
  height: 16px;
  font-size: 14px;
  line-height: 16px;
  color:#fff;
  text-align:center;
}






.ui-icon-circle-plus:before {
  font-family: 'Font Awesome 5 Pro';
  content: '\f093';
  position:absolute;
  left:0px;
  top:0px;
  font-weight:300;
  width: 16px;
  height: 16px;
  font-size: 14px;
  line-height: 16px;
  color:#fff;
  text-align:center;
}

.ui-icon-circle-arrow-e:before {
  font-family: 'Font Awesome 5 Pro';
  content: '\f0da';
  position:absolute;
  left:0px;
  top:0px;
  font-weight:300;
  width: 16px;
  height: 16px;
  font-size: 14px;
  line-height: 16px;
  color:#fff;
  text-align:center;
}

.ui-icon-circle-close:before {
  font-family: 'Font Awesome 5 Pro';
  content: '\f00d';
  position:absolute;
  left:0px;
  top:0px;
  font-weight:300;
  width: 16px;
  height: 16px;
  font-size: 14px;
  line-height: 16px;
  color:#fff;
  text-align:center;
}
.ui-icon-cart:before {
  font-family: 'Font Awesome 5 Pro';
  content: '\f07a';
  position:absolute;
  left:0px;
  top:0px;
  font-weight:300;
  width: 16px;
  height: 16px;
  font-size: 14px;
  line-height: 16px;
  color:#fff;
  text-align:center;
}

.plupload_action_icon {
  top:11px;
  right: 6px;
}

.ui-icon-circle-check:before {
  font-family: 'Font Awesome 5 Pro';
  content: '\f2ed';
  position:absolute;
  left:0px;
  top:0px;
  font-weight:300;
  width: 16px;
  height: 16px;
  font-size: 13px;
  line-height: 16px;
  color:#333;
  text-align:center;
}

.ui-icon-circle-minus:before {
  font-family: 'Font Awesome 5 Pro';
  content: '\f146';
  position:absolute;
  left:0px;
  top:0px;
  font-weight:300;
  width: 16px;
  height: 16px;
  font-size: 13px;
  line-height: 16px;
  color:#333;
  text-align:center;
}

.ui-icon-circle-arrow-w:before {
  font-family: 'Font Awesome 5 Pro';
  content: '\f33a';
  position:absolute;
  left:0px;
  top:0px;
  font-weight:300;
  width: 16px;
  height: 16px;
  font-size: 13px;
  line-height: 16px;
  color:#38b913;
  text-align:center;
}