.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

.jem-hidden{
	visibility: hidden;
}

#jem-export-post h3{
		padding: 8px 12px 0px 12px;
		font-size: 14px;
		line-height: 1.4em;
		margin: 0px;
}

#jem-export-post p.instructions{
	font-style: italic;
	margin-top: 1px;
}

.jemex-h3-no-padding-left {
	padding-left: 0px !important;
}

.jemex-radio {
	margin-top: 7px;
}

.export-labels th{
	text-align: right;
	
}

.export-labels label{
	text-align: right;
	
}

.jemex-filter-section{
	margin-top: 20px;
}
  .ui-tabs-vertical { width: 100% }
  .ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 20%; }
  .ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
  .ui-tabs-vertical .ui-tabs-nav li a { display:block; }
  .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; }
  
  
ul.jemex-vert-tabs{
	width: 20%;
	float: left;
	background: #fafafa;
	margin: 0px;
} 

ul.jemex-vert-tabs li{
	display: block;
	line-height: 1em;
	margin-bottom: 0px;
}
	
ul.jemex-vert-tabs li.active{
	background: #eeeeee;
}
	
ul.jemex-vert-tabs li a{
	display: block;
	line-height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
	padding: 10px;
}
	
.jemex-vert-tabs a:focus{
	box-shadow: none !important;
}
	

.jemex-panel{
	float: left;
	width: 80%;
	background-color: #ffffff;
	margin: 0px;
}

.jemex-inner-panel{
	padding-left: 10px;
}

.jemex-vert-tabs a{
	text-decoration: none;
}

.vert-tabs-container{
	width: 100%;
	background-color: #fafafa;
	display: block;
	float:left;
}
  
.jem-vert-header{
	background-color: #fafafa;
	border-bottom: 1px solid #eee;
}

.jem-vert-header h3{
	background: #ffffff;
}


.jemex-info-text{
	font-size: 14px;
	font-weight: bold;
}

.jem-filter-header{
	padding-left: 0px !important;
}

.jem-order-status{
	margin-top: 5px;
	padding-left: 10px;
}

.jemex-schedule-wrapper{
	padding: 5px 15px 5px 5px;
}

.jemex-schedule-wrapper td{
	vertical-align: top;
}

.jemex-scheduled .freq{
	width: 25%;
}
.jemex-scheduled .start{
	width: 25%;
}
.jemex-scheduled .fields{
	width: 25%;
}
.jemex-scheduled .results{
	width: 25%;
}
	
.jemex-scheduled .button{
	margin-right: 10px !important;
}	
	
.jemex-scheduled h3{
	font-size: 1.3em !important;
	padding-left: 0px !important;
	
}
.jemex-archive-table .dashicons{
	margin-right: 5px;
}

table.jemxp-meta-table{
	font-family:monospace;
	text-align:left;
	width:100%;
}

.jemex-med-text{
	width: 30em;
}

.jemex-email-result{
	display: none;
}

/* For progress Bar */

.jemxp-progress-wrapper{
	text-align: center;
	font-weight: bold;
	padding: 5px 45px 5px 0px;
}

.jemxp-progress{
	background: #ddd;
	position: relative;
	width: 95%;
	height: 25px;
	margin-top: 15px;
}


.jemxp-progress-bar{
	background: #0073aa;
	height: 100%;
	width: 0;
}


.jemxp-progress-wrapper .spinner {
	margin: 4px 10px 8px;
	float: right;
}

.jemxp-progress-label {
	position: absolute;
	left: 48%;
	top: 4px;
	font-weight: bold;
}

.jemxp-ui-dialog .ui-dialog-titlebar{
	background: #008EC2;
}

.jemxp-ui-dialog .ui-progressbar-value{
	background: #008EC2;
}

.jemxp-error-label{
	text-align: center;
}


/*css for sortable label for order and product export*/
.drag-handler {
    width: 1.4em;
    position: relative;
    background-color: #E4E6EB;
    background-image: linear-gradient(45deg, #E4E6EB, #E4E6EB 2px, #fff 2px, #fff 4px, #E4E6EB 4px, #E4E6EB 9px, #fff 9px, #fff 11px, #E4E6EB 11px, #E4E6EB 16px, #fff 16px, #fff 18px, #E4E6EB 18px, #E4E6EB 22px);
    background-size: 10px 20px;
    cursor: move;
    border-top: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
}


.fields-table {
    position: relative;
    padding: 1em;
    border: 1px solid #DDD;
    box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
    z-index: 10;
}

.recipe-table__cell {
    vertical-align: top;
    padding: 4px 0px 4px 6px;
    border: 1px #969696 solid;
}

.recipe__text-field {
    margin: 0;
    padding: .45em 0.92em;
    font-size: 1em;
    line-height: 1.4;
    color: #555555;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #CCC;
    border-left: 1px solid #CCC;
}


.drag-handler {
    width: 1.4em;
    position: relative;
    background-color: #E4E6EB;
    background-image: linear-gradient(45deg, #E4E6EB, #E4E6EB 2px, #fff 2px, #fff 4px, #E4E6EB 4px, #E4E6EB 9px, #fff 9px, #fff 11px, #E4E6EB 11px, #E4E6EB 16px, #fff 16px, #fff 18px, #E4E6EB 18px, #E4E6EB 22px);
    background-size: 10px 20px;
    cursor: move;
    border-top: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    /*border: 2px solid #E0E0E0;*/
    border: 1px #969696 solid;
}

.drag-handler:active {
    background-image: linear-gradient(45deg, #bab86c, #bab86c 2px, #fff 2px, #fff 4px, #bab86c 4px, #bab86c 9px, #fff 9px, #fff 11px, #bab86c 11px, #bab86c 16px, #fff 16px, #fff 18px, #bab86c 18px, #bab86c 22px);
    background-size: 10px 20px;
}
form#postform .export-fields {
    padding-top: 10px;
}
form#postform .fields-table td>input[type=checkbox]{
margin-right: 20px;
}
form#postform table#fieldsTable tr{    
    background-color: #E0E0E0;
}
.custom-field-class {
    /*display: inline;*/
    /*vertical-align: -webkit-baseline-middle;*/
}
.custom-labels-class {
    /*display: inline-block;*/
    /*float: right;*/
}
.custom-labels-class input[type="text"]{
    padding: 5px !important;
    border: 1px #969696 solid;
    width: 80% !important;
}
tbody#fieldsTableBody td {
    border: 1px #969696 solid;
}
.mapping-class-2 {
    /*display: initial;*/
    /*vertical-align: -webkit-baseline-middle;*/
}
.custom-field-class.mapping-col-1 {
    display: table-cell;
    width: 20px;
    padding: 3px;
}
.mapping-class-2 {
    display: table-cell;
    width: 150px;
}
.custom-labels-class.mapping-col-3 {
    display: table-cell;
    padding: 0px;
}