/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */

/**
* Tab section 
*/
:root { --wp-admin-theme-color: #0073aa;}
.wt_iew_page_hd{ font-size:20px; }
.wt-iew-tab-head{ margin-right:0px; margin-top:20px; clear:both;}
.wt-iew-tab-container{ padding:15px; padding-bottom:0px; background:#fff; box-shadow:0px 2px 2px #ccc; float:left; box-sizing:border-box; width:100%; height:auto;}
.wt-iew-tab-head .nav-tab-active{ background: #fff; border-bottom: solid 1px #fff; }
.wt-iew-tab-head .nav-tab:focus{ box-shadow:none;}
.wt-iew-tab-content{ display:none; float:left; width:100%; height:auto; }
.wt_iew_sub_tab_container{float:left; width:100%; height:auto; padding-bottom:0px;}
.wt_iew_sub_tab{ display:inline-block; margin:0px;}
.wt_iew_sub_tab li{ display:inline-block; border-left: solid 1px #ccc; padding:3px 10px; cursor: pointer;}
.wt_iew_sub_tab_content{ display: none; float:left; width:100%; height:auto; }
.wt-iew-settings-header{border-bottom:dashed 1px #ccc; margin-left:-15px; margin-right:-15px; padding-top:0px;}
.wt-iew-settings-header h3{margin-top:0px; margin-left:15px; width:60%; display:inline-block;}
.wt-iew-settings-header .wt_iew_step_info{float:right; font-weight:bold; margin-right:15px; background:#dceff4; display:inline-block; padding:5px 10px; margin-top:-6px; margin-bottom:-15px; padding-bottom:6px; line-height:24px; border-radius:6px; }
.rtl .wt-iew-settings-header .wt_iew_step_info{float:right; margin-left:15px; }
.wt-iew-plugin-toolbar {
	height: 40px;
	width: 100%;
	margin: 0;
	padding: 0;
}
.wt-iew-plugin-toolbar .left {
	float: left;
	margin: 0;
	padding: 0;
}
.wt-iew-plugin-toolbar .left img {
	vertical-align: text-bottom;
	margin-right: 10px;
}
.wt-iew-plugin-toolbar .right {
	float: right;
	margin: 0 10px 0 0;
	padding: 0;
}
.wt-iew-plugin-toolbar.top {
	margin-bottom: -5px;
}
.wt-iew-plugin-toolbar.bottom {
	  margin-top: 12px;
    background: #f5f5f5;
    border-top: 1px solid #ddd;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom:0px;
    padding:9px 15px;
}
.wt-iew-plugin-toolbar.top {
    margin-top:-15px;
    background: #f5f5f5;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: -15px;
    padding:15px;
}
.wt-iew-plugin-toolbar.bottom .button{padding:0.2rem 0.75rem; margin-top:2px; height:auto;}


/** 
* Form section 
*/
.wt_notify_msg{ position:fixed; width:300px; padding:15px; color:#fff; right:60px; top:0px; opacity:0; box-shadow:0px 2px 2px #333; border-radius:5px; z-index:1000000000;}
.wt_iew_overlayed_loader{ position:absolute; z-index:10000; background:rgba(255,255,255,.5); width:100%; height:auto; margin-left:-15px; margin-top:-15px;}
.wt_iew_loader_info_box{display:none; position:fixed; z-index:10001; width:300px; left:50%; top:50%; font-size:14px; font-weight:bold; background:#0073aa; text-align:center; line-height:20px; box-shadow:2px 2px 4px 0px #ccc; margin-left:-155px; margin-top:-45px; padding:10px 5px; color:#fff;}
.wt_iew_loader_info_box a{ color:#fff; text-decoration:underline; cursor:pointer; }
.wt_iew_loader_info_box .wt_iew_info_box_title{ font-size:16px; }
.wt_iew_loader_info_box .wt_iew_info_box_finished_text{ display:inline-block; font-weight:normal; margin-top:0px; }
.wf-help-links li{ float:left; padding:40px; margin:20px; display: inline-block; text-align: center; box-shadow:1px 1px 5px 1px rgba(0,0,0,.1); width: 185px; height: 245px;}
.wf-help-links li a{ text-decoration: none; height: 28px !important; margin-top: 20px; }
.wf-help-links li img{
    margin-top: 15px;   
}
.wt_iew_noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}
/* copied from bootstrap */
.wt-iew-form-table input[type="text"], .wt-iew-form-table input[type="number"], .wt-iew-form-table input[type="password"], .wt-iew-form-table select, .wt_iew_select, .wt_iew_text{
  display: block;
  width:100%;
  padding: 0.35rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5 !important;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 
  height:36px;
  max-width:none;
}
.wt-iew-form-table *::placeholder{ font-size:12px; }
.wt-iew-form-table .select2-container .select2-selection--multiple{ border-color:#ced4da !important; }


.wt-iew-form-table select, .wt_iew_select{
  padding: 0.44rem 0.75rem;
}
.wt-iew-form-table textarea{
  display: block;
  width:100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.wt-iew-form-table .select2-selection, .wt-iew-form-table .select2-selection.select2-selection--multiple{
  display: block;
  width:100%;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  min-height: 60px; font-size: 12px;
}
.wt-iew-form-table .select2-container {
  width:100% !important;
}
.wf_select_multi{
  width:100%;
}
.wf_select_multi .select2-container{
  width:100% !important;
}
.wt-iew-form-table .button {
  padding:0.2rem 0.75rem; height: auto;
}
.wf_settings_form .button {
  padding:0.2rem 0.75rem; height: auto;
}
.wt-iew_form_help{ color:#666;font-weight:400; font-size:12px; display:inline-block; width:100%; margin-top:10px; }
.wt-iew_conditional_help_text{ display:none;}
.wt-iew-form-table tr th:first-child{ width:40% !important; padding:10px 15px 10px 0; vertical-align:top; }
.wt-iew-form-table tr th:first-child label{ margin-top:5px; display:inline-block; }
.wt-iew-form-table tr td:nth-child(2){ width:42%; padding:10px 5px 10px 0; }
.wt-iew-form-table tr td:nth-child(3){ width:35%; }
.wt_form_radio_block, .wt_form_checkbox_block{ display:inline-block; margin-top:8px; }
.wt-iew-tab-container .wp-list-table thead th{ font-weight:bold; }
.wt-iew-exporter-step-btn, .wt-iew-exporter-step-export-btn{ float:right; }

.wt_iew_export_main .wt-iew-mapping-tb tr td{position: relative;}
.wt_iew_export_main .wt-iew-mapping-tb tr td:last-child:after {
    content: "\f464";
    font-family: 'dashicons';
    font-size: 18px;
    width: 20px;
    height: 20px;
    color: gray;    
    position: absolute;
    top: 10px;
    right: 10px;
}

.wt-iew-form-table select.wt_iew_delimiter_preset{ width:70% !important; float:left; }
.wt-iew-form-table input[type="text"].wt_iew_custom_delimiter{ width:25% !important; float:right; }

.wt-iew-form-table select.wt_iew_date_format_preset{ width:70% !important; float:left; }
.wt-iew-form-table input[type="text"].wt_iew_custom_date_format{ width:25% !important; float:right; }


.wt_iew_warn_box{padding:20px; padding-bottom:0px;}
.wt_iew_warn{ display:inline-block; width:100%; box-sizing:border-box; padding:10px; background-color:#fff8e5; border-left:solid 2px #ffb900; color:#333; }
/* .wt_iew_free_addon_warn{ display:inline-block; width:100%; box-sizing:border-box; padding:10px; background-color:#fff8e5; border:solid 1px #ffb900; color:#333; text-align: center; } */
.wt_iew_rerun_warn{ width:95%; margin:30px 2.5%; }
/* .wt_iew_type_subscription{ background-color:#dbeddd;border: solid 1px #c3c0b9; } */

.wt_iew_info_box{padding:20px; padding-bottom:0px;}
.wt_iew_info{ display:inline-block; width:100%; box-sizing:border-box; padding:10px; background-color:#d1ecf1; border-left:solid 2px #0c5460; color:#185b8d; }


/* mapping step */
.wt-iew-mapping-tb{ border:1px solid #e5e5e5; width:100%; }
.wt-iew-mapping-tb th{ text-align:left; height:30px; /* background:#e5e5e5; */ border-bottom:solid 1px #e5e5e5; }
.wt-iew-mapping-tb tr td:first-child, .wt-iew-mapping-tb tr th:first-child{ width:50px; }
.wt-iew-mapping-tb td, .wt-iew-mapping-tb th{ padding:5px; }
.wt-iew-mapping-tb td input[type="text"], .wt_iew_text_field{
  display: block;
  max-width:500px;
  width:100%;
  color: #495057;
  background-clip: padding-box;
  border: 1px solid #ced4da !important;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 
  height:32px;
}
.wt_iew_sort_handle{ width:25px; cursor:move; }
.wt-iew-mapping-tb tbody tr:hover td{ background:#f6f6f6; }
.wt-iew-mapping-tb .wt_iew_mapping_checkbox_main{ margin-left:4px; }
.wt-iew-mapping-tb .wt_iew_mapping_checkbox_sub{ margin-left:4px; margin-top:2px; }
.wt_iew_sort_handle{ float:left; }
.wt_iew_sort_handle img{ margin-top:5px; color:#ccc; height:15px; opacity:.8; }
.wt_iew_checkbox{ display:inline-block; padding:0px 15px; }
.wt_iew_mapping_field_val{ width:100%; min-height:32px; display:inline-block; background:#fff; padding:5px 5px; box-sizing:border-box; border:solid 1px #ced4da; border-radius:0.25rem; cursor:text; }
span.wt_iew_mapping_field_val::after {
    content: "\f347";
    font-family: 'dashicons';
    font-size: 18px;
    width: 20px;
    height: 20px;
    color: gray;    
    float: right;
    top: 10px;
    right: 10px;
}
.wt-iew-sortable-placeholder td{ height:30px; background:#fff; border-top:dashed 1px #ccc; border-bottom:dashed 1px #ccc; }
.wt-iew-sortable-placeholder td:first-child{ border:dashed 1px #ccc; border-right:none; }
.wt-iew-sortable-placeholder td:last-child{ border:dashed 1px #ccc; border-left:none; }

.meta_mapping_box{width:100%; float:left; height:auto; margin-bottom:0px;}
.meta_mapping_box_hd{min-width:720px; width:100%; display:inline-block; height:40px; line-height:40px; font-weight:bold; background:#f6f6f6; box-sizing:border-box; padding:2px 10px; box-shadow:1px 1px 1px #e0e0e0; border-bottom:solid 1px #ccc; border-top:solid 1px #fff; cursor:pointer;}
.meta_mapping_box_hd_nil{min-width:720px; width:100%; display:inline-block; height:40px; line-height:40px; font-weight:bold; background:#f6f6f6; box-sizing:border-box; padding:2px 10px; box-shadow:1px 1px 1px #e0e0e0; border-bottom:solid 1px #ccc; border-top:solid 1px #fff; cursor:pointer;}
.meta_mapping_box_hd .dashicons{ margin-top:10px; }
.meta_mapping_box_selected_count_box{ float:right; margin-top:-3px; font-weight:normal; font-style:italic; }
.meta_mapping_box_con{min-width:720px; width:100%; display:inline-block; height:auto; padding:0px; display:none;}
.wt-iew-mapping-tb{ min-width:720px; }
.meta_mapping_box_toggle{ font-weight:normal; float:right; cursor:pointer; }
.wt_iew_invalid_mapping_field{ color:red; display:inline-block !important; padding:0px !important; margin:0px !important; }

.wt-iew-mapping-tb-imp tr td:nth-child(2), .wt-iew-mapping-tb-imp tr th:nth-child(2), .meta_mapping_box_hd_imp tr td:nth-child(2), .meta_mapping_box_hd_imp tr th:nth-child(2){ width:30% !important; }
.wt-iew-mapping-tb-imp tr td:nth-child(3), .wt-iew-mapping-tb-imp tr th:nth-child(3), .meta_mapping_box_hd_imp tr td:nth-child(2), .meta_mapping_box_hd_imp tr th:nth-child(2){ width:50% !important; }

/* popup */
.wt_iew_overlay{ position:fixed; z-index:100000000; width:100%; height:100%; background-color:rgba(0,0,0,.5); left:0px; top:0px; display:none;}
.wt_iew_popup{position:fixed; z-index:100000001; background:#fff; border:solid 1px #eee; text-align:center; box-shadow:0px 2px 5px #333; left:50%; display:none;}




.wt_iew_import_progress_wrap{
  position: fixed;
  overflow: scroll;
  display: none;
  top: 15px;
  left: 50%;
  width: 100%;
  /*max-width: 580px;*/
  height: 700px;
  margin-left: -260px;
  background: #ffffff;
  border-radius: 3px;
  z-index: 100000001;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25);
}
.wt_iew_import_progress_wrap.open {
  display: flex;
  flex-direction: column;
}
.wt_iew_import_progress_content{
    height: 100%;
    overflow-y: auto;
    /*padding: 10px;*/
}
.wt_iew_import_progress_header{
      padding: 15px;
        top: 15px;
  border-radius: 3px 3px 0 0;
}
.wt_iew_import_progress_wrap th, .wt_iew_import_progress_wrap td{text-align: center}
.wt_iew_import_progress{border: none !important;}





.wt_iew_import_progress table, .wt_iew_import_progress td {
  border-collapse: collapse;
  /*border: 1px solid #000;*/
}

.wt_iew_import_progress thead {
  display: table; /* to take the same width as tr */
  width: 100%;
}

.wt_iew_import_progress tbody {
  display: block; /* to enable vertical scrolling */
  max-height: 430px; /* e.g. */
  overflow-y: scroll; /* keeps the scrollbar even if it doesn't need it; display purpose */
}

.wt_iew_import_progress th, .wt_iew_import_progress td {
  /*width: 33.33%;*/
  /* to enable "word-break: break-all" */
  padding: 5px;
  word-break: normal; /* 4. */
}

.wt_iew_import_progress tr {
  display: table; /* display purpose; th's border */
  width: 100%;
  box-sizing: border-box; /* because of the border (Chrome needs this line, but not FF) */
}

.wt_iew_import_progress td {
  text-align: center;
  border-bottom: none;
  border-left: none;
}

progress {
  height: 30px;
  border-radius: 30px;
  width:100%;
}
progress[value]::-webkit-progress-bar {
  background-color: #EDEDED;
  border-radius: 40px;
}
progress[value]::-moz-progress-bar {
  background-color: #008000;
  border-radius: 40px;
}
progress[value]::-webkit-progress-value {
  border-radius: 40px;
  background-color:#008000;
}

.wt-iew-import-result-row {
    display: table;
    width: 100%; /*Optional*/
    table-layout: fixed; /*Optional*/
    border-spacing: 10px; /*Optional*/
}
.wt-iew-import-result-column {
    display: table-cell;
    padding-bottom: 20px;
}
.wt-iew-import-completed .dashicons-yes:before{color: green;}

#wt_iew_import_progress .dashicons-dismiss:before {color: red;}
#wt_iew_import_progress .dashicons-yes-alt:before {color: green;}

.wt_iew_view_imported_items:focus, .wt_iew_view_imported_items:visited{
    outline: none !important;
    box-shadow: none !important;
}

.progressa {
    border-radius: 50px !important;
    line-height: 36px;
    font-size: 14px;
    overflow: hidden;
    margin-bottom: 45px;
    background-color: #dadada80;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    line-height: 30px;
    height: 40px;
    font-size: 14px;
    /*border: 3px solid transparent;*/
    margin-left:25px;
    width:95%;
}
.progresscta{
  margin: 0px 30px 20px 30px;
  height: 63px;
  background-color: #DAFCE2;
  display: flex;
}
.wt_iew_cta_banner_border{
  width: 2px; 
  height: 63px;
  background-color: #299A42;
}
.progressab {
    /*background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    */
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
    -webkit-transition: width .25s ease,height .25s ease,font-size .25s ease;
    -moz-transition: width .25s ease,height .25s ease,font-size .25s ease;
    -ms-transition: width .25s ease,height .25s ease,font-size .25s ease;
    -o-transition: width .25s ease,height .25s ease,font-size .25s ease;
    transition: width .25s ease,height .25s ease,font-size .25s ease;
    width: 0;
    color: #fff;
    text-align: center;
    font-family: 'Open Sans',sans-serif !important;
	animation: progress-bar-stripes 2s linear infinite reverse;
}





.wt_iew_popup_hd{display:inline-block; width:100%; box-sizing:border-box; font-weight:bold; background-color:#f3f3f3; height:40px; text-align:left; line-height:40px; padding:0px 20px;}
.wt_iew_popup_close{float:right; width:40px; height:40px; text-align:right; line-height:40px; cursor:pointer;}
.wt_iew_popup_footer{width:100%; text-align:right; margin-top:10px;}

.wt_iew_data_dv{ display:none; }
.wt_iew_action_btn{ cursor:pointer; }

.wt-iew-form-table .wt_iew_radio_block p{ margin-bottom:15px; line-height:18px; }
.wt-iew-form-table .wt_iew_radio_block span{ display:inline-block; padding-left:25px; }
.wt-iew-form-table .wt_iew_radio_block b{ display:inline-block; margin-left:5px; }

.wt-iew-form-table .wt_iew_field_group{ padding-left:0px; }
.wt-iew-form-table .wt_iew_field_group_hd{ display:block; border-bottom:dashed 1px #ccc; padding-bottom:5px; padding-top:20px; font-size:15px; font-weight:bold; cursor:pointer; }
.wt-iew-form-table .wt_iew_field_group_hd .wt_iew_field_group_toggle_btn{float:left; margin-right:10px; width:20px; height:20px; border-radius:10px; color:#666; cursor:pointer; }
.wt-iew-form-table .wt_iew_field_group_content{ padding-left:10px; display:none; }


/* Dropdown */
.wt_iew_dropdown{ position:absolute; z-index:100; background:#fff; border:1px solid #ccc; border-radius:4px; padding:0px; display:none; box-shadow:1px 3px 2px 2px rgba(0,0,0,0.1); }
.wt_iew_dropdown li{ padding:7px 14px; margin:5px 0px; cursor:pointer; }
.wt_iew_dropdown li:hover{ background:#fafafa; }

/* template saving popup */
.wt_iew_template_name{width:100%; max-width:320px;}
.wt_iew_template_name_box{ float:left; width:90%; padding:5%; padding-top:0px; }
.wt_iew_template_name_wrn{display:none; text-align:left; }
.wt_iew_template_name_label{ display:inline-block; width:100%; text-align:left; font-weight:bold; padding:3px 0px; }

/* file attacher */
.wt-iew-form-table .wt_iew_file_attacher_dv{width:100%; }
.wt-iew-form-table .wt_iew_file_attacher_dv input[type="text"]{width:70%; float:left; }
.wt-iew-form-table .wt_iew_file_attacher_dv input[type="button"]{width:25%; float:right; }
.wt_iew_file_attacher_dv{ float:left; width:100%; }

/* popover */
.wt_iew_popover{ position: absolute; min-width:250px; min-height:150px; height: auto; background: #fff; border-radius: 5px; box-shadow: 0 5px 10px rgba(0,0,0,.2); top:50px; border: 1px solid #ccc;}
.wt_iew_popover:after, .wt_iew_popover:before {
  right: 100%;
  top:25%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.wt_iew_popover:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 20px;
  margin-top: -20px;
}
.wt_iew_popover:before {
  border-color: rgba(204, 204, 204, 0);
  border-right-color: #ccc;
  border-width: 21px;
  margin-top: -21px;
}
.wt_iew_popover-title{ background:#f7f7f7; height:35px;
margin: 0px;
border-top-left-radius: 5px;
border-top-right-radius: 5px; padding:5px; padding-left: 15px; line-height: 35px; font-size: 14px;}
.popover_close_icon_button{ float:right; height:20px; width:20px; border-radius:20px; color:#fff; background:#666; padding:3px; font-weight:bold; text-align:center; line-height:20px; margin-top:5px; margin-right:5px; cursor:pointer; }
.wt_iew_popover-content{
  min-height:65px; height: auto; padding:15px; float:left; clear:both;
}
.wt_iew_popover-footer{ background:#f7f7f7; clear:both; height:30px; margin:0px; margin-top:10px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; padding:7px 15px;}
.wt_iew_popover-content input[type="text"]{
  margin:5px;
  border-radius:3px;
  padding: 0.2rem 0.3rem;
  font-size: 1rem;
  line-height: 1.5;
  text-indent: 25px;
}
.wt_iew_popover-footer .button{
  float: right; margin-left: 5px;
}


.wt_iew_popover.wt-pop-hidden:before {
        display: none;
}
.wt_iew_popover.wt-pop-hidden:after {
        display: none;
}

/* mapping field editor */
.wt_iew_mapping_field_editor_container{ display:none; }
.wt_iew_mapping_field_editor{ float:left; width:400px; padding:0px; background:#fff; margin:0px;}
.wt_iew_mapping_field_editor *{ box-sizing:border-box; }
.wt_iew_mapping_field_editor label{ float:left; width:100%; margin-bottom:3px; font-weight:bold; font-size:13px; color:#333; }
.wt_iew_mapping_field_editor_box{border:solid 1px #ddd; float:left; width:100%; height:auto; min-height:50px; padding:3px; margin-bottom:10px; margin-top:5px;}
.wt_iew_mapping_field_editor_box textarea{border:none; float:left; width:100%; height:50px; outline:none; resize:none;}
.wt_iew_mapping_field_editor_box input[type="text"]{width:98%; font-size:12px;}
.wt_iew_mapping_field_editor_box input[type="text"]::placeholder{ font-size:12px; }
.wt_iew_mapping_field_editor_info{ margin:0px; }
.wt_iew_mapping_field_editor_er{ margin:0px; color:red; }
.wt_iew_mapping_field_selector_box{ float:left; width:100%; height:120px; overflow:auto; margin-top:5px; }
.wt_iew_mapping_field_selector{ float:left; width:100%; margin:0px; padding:0px; }
.wt_iew_mapping_field_selector li{ float:left; width:100%; padding:5px; margin:0px; cursor:pointer;}
.wt_iew_mapping_field_selector li:hover{ background:#0073aa; color:#fff; }
.wt_iew_mapping_field_selector_no_column{ float:left; width:100%; color:red; }
.wt_iew_no_sample_mapping_data{ color:gray; display:inline-block !important; padding:0px !important; margin:0px !important; font-style:italic; }
.wt_evaluation_expression_points{list-style: none;}
.wt_evaluation_expression_points li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: red; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
}

/* debug panel */
.wt_iew_debug_panel{ position:fixed; top:30px; right:0px; background:#fff; padding:5px; padding-bottom:0px; box-shadow:2px 2px 2px #ccc; }
.wt_iew_debug_panel_hd{ width:100%; font-size:12px; font-weight:bold; padding:2px; }
.wt_iew_debug_panel_con{ width:100%; min-height:30px; font-size:12px; text-align:center;}
.wt_iew_debug_panel_con a{ display:inline-block; padding:2px; border-right:solid 1px #ccc; cursor:pointer; }
.wt_iew_debug_panel_con a:last-child{ border-right:solid 0px #ccc;  }

/* pagination */
.wt_iew_pagination{ float:right; width:auto; height:auto; margin:10px 0px;}
.wt_iew_pagination a{ float:left; padding:6px 12px; background:#f3f5f6; border:solid 1px #cccccc; color:#2e8ab6; text-decoration:none; margin-right:5px; border-radius:5px; }
.wt_iew_pagination a.wt_iew_pageactive{ background:#fff; color:#333; border:solid 1px #ddd; }
.wt_iew_pagination a.wt_iew_pagedisabled{ background:#f7f7f7; color:#a0a5aa; border:solid 1px #ddd; }
.wt_iew_pagination a.wt_iew_page{ cursor:pointer; }
.wt_iew_pagination_total_info{ float:left; padding:8px; }

/* listing */
.wt_iew_badge{ display:inline-block; padding:2px 6px; font-size:12px; border-radius:3px; background:#ccc; color:#fff; text-align:center; }

/* responsive */
@media (max-width:768px) { 
  .wt-iew-form-table tr th:first-child{ width:100%; }
  .wt-iew-form-table tr td:nth-child(2){ width:100%; }
  .wt-iew-form-table tr td:nth-child(3){ width:100%; }
  .wt-iew-form-table .wt_iew_file_attacher_dv input[type="text"]{width:50%; float:left; }
  .wt-iew-form-table .wt_iew_file_attacher_dv input[type="button"]{width:45%; float:right; }
}

/* tooltip */
.wt-iew-tips{ color:#16a7c5; }
.wt_iew_tooltip_span{ display:inline-block; margin-bottom:9px; line-height:16px; text-align:left; border-top: 
dashed 1px #efefef; }
#tiptip_content .wt_iew_tooltip_span:first-child{ border:none; margin-top:4px; }
#tiptip_content .wt_iew_tooltip_span:last-child{ margin-bottom:4px; }
.tips {
  cursor:help;
  text-decoration:none
}
img.tips {
  padding:5px 0 0
}
#tiptip_holder {
  display:none;
  z-index:8675309;
  position:absolute;
  top:0;
  left:0
}
#tiptip_holder.tip_top {
  padding-bottom:5px
}
#tiptip_holder.tip_top #tiptip_arrow_inner {
  margin-top:-7px;
  margin-left:-6px;
  border-top-color:#333
}
#tiptip_holder.tip_bottom {
  padding-top:5px
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
  margin-top:-5px;
  margin-left:-6px;
  border-bottom-color:#333
}
#tiptip_holder.tip_right {
  padding-left:5px
}
#tiptip_holder.tip_right #tiptip_arrow_inner {
  margin-top:-6px;
  margin-left:-5px;
  border-right-color:#333
}
#tiptip_holder.tip_left {
  padding-right:5px
}
#tiptip_holder.tip_left #tiptip_arrow_inner {
  margin-top:-6px;
  margin-left:-7px;
  border-left-color:#333
}
#tiptip_content,
.chart-tooltip,
.wc_error_tip {
  color:#fff;
  font-size:.8em;
  max-width:150px;
  background:#333;
  text-align:center;
  border-radius:3px;
  padding:.618em 1em;
  box-shadow:0 1px 3px rgba(0,
  0,
  0,
  .2)
}
#tiptip_content code,
.chart-tooltip code,
.wc_error_tip code {
  padding:1px;
  background:#888
}
#tiptip_arrow,
#tiptip_arrow_inner {
  position:absolute;
  border-color:transparent;
  border-style:solid;
  border-width:6px;
  height:0;
  width:0
}

/**
*   Dropzone: Drag and Drop file upload
*/
.wt_iew_dropzone{ text-align:center; cursor:pointer; width:100%; height:200px; border:dashed 3px #ccc; }
.wt_iew_dropzone.wt_drag_start{ border-color:#92b0b3; background:#c8dadf; }
.dz-preview{ width:300px; display:inline-block; margin-top:70px; }
.dz-message{ font-size:1.5em; margin-top:85px; line-height:14px; }
.wt_iew_dropzone .dz-preview .dz-details{ font-size:14px}
.wt_iew_dropzone .dz-preview.dz-processing .dz-progress{ opacity:1;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
.wt_iew_dropzone .dz-preview.dz-complete .dz-progress{opacity:0;-webkit-transition:opacity .4s ease-in;-moz-transition:opacity .4s ease-in;-ms-transition:opacity .4s ease-in;-o-transition:opacity .4s ease-in;transition:opacity .4s ease-in}
.wt_iew_dropzone .dz-preview:not(.dz-processing) .dz-progress{-webkit-animation:pulse 6s ease infinite;-moz-animation:pulse 6s ease infinite;-ms-animation:pulse 6s ease infinite;-o-animation:pulse 6s ease infinite;animation:pulse 6s ease infinite}
.wt_iew_dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:16px;margin-top:-8px;margin-left:-40px;background:rgba(255,255,255,.9);-webkit-transform:scale(1);border-radius:8px;overflow:hidden}
.wt_iew_dropzone .dz-preview .dz-progress .dz-upload{background:#333;background:linear-gradient(to bottom,#666,#444);position:absolute;top:0;left:0;bottom:0;width:0;-webkit-transition:width .3s ease-in-out;-moz-transition:width .3s ease-in-out;-ms-transition:width .3s ease-in-out;-o-transition:width .3s ease-in-out;transition:width .3s ease-in-out}
.wt_iew_dropzone .dz-preview .dz-progress{width:300px;margin-left:0;margin-top:5px}
.wt_iew_dropzone .dz-preview .dz-progress .dz-upload{background:#2092ea}
.wt_iew_dz_file_name, .wt_iew_dz_remove_link, .wt_iew_dz_file_success{ display:inline-block; font-size:14px; }
.wt_iew_dz_remove_link{ cursor:pointer; color:#4289a9; }
.wt_iew_dz_file_success{ line-height:20px; }
.wt_iew_dropzone .dz-preview .dz-progress .dz-upload-info{display:inline-block;text-align:center;width:100%;}
.wt_iew_dropzone.dz-started .dz-message{ display:none;}

/* start marketing section */
.wt-import-export-upsell-wrapper.market-box{
  width:27%;
  float: right;
}
.wrap .wt-import-export-upsell-wrapper .ier-premium-upgrade {
  margin-top: 0px;
  margin-right: 0px;
}
.wt-import-export-upsell-wrapper .ier-premium-upgrade {
  margin-top: 30px;
  margin-right: 15px;
}

.wt-ierpro-sidebar{
/*background: #FFFFFF;*/
border-radius: 7px;
padding: 0;
}
.wt-ierpro-header{
background: #FFFFFF;
padding: 8px;
margin-top: 15px;
width: 92%;
}
.wt-ierpro-name{
background-color: aliceblue;
height: 53px;
border-radius: 3px;
margin: -1px;
padding: 16px;
display: block;
width: inherit;
float: left;
position: relative;
}
.wt-ierpro-name:has(.wtier-bfcm-banner-2025-offer) .wt-crown-image {
  display: none;
}
.wt-ierpro-name-suite:has(.wtier-bfcm-banner-2025-offer) .wt-crown-image {
  display: none;
}
.wt-ierpro-name-suite{
border-radius: 3px;
margin: 0;
padding: 16px;
display: block;
width: inherit;
float: left;
position: relative;
}
.wt-ierpro-name img{
width: 47px;
height: 47px;
border-radius: 7px;
}
.wt-ierpro-name-suite img{
width: 47px;
height: 47px;
border-radius: 7px;
}
.wt-ierpro-name h4{
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 20px;
margin: 0 0 5px 12px;
}
.wt-ierpro-name-suite h4{
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 20px;
margin: 0 0 5px 12px;
}
/* .wt-ierpro-name .star-rating{
  float: left;
} */
.wt-ierpro-mainfeatures ul{
padding: 0;
margin: 15px 25px 20px 25px;
}
.wt-ierpro-mainfeatures li{
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height:24px;
letter-spacing: -0.01em;
list-style: none;
position: relative;
color: #091E80;
padding-left: 28px;
}
.wt-ierpro-mainfeatures li.money-back:before{
content: '';
position: absolute;
left: 0;
height:24px ;
width: 16px;
background-image: url(../../assets/images/gopro/money-back.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.wt-ierpro-mainfeatures li.support:before{
content: '';
position: absolute;
left: 0;
height:24px ;
width: 16px;
background-image: url(../../assets/images/gopro/support.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.wt-ierpro-btn-wrapper{
display: block;
margin: -6px auto 13px;
text-align: center;
}
.wt-ierpro-blue-btn, .wt-ierpro-blue-btn:visited{
background: linear-gradient(90.67deg, #2608DF -34.86%, #3284FF 115.74%);
box-shadow: 0px 4px 13px rgba(46, 80, 242, 0.39);
border-radius: 5px;
padding: 10px 15px 10px 38px;
display: inline-block;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 18px;
color: #FFFFFF;
text-decoration: none;
transition: all .2s ease;
position: relative;
border: none;
}
.wt-ierpro-blue-btn:before{
content: '';
position: absolute;
height: 15px;
width: 18px;
background-image: url(../../assets/images/gopro/white-crown.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
left: 15px;
}
.wt-ierpro-blue-btn:hover{
box-shadow: 0px 4px 13px rgba(46, 80, 242, 0.5);
text-decoration: none;
transform: translateY(2px);
transition: all .2s ease;
color: #FFFFFF;
}
.wt-ierpro-features{
padding: 10px 10px 10px 10px;
}
.wt-ierpro-features ul{
padding: 0;
margin: 0;
}
.wt-ierpro-features li{
font-style: normal;
font-weight: 500;
font-size: 13px;
line-height: 17px;
color: #001A69;
list-style: none;
position: relative;
padding-left: 35px;
padding-right: 5px;  
margin: 0 0 15px 0;
display: flex;
align-items: center;
}
.wt-ierpro-newfeat li:before{
content: '';
position: absolute;
height: 39px;
width: 39px;
background-image: url(../../assets/images/gopro/new-badge.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
left: 0;
}
.wt-ierpro-allfeat li:before{
content: '';
position: absolute;
height: 16px;
width: 16px;
background-image: url(../../assets/images/gopro/tick.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
left: 10px;
}
ul.wt-ierpro-newfeat li {
margin-bottom: 30px;
}
.wt-ierpro-outline-btn, .wt-ierpro-outline-btn:visited{
background: linear-gradient(90.67deg, #2608DF -34.86%, #3284FF 115.74%);
box-shadow: 0px 4px 13px rgba(46, 80, 242, 0.39);
border-radius: 5px;
padding: 10px 15px 10px 38px;
display: inline-block;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 18px;
color: #FFFFFF;
text-decoration: none;
transition: all .2s ease;
position: relative;
border: none;
}
.wt-ierpro-outline-btn:before{
content: '';
position: absolute;
height: 15px;
width: 18px;
background-image: url(../../assets/images/gopro/white-crown.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
left: 15px;
}
.wt-ierpro-outline-btn:hover{
box-shadow: 0px 4px 13px rgba(46, 80, 242, 0.5);
text-decoration: none;
transform: translateY(2px);
transition: all .2s ease;
color: #FFFFFF;
}
.wt-ier-rating-number{
  float: left;
  margin-left:10px;
  margin-right:10px;
  margin-top: 3px;
}

.wt-star-rating{white-space: nowrap;}
.wt-star-rating .wt-star{
  display: inline-block;
  width: 20px;
  height: 20px;
  -webkit-font-smoothing: antialiased;
  font-size: 20px;
  line-height: 1;
  font-family: dashicons;
  text-decoration: inherit;
  font-weight: 400;
  font-style: normal;
  vertical-align: top;
  transition: color .1s ease-in;
  text-align: center;
  color: #dba617;
}
.wt-star-rating .wt-star-full:before {
  content: "\f155";
}
.wt-star-rating .wt-star-half:before{
  content: "\f459";
}
.wt-star-rating .wt-star-empty:before {
  content: "\f154";
}

.wt-ier-all-in-one-text{
  text-align: left;
  margin-left: 18px;
}
.wt-ier-all-in-one-text-sp{
  margin-top: -6px;
  font-size: 13px;
}
.wt-ierpro-blue-btn-suite, .wt-ierpro-blue-btn-suite:visited{
background: #3176FD;
border-radius: 5px;
padding: 10px 15px 10px 38px;
display: inline-block;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 18px;
color: #FFFFFF;
text-decoration: none;
transition: all .2s ease;
position: relative;
border: none;
width: 70%;
margin-top: 6px;
}

.wt-ierpro-blue-btn-suite:hover{
  box-shadow: 0px 4px 13px rgba(46, 80, 242, 0.5);
  text-decoration: none;
  transform: translateY(2px);
  transition: all .2s ease;
  color: #FFFFFF;
}

.wt-ier-suite-moneyback-wrap{
    padding: 5px !important;
    margin-bottom: 5px !important;
    background: linear-gradient(178deg, #F4F1FF 3%, rgba(238, 240, 255, 0) 93.18%);
}





.wt-ier-sidebar-wrapper{
    background: #FFFFFF;
    border-radius: 5px;
    max-width: 300px;
}
.wt-ier-sidebar-img{
    margin: 0 auto 20px auto;
    display: block;
}
.wt-ier-sidebar-title{
    font-weight: 600;
    font-size: 17px;
    line-height: 25px;
    color: #000000;
    margin-bottom: 20px;
}
.wt-ier-icon{
    width: auto;
    height: 100%;
    max-height: 25px;
    margin-right: 8px;
}
.wt-ier-sidebar-p{
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #000000;
    margin: 0;
}
.wt-ier-green-btn{
    background: #00CB95;
    border-radius: 4px;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    padding: 15px 20px;
    color: #FFFFFF;
    display: inline-block;
    text-decoration: none;
    transition: all .2s ease;
    border:none;
    margin-top: 20px;
}
.wt-ier-green-btn:hover,.wt-ier-green-btn:focus{
    color: #fff;
    text-decoration: none;
    opacity: .8;
    transition: all .2s ease;
    border:none;
    transform: translateY(1px);
}
.wt-ier-wrapper{
    background-color: #fff;
    padding: 30px;
}
.wt-ier-box-wrapper{
    background: #FFFFFF;
    border: 1px solid #D2D2D2;
    border-radius: 6px;
    min-height: 100%;
}
.wt-ier-page-title{
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    line-height: 30px;
    color: #111111;
    margin-bottom: 13px;
    margin-top: 10px;
}
.wt-ier-subp{
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 40px;
    margin-top: 0;
    color: #111111;
}
.wt-ier-plugin-name{
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.5px;
    text-transform: uppercase;
    margin-bottom: 15px;
    margin-top: 12px;
    color: #000000;
}
.wt-ier-p{
    font-size: 14px;
    line-height: 23px;
    color: #445359;
    margin-top: 15px;
    margin-bottom: 18px;
}
.wt-ier-primary-btn{
    background: #007CBA;
    border:1px solid #007CBA;
    color: #FFFFFF;
}
.wt-ier-secondary-btn{
    color: #007CBA;
    border:1px solid #007CBA;
}
.wt-ier-secondary-btn,.wt-ier-primary-btn{
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    text-decoration: none;
    padding:10px 12px;
    border-radius: 5px;
    text-align: center;
    display: inline-block;
    transition: all .2s ease;
    margin-top: 18px;
}
.wt-ier-primary-btn:hover,.wt-ier-primary-btn:focus{
    color:#fff;
}
.wt-ier-secondary-btn:hover,.wt-ier-primary-btn:hover,
.wt-ier-secondary-btn:focus,.wt-ier-primary-btn:focus{
    transform: translateY(1px);
    transition: all .2s ease;
}
.wt-ier-btn-group{
    justify-content: space-between!important;
    margin: -8px;
    align-items: center;
    position: absolute;
    bottom: 0;
}
.wt-ier-btn-group .wt-ier-btn{
    margin: 8px;
}
.wt-ier-box-highlight{
    box-shadow: 0px 0px 20px rgba(19, 109, 200, 0.3);
}
.wt-ier-center{
    text-align: center;
}
.wt-ier-p-5{
    padding:30px;
}
.wt-ier-p-4{
    padding:20px;
}
.wt-ier-px-3{
    padding-right:12px;
    padding-left:12px;
}
.wt-ier-mb-4{
    margin-bottom: 20px;
}
.wt-ier-mt-5{
    margin-top: 75px;
}
.wt-ier-v-center{
    -ms-flex-align: center;
    align-items: center;
}
.wt-ier-row{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    /*flex-wrap: wrap;*/
    width:95%;
    margin-left: -17px;
}
.wt-ier-col-12{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;

}
.wt-ier-col-md-6,.wt-ier-col-12{
    position: relative;
    width: 100%;
    padding:15px; 
}
.wt-ier-flex {
    display: -ms-flexbox;
    display: flex;
}
.wt-ier-modal {
    display: none; 
    position: fixed; 
    z-index: 1; 
    padding-top: 50px; 
    padding-bottom: 50px; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 90%; 
    overflow: auto; 
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.4); 
}

.wt-ier-modal-content {
    background-color: #fefefe;
    margin: auto;
    border: 1px solid #888;
    width: 78%;
}
.wt-ier-close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.wt-ier-close:hover,
.wt-ier-close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.wt-ier-pre-icon{
    height: 15px;
    margin-right: 9px;
}
.wt-ier-resposive-table {
    width: 100%;
    overflow-x: auto;
}
.wt-ier-table{
    width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
    border-collapse: collapse;
    min-width: 700px;
}
.wt-ier-table th, .wt-ier-table td{
    padding: 18px 25px;
}
.wt-ier-table td{
    border-top: 1px solid #E9E9E9;
    border-right: 1px solid #E9E9E9;
}
.wt-ier-table th{
    border-right: 1px solid #E9E9E9;
}

.wt-ier-top-tr th{
    padding-bottom: 0; 
}
.wt-ier-table th{
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    color: #007CBA;
    text-align: center;
}
.wt-ier-table tr td{
    width:23%;
    text-align: center;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;

    color: #000000;
}
.wt-ier-table tr td p,.wt-ier-table tr td{
    margin: 0;
}
.wt-ier-table tr td p {
    margin-top: 5px!important;
}
.wt-ier-table tr td:first-child{
    width:31%;
}
.wt-ier-table tr td:first-child{
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    color: #000000;
}
.wt-ier-table tr td:first-child,.wt-ier-table tr th:first-child,
.wt-ier-table tr td:last-child,.wt-ier-table tr th:last-child{
    border-right: none!important;
}
.wt-ier-table tr td:first-child,.wt-ier-table tr th:first-child{
    background-color: #F7FAFE;
    text-align: left!important;
}
.wt-ier-table tr td li{
    text-align: left;
    list-style: none;
}

@media (min-width: 992px){
    .wt-ier-col-lg-6{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .wt-ier-col-lg-4{
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .wt-ier-mb-lg-0{
        margin-bottom: 0;
    }
    .wt-ier-suite{
        background-image: url(../../assets/images/upgrade/suite-cover.svg);
        background-position: right;
        background-size: 50% 100%;
        background-repeat: no-repeat;
    }
}
@media (min-width: 768px){
    .wt-ier-col-md-6{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .wt-ier-mb-md-0{
        margin-bottom: 0;
    }
    .wt-ier-border-md-right{
        border-right: 1px solid #E8E8E8;
    }

}
@media (min-width: 576px){
    .wt-ier-d-sm-flex{
        display: flex;
    }
}
/* end marketing */
.wt-iew-upgrade-to-pro-new-feature{ display:inline-block; width:60px; height:21px; background: url(../../assets/images/gopro/new_flag.svg) no-repeat; color:#fff; text-align:center; font-weight:normal; padding-left:4px; line-height:20px; font-size:12px; text-shadow:0px 2px 4px rgba(0, 0, 0, 0.35);}



/* start small marketing section */
.ier_pro_plugins_section_small{
  /*float: left;*/
  margin-top: 30px;
  width: 97%;
}
.wt-import-export-upsell-small-wrapper.market-box{
  /*width:32%;
  float: left;
  margin-right: 15px;
  */
  height:400px;
}
.wrap .wt-import-export-small-upsell-wrapper .ier-premium-upgrade {
  margin-top: 0px;
  margin-right: 0px;
}
.wt-import-export-upsell-small-wrapper .ier-premium-upgrade {
  margin-top: 0px;
  margin-right: 0px;
}

.wt-import-export-upsell-small-wrapper .wt-ierpro-sidebar{
background: #FFFFFF;
border-radius: 7px;
padding: 0;
}
.wt-import-export-upsell-small-wrapper .wt-ierpro-header{
background: #FFFFFF;
box-shadow: none;
border-radius: 0px;
padding: 1px;
margin: 0;
}
.wt-import-export-upsell-small-wrapper .wt-ierpro-name-small{
margin: 0;
padding: 20px;
display: flex;
align-items: center;
}
.wt-import-export-upsell-small-wrapper .wt-ierpro-name-small img{
width: 36px;
height: auto;  
border-radius: 3px;
}
.wt-import-export-upsell-small-wrapper .wt-ierpro-name-small h4{
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 18px;
margin: 0 0 0 12px;
}
.rtl .wt-import-export-upsell-small-wrapper .wt-ierpro-name-small h4{
  margin: 0 12px 0 0px;
}
.wt-import-export-upsell-small-wrapper .wt-ierpro-mainfeatures ul{
padding: 0;
margin: 15px 25px 20px 25px;
}
.wt-import-export-upsell-small-wrapper .wt-ierpro-mainfeatures li{
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height:24px;
letter-spacing: -0.01em;
list-style: none;
position: relative;
color: #091E80;
padding-left: 28px;
}
.wt-import-export-upsell-small-wrapper .wt-ierpro-mainfeatures li.money-back:before{
content: '';
position: absolute;
left: 0;
height:24px ;
width: 16px;
background-image: url(../../assets/images/gopro/money-back.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.wt-import-export-upsell-small-wrapper .wt-ierpro-mainfeatures li.support:before{
content: '';
position: absolute;
left: 0;
height:24px ;
width: 16px;
background-image: url(../../assets/images/gopro/support.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.wt-import-export-upsell-small-wrapper .wt-ierpro-btn-wrapper{
display: block;
margin: -6px auto 20px;
text-align: center;
}
.wt-import-export-upsell-small-wrapper .wt-ierpro-blue-btn, .wt-ierpro-blue-btn:visited{
background: linear-gradient(90.67deg, #2608DF -34.86%, #3284FF 115.74%);
box-shadow: 0px 4px 13px rgba(46, 80, 242, 0.39);
border-radius: 5px;
padding: 10px 15px 10px 38px;
display: inline-block;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 18px;
color: #FFFFFF;
text-decoration: none;
transition: all .2s ease;
position: relative;
border: none;
}
.wt-import-export-upsell-small-wrapper .wt-ierpro-blue-btn:before{
content: '';
position: absolute;
height: 15px;
width: 18px;
background-image: url(../../assets/images/gopro/white-crown.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
left: 15px;
}
.wt-import-export-upsell-small-wrapper .wt-ierpro-blue-btn:hover{
box-shadow: 0px 4px 13px rgba(46, 80, 242, 0.5);
text-decoration: none;
transform: translateY(2px);
transition: all .2s ease;
color: #FFFFFF;
}
.wt-import-export-upsell-small-wrapper .wt-ierpro-features{
padding: 15px 5px 5px 10px;
}
.wt-import-export-upsell-small-wrapper .wt-ierpro-features ul{
padding: 0;
margin: 0;
}
.wt-import-export-upsell-small-wrapper .wt-ierpro-features li{
font-style: normal;
font-weight: 500;
font-size: 13px;
line-height: 17px;
color: #474747;
list-style: none;
position: relative;
padding-left: 35px;
padding-right: 5px;  
margin: 0 0 15px 0;
display: flex;
align-items: center;
}
.wt-import-export-upsell-small-wrapper .wt-ierpro-newfeat li:before{
content: '';
position: absolute;
height: 39px;
width: 39px;
background-image: url(../../assets/images/gopro/new-badge.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
left: 0;
}
.wt-import-export-upsell-small-wrapper .wt-ierpro-allfeat li:before{
content: '';
position: absolute;
height: 16px;
width: 16px;
background-image: url(../../assets/images/gopro/planetick.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
left: 10px;
}
.wt-import-export-upsell-small-wrapper ul.wt-ierpro-newfeat li {
margin-bottom: 30px;
}
.wt-import-export-upsell-small-wrapper .wt-ierpro-outline-btn, .wt-ierpro-outline-btn:visited{
background: linear-gradient(90.67deg, #2608DF -34.86%, #3284FF 115.74%);
box-shadow: 0px 4px 13px rgba(46, 80, 242, 0.39);
border-radius: 5px;
padding: 10px 15px 10px 38px;
display: inline-block;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 18px;
color: #FFFFFF;
text-decoration: none;
transition: all .2s ease;
position: relative;
border: none;
}
.wt-import-export-upsell-small-wrapper .wt-ierpro-outline-btn:before{
content: '';
position: absolute;
height: 15px;
width: 18px;
background-image: url(../../assets/images/gopro/white-crown.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
left: 15px;
}
.wt-import-export-upsell-small-wrapper .wt-ierpro-outline-btn:hover{
box-shadow: 0px 4px 13px rgba(46, 80, 242, 0.5);
text-decoration: none;
transform: translateY(2px);
transition: all .2s ease;
color: #FFFFFF;
}

.wp-submenu li span.wt-go-premium {
  font-weight: 700;
  color: #28e499;
}

.wt-cs-rating-money-back{
margin: auto;
margin-bottom: 10px;
background-color:#EFEDFF54;
width: 290px;
height: 162px;
border-radius: 3px 0px 0px 0px;
border: 1px solid #E4E4E4;
}
.wt-money-back{
  border-bottom: 1px solid #ccc;
  padding:10px;
  display: flex;
}
.wt-money-back img{
 margin-right: 10px;
}
.wt-cs-rating img{
 margin-right: 10px;
}
.wt-cs-rating{
  display: flex;
  padding: 10px;
}
.wt-ierpro-name-small-p{
  margin-top: 0px;
  font-size: 14px;
  padding-left: 25px;
  padding-bottom: 6px;
  line-height: 20px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 0px;
  color:#959595;
}
.wt-hide-features-view-plugin{
  border-bottom: 1px solid #ccc;
  padding:20px;
  display: flex;
  margin-bottom: 10px;
}
.wt-view-plugin, .wt-hide-features{
  text-decoration:none;color:#3176FD;
}

.wt_iew_post-type-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  flex-direction: row;
  margin-top: 20px;
}



.wt_iew_post-type-card {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 15px;
  height: 65px;
  width: 122px;
  margin: 10px;
  cursor: pointer;
  position: relative;
}
@media (max-width: 768px) {
  .wt_iew_post-type-card {
    width: 100px;
  }
}
@media (min-width: 1200px) {
  .wt_iew_post-type-card {
     width: 113px;
  }
} 
@media (min-width: 992px) {
  .wt_iew_post-type-card {
     width: 119px;
  }
}

.wt_iew_post-type-card h3 {
  margin: 2px;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  position: absolute;
  bottom: 9px;
  left: 5px;
}

.wt_iew_post-type-card2 {
  display: flex;
  flex-direction: column;
  position: relative;
}

.wt_iew_free_addon_warn a {
    display: inline-block;
    color: #0b0b0b;
    background: rgba(255, 242, 184, 1);
    border-radius: 25px;
    padding: 1px 10px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 450;
    position: absolute;
    top: 10px;
    right: 8px;
}

.wt_iew_free_addon_warn .activate {
  color: rgba(0, 128, 96, 1);
  background: rgba(225, 244, 244, 1);
}

.wt_iew_free_addon_warn .premium-button {
  background-color: rgba(233, 242, 252, 1);
  color: rgba(58, 111, 172, 1);
}

.wt_iew_free_addon_warn a:hover {
  text-decoration: underline;
}

.wt_iew_image {
  margin-bottom: 10px;
}

.wt_iew_post-type-card.selected .wt_iew_image img {
  color: rgba(58, 111, 172, 1);
}

.wt_iew_post-type-card.selected {
  border-color: rgba(58, 111, 172, 1);
  background-color: rgba(233, 242, 252, 1);
}

.wt_iew_post-type-card-hd {
  position: absolute;
  bottom: 1px;
}
.wt_iew_suite_banner{
  width: 98%;
  height: 63px;
  margin-left: 10px;
  background-color: #FFFCE1;
}
.wt_iew_suite_banner_border{
  width: 2px; 
  height: 63px;
  background-color:#E6CE5C
}

#wpbody-content {
  margin-top: 80px;
}

.wbte_uimpexp_help-widget {
  left: 202px !important;
}

.wbte_uimpexp_help-widget_popupover{
  left: -10px !important;
  right: unset !important;
}

.wbte_uimpexp_help-widget_popupover::after {
  left: 20px !important;
  right: unset !important;
}

