/*
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
@font-face {
  font-family: 'jbfile';
  src: url('../font/jbfile.eot?72336266');
  src: url('../font/jbfile.eot?72336266#iefix') format('embedded-opentype'),
       url('../font/jbfile.woff2?72336266') format('woff2'),
       url('../font/jbfile.woff?72336266') format('woff'),
       url('../font/jbfile.ttf?72336266') format('truetype'),
       url('../font/jbfile.svg?72336266#jbfile') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*multiple file upload*/
.gfield .jbfile-styler .gform_drop_area{
  padding: 50px 24px;
  border: 2px dashed #ccc;
}
.gfield .jbfile-styler .gform_drop_instructions {
  color: #555;
}
.jbfile-styler__single .jbfile-styler__button, 
.jbfile-styler input.gform_button_select_files{
  background-color: #555;
}
.jbfile-styler__single span {
  margin-bottom: 0 !important;
}
.gfield .jbfile-styler .gform_drop_instructions span {
  color: #aaa;
}
.gfield .jbfile-styler .gform_drop_instructions:before,
.gfield .jbfile-styler .gform_drop_instructions:after{
  display: block;
  position: relative;
  text-align: center;
}
.gfield .jbfile-styler .gform_drop_instructions:before{
  font: normal normal normal 60px/1 jbfile;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: auto;
  margin-bottom: 15px;
  font-weight: normal;
  color: inherit;
}
.jbfile-icon-1:before { content: '\e800'; } /* '' */
.jbfile-icon-2:before { content: '\e801'; } /* '' */
.jbfile-icon-3:before { content: '\e802'; } /* '' */
.jbfile-icon-4:before { content: '\e803'; } /* '' */
.jbfile-icon-5:before { content: '\e804'; } /* '' */
.jbfile-icon-6:before { content: '\e805'; } /* '' */
.jbfile-icon-7:before { content: '\e806'; } /* '' */
.jbfile-icon-8:before { content: '\e807'; } /* '' */
.jbfile-icon-9:before { content: '\e808'; } /* '' */
.jbfile-icon-10:before { content: '\f014'; } /* '' */
.jbfile-icon-11:before { content: '\f02f'; } /* '' */
.jbfile-icon-12:before { content: '\f0ee'; } /* '' */

.gfield .jbfile-styler .gform_drop_instructions:after{
  color: #888;
  content: 'or';
  font-weight: 600;
  margin-top: 10px;
}
.gform_wrapper .gfield .jbfile-styler input.button.gform_button_select_files{
  border-radius: 3px;
  text-transform: capitalize;
  padding: 12px 20px!important;
}
.gfield .jbfile-styler input.button.gform_button_select_files:hover,
.gfield .jbfile-styler input.button.gform_button_select_files:focus,
.gfield .jbfile-styler input.button.gform_button_select_files:active{
  opacity: 0.8;
}

/*single file upload*/
.jbfile-styler__field > [type="file"]{
	width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.jbfile-styler__single{
	display: flex;
	cursor: pointer;
	align-items: center;
	justify-content: space-between;
}
.jbfile-styler_single > div{
	border-radius: 3px;
}
.jbfile-styler__right{
	flex-direction: row-reverse;
}
.jbfile-styler__left .jbfile-styler__button{
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.jbfile-styler__left .jbfile-styler__caption{
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.jbfile-styler__right .jbfile-styler__button{
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.jbfile-styler__right .jbfile-styler__caption{
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	border-left-width: 1px;
	border-right-width: 0;
} 
.jbfile-styler__caption{
	flex: 1;
	padding: 5px 10px;
	border: 1px solid #e1e1e1;
	border-left-width: 0;
	overflow: hidden;
	white-space: nowrap;
    text-overflow: ellipsis;
}
.jbfile-styler__button{
	color: #fff;
	padding: 6px 15px;
	background-color: #555;
	text-transform: capitalize;
	transition: all .2s ease-out;
}
.jbfile-styler__button:hover,
.jbfile-styler__button:focus,
.jbfile-styler__button:active{
	opacity: 0.8;
}

/*file upload list*/
.jbfile-styler__field + div > .ginput_preview,
.jbfile-styler__field .ginput_preview{  
  margin-bottom: 4px;
}
.jbfile-styler__field + div > .ginput_preview:before,
.jbfile-styler__field .ginput_preview:before{
  font: normal normal normal 20px/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: auto;
  font-weight: normal;
  color: #aaa;
  margin-right: 10px;
  float: left;
}
.jbfile-styler__field + div > .ginput_preview:empty:before,
.jbfile-styler__field .ginput_preview:empty:before{
  content: "" !important;
}
.jbfile-styler__field + div > .ginput_preview:after,
.jbfile-styler__field .ginput_preview:after{  
  clear: both;
  display: table;
  content: "";
}
.jbfile-styler__field + div > .ginput_preview strong,
.jbfile-styler__field .ginput_preview strong{
  font-weight: normal;
}
.jbfile-styler__field + div > .ginput_preview img,
.jbfile-styler__field .ginput_preview img{
  float: right;
  margin-top: 4px;
}
.jbfile-icon-file:before{content: "\f016" !important;}
.jbfile-icon-excel:before{content: "\f1c3" !important;}
.jbfile-icon-pdf:before{content: "\f1c1" !important;}
.jbfile-icon-word:before{content: "\f1c2" !important;}
.jbfile-icon-text:before{content: "\f0f6" !important;}
.jbfile-icon-archive:before{content: "\f1c6" !important;}
.jbfile-icon-image:before{content: "\f1c5" !important;}
.jbfile-icon-audio:before{content: "\f1c7" !important;}
.jbfile-icon-video:before{content: "\f1c8" !important;}
.jbfile-icon-powerpoint:before{content: "\f1c4" !important;}
.jbfile-icon-code:before{content: "\f1c9" !important;}

/*helper class*/
.gfield.medium .jbfile-styler__single,
.gfield.medium .jbfile-styler{
	width: calc(50% - 8px);
}

/*admin css*/
.field_setting .wp-picker-holder,
.field_setting .wp-picker-holder *{
  box-sizing:unset !important;
}
.field_setting .wp-picker-input-wrap label{
  margin: 0 !important;
  display: inline-block !important;
}
.jbfile-icon__con > div{
	position: relative;
	display: inline-block;
}
.jbfile-icon__con input{
	position: absolute;
    left: 0;
    right: 0;
    top: 6px;
    margin: 0 auto;
    visibility: hidden;
}
ul li .jbfile-icon__con > div > label{
	margin: 0 !important;
	margin-bottom: 0 !important;
}
.jbfile-icon{
	width: 30px;
  height: 26px;
  line-height: 28px;
  text-align: center;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 8px;
  cursor: pointer;
}
.jbfile-icon:hover,
.jbfile-icon.active{
	color: #0073aa;
  outline: 1px solid #0073aa;
}
.jbfile-icon:before{
	font: normal normal normal 20px/1 jbfile;
	display: inline-block;
}
.gforms_edit_form .gfield .jbfile-styler input.button.gform_button_select_files{
	margin-top: 10px;
}
.gforms_edit_form .jbfile-styler{
	opacity: 0.5;
}
.gforms_edit_form .jbfile-styler__single{
	opacity: 0.6;
	cursor: default;
}
.jb_fileupload_buttonplacement {
  min-width: 152px;
}
/*end admin css