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

:root { --wp-admin-theme-color: #0073aa;}
/**
* Tab section 
*/
.wt_pf_page_hd{ font-size:20px;padding-top:5px; }
.wt-pfd-tab-head{ margin-right:0px; margin-top:20px; clear:both;}
.wt-pfd-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-pfd-tab-head .nav-tab-active{ background: #fff; border-bottom: solid 1px #fff; }
.wt-pfd-tab-head .nav-tab:focus{ box-shadow:none;}
.wt-pfd-tab-content{ display:none; float:left; width:100%; height:auto; }
.wt_pf_sub_tab_container{float:left; width:100%; height:auto; padding-bottom:0px;}
.wt_pf_sub_tab{ display:inline-block; margin:0px;}
.wt_pf_sub_tab li{ display:inline-block; border-left: solid 1px #ccc; padding:3px 10px; cursor: pointer;}
.wt_pf_sub_tab_content{ display: none; float:left; width:100%; height:auto; }
.wt-pfd-settings-header{border-bottom:dashed 1px #ccc; margin-left:-15px; margin-right:-15px; padding-top:0px;}
.wt-pfd-settings-header h3{margin-top:0px; margin-left:15px; width:60%; display:inline-block;}
.wt-pfd-settings-header .wt_pf_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;*/ }
.wt-pfd-plugin-toolbar {
	height: 40px;
	width: 100%;
	margin: 0;
	padding: 0;
}
.wt-pfd-plugin-toolbar .left {
	float: left;
	margin: 0;
	padding: 0;
}
.wt-pfd-plugin-toolbar .left img {
	vertical-align: text-bottom;
	margin-right: 10px;
}
.wt-pfd-plugin-toolbar .right {
	float: right;
	margin: 0 10px 0 0;
	padding: 0;
}
.wt-pfd-plugin-toolbar.top {
	margin-bottom: -5px;
}
.wt-pfd-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-pfd-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-pfd-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_pf_overlayed_loader{ position:absolute; z-index:10000; background:rgba(255,255,255,.5); width:100%; height:auto; margin-left:-15px; margin-top:-15px;}
.wt_pf_loader_info_box{display:none; position:fixed; z-index:10001; width:400px; 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 26px 10px; color:#fff;}
.wt_pf_loader_info_box a{ color:#fff; text-decoration:underline; cursor:pointer; }
.wt_pf_loader_info_box .wt_pf_info_box_title{ font-size:16px; }
.wt_pf_loader_info_box .wt_pf_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_pf_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-pfd-form-table input[type="text"], .wt-pfd-form-table input[type="number"], .wt-pfd-form-table input[type="password"], .wt-pfd-form-table select, .wt_pf_select, .wt_pf_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-pfd-form-table *::placeholder{ font-size:12px; }
.wt-pfd-form-table .select2-container .select2-selection--multiple{ border-color:#ced4da !important; }


.wt-pfd-form-table select, .wt_pf_select{
  padding: 0.44rem 0.75rem;
}
.wt-pfd-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-pfd-form-table .select2-selection, .wt-pfd-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-pfd-form-table .select2-container {
  width:100% !important;
}
.wf_select_multi{
  width:100%;
}
.wf_select_multi .select2-container{
  width:100% !important;
}
.wt-pfd-form-table .button {
  padding:0.2rem 0.75rem; height: auto;
}
.wf_settings_form .button {
  padding:0.2rem 0.75rem; height: auto;
}
.wt-pfd_form_help{ color:#666;font-weight:400; font-size:12px; display:inline-block; width:100%; margin-top:10px; }
.wt-pfd_conditional_help_text{ display:none;}
.wt-pfd-form-table tr th:first-child{ width:40% !important; padding:10px 15px 10px 0; vertical-align:top; }
.wt-pfd-form-table tr th:first-child label{ margin-top:5px; display:inline-block; }
.wt-pfd-form-table tr td:nth-child(2){ width:42%; padding:10px 5px 10px 0; }
.wt-pfd-form-table tr td:nth-child(3){ width:35%; }
.wt_form_radio_block, .wt_form_checkbox_block{ display:inline-block; margin-top:8px; }
.wt-pfd-tab-container .wp-list-table thead th{ font-weight:bold; }
.wt-pfd-exporter-step-btn, .wt-pfd-exporter-step-export-btn{ float:right; }

.wt_pf_export_main .wt-pfd-mapping-tb tr td{position: relative;}

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

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


.wt_pf_warn_box{padding:20px; padding-bottom:0px;}
.wt_pf_warn{ display:inline-block; width:100%; box-sizing:border-box; padding:10px; background-color:#fff8e5; border-left:solid 2px #ffb900; color:#333; }
.wt_pf_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_pf_rerun_warn{ width:95%; margin:30px 2.5%; }

.wt_pf_info_box{padding:20px; padding-bottom:0px;}
.wt_pf_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-pfd-mapping-tb{ border:1px solid #e5e5e5;}
.wt-pfd-mapping-tb th{ text-align:left; height:30px; /* background:#e5e5e5; */ border-bottom:solid 1px #e5e5e5; }
.wt-pfd-mapping-tb tr td:first-child, .wt-pfd-mapping-tb tr th:first-child{ width:50px; }
.wt-pfd-mapping-tb td, .wt-pfd-mapping-tb th{ padding:5px; }
.wt-pfd-mapping-tb td input[type="text"], .wt_pf_text_field{
  display: block;
  max-width:500px;
  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_pf_sort_handle{ width:25px; cursor:move; }
.wt-pfd-mapping-tb tbody tr:hover td{ background:#f6f6f6; }
.wt-pfd-mapping-tb .wt_pf_mapping_checkbox_main{ margin-left:29px; }
.wt-pfd-mapping-tb .wt_pf_mapping_checkbox_sub{ margin-left:4px; margin-top:2px; }
.wt_pf_sort_handle{ float:left; }
.wt_pf_sort_handle img{ margin-top:5px; color:#ccc; height:15px; opacity:.8; }
.wt_pf_checkbox{ display:inline-block; padding:0px 15px; }
.wt_pf_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_pf_mapping_field_val::after {
    content: "\f464";
    font-family: 'dashicons';
    font-size: 18px;
    width: 20px;
    height: 20px;
    color: gray;    
    float: right;
    top: 10px;
    right: 10px;
}
.wt-pfd-sortable-placeholder td{ height:30px; background:#fff; border-top:dashed 1px #ccc; border-bottom:dashed 1px #ccc; }
.wt-pfd-sortable-placeholder td:first-child{ border:dashed 1px #ccc; border-right:none; }
.wt-pfd-sortable-placeholder td:last-child{ border:dashed 1px #ccc; border-left:none; }

.wtpf_meta_mapping_box{width:100%; float:left; height:auto; margin-bottom:0px;}
.wtpf_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;}
.wtpf_meta_mapping_box_hd_nil{min-width:720px; width:auto; 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;}
.wtpf_meta_mapping_box_hd .dashicons{ margin-top:10px; }
.wtpf_meta_mapping_box_selected_count_box{ float:right; margin-top:-3px; font-weight:normal; font-style:italic; }
.wtpf_meta_mapping_box_con{min-width:720px; width:100%; display:inline-block; height:auto; padding:0px; display:none;}
.wt-pfd-mapping-tb{ min-width:720px; }
.wt-pfd-mapping-tb .select2-selection{ min-width:200px; }

.wtpf_meta_mapping_box_toggle{ font-weight:normal; float:right; cursor:pointer; }
.wt_pf_invalid_mapping_field{ color:red; display:inline-block !important; padding:0px !important; margin:0px !important; }

.columns_static_val{width: 217px !important;}

/* popup */
.wt_pf_overlay{ position:fixed; z-index:100000000; width:100%; height:100%; background-color:rgba(0,0,0,.5); left:0px; top:0px; display:none;}
.wt_pf_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_pf_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_pf_import_progress_wrap.open {
  display: flex;
  flex-direction: column;
}
.wt_pf_import_progress_content{
    height: 100%;
    overflow-y: auto;
    /*padding: 10px;*/
}
.wt_pf_import_progress_header{
      padding: 15px;
        top: 15px;
  border-radius: 3px 3px 0 0;
}
.wt_pf_import_progress_wrap th, .wt_pf_import_progress_wrap td{text-align: center}
.wt_pf_import_progress{border: none !important;}





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

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

.wt_pf_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_pf_import_progress th, .wt_pf_import_progress td {
  /*width: 33.33%;*/
  /* to enable "word-break: break-all" */
  padding: 5px;
  word-break: break-all; /* 4. */
}

.wt_pf_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_pf_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-pfd-import-result-row {
    display: table;
    width: 100%; /*Optional*/
    table-layout: fixed; /*Optional*/
    border-spacing: 10px; /*Optional*/
}
.wt-pfd-import-result-column {
    display: table-cell;
    padding-bottom: 20px;
}
.wt-pfd-import-completed .dashicons-yes:before{color: green;}

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

.wt_pf_view_imported_items:focus, .wt_pf_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%;
}
.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_pf_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_pf_popup_close{float:right; width:40px; height:40px; text-align:right; line-height:40px; cursor:pointer;}
.wt_pf_popup_footer{width:100%; text-align:right; margin-top:10px;}

.wt_pf_data_dv{ display:none; }
.wt_pf_action_btn{ cursor:pointer; }

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

.wt-pfd-form-table .wt_pf_field_group{ padding-left:0px; }
.wt-pfd-form-table .wt_pf_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-pfd-form-table .wt_pf_field_group_hd .wt_pf_field_group_toggle_btn{float:left; margin-right:10px; width:20px; height:20px; border-radius:10px; color:#666; cursor:pointer; }
.wt-pfd-form-table .wt_pf_field_group_content{ padding-left:10px; display:none; }


/* Dropdown */
.wt_pf_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_pf_dropdown li{ padding:7px 14px; margin:5px 0px; cursor:pointer; }
.wt_pf_dropdown li:hover{ background:#fafafa; }

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

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

/* popover */
.wt_pf_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_pf_popover:after, .wt_pf_popover:before {
  right: 100%;
  top:25%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.wt_pf_popover:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 20px;
  margin-top: -20px;
}
.wt_pf_popover:before {
  border-color: rgba(204, 204, 204, 0);
  border-right-color: #ccc;
  border-width: 21px;
  margin-top: -21px;
}
.wt_pf_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_pf_popover-content{
  min-height:65px; height: auto; padding:15px; float:left; clear:both;
}
.wt_pf_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_pf_popover-content input[type="text"]{
   margin:5px 0px; border-radius:3px; padding: 0.2rem 0.3rem;
  font-size: 1rem;
  line-height: 1.5;
}
.wt_pf_popover-footer .button{
  float: right; margin-left: 5px;
}

/* mapping field editor */
.wt_pf_mapping_field_editor_container{ display:none; }
.wt_pf_mapping_field_editor{ float:left; width:400px; padding:0px; background:#fff; margin:0px;}
.wt_pf_mapping_field_editor *{ box-sizing:border-box; }
.wt_pf_mapping_field_editor label{ float:left; width:100%; margin-bottom:3px; font-weight:bold; font-size:13px; color:#333; }
.wt_pf_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_pf_mapping_field_editor_box textarea{border:none; float:left; width:100%; height:50px; outline:none; resize:none;}
.wt_pf_mapping_field_editor_box input[type="text"]{width:100%; font-size:12px;}
.wt_pf_mapping_field_editor_box input[type="text"]::placeholder{ font-size:12px; }
.wt_pf_mapping_field_editor_info{ margin:0px; }
.wt_pf_mapping_field_editor_er{ margin:0px; color:red; }
.wt_pf_mapping_field_selector_box{ float:left; width:100%; height:120px; overflow:auto; margin-top:5px; }
.wt_pf_mapping_field_selector{ float:left; width:100%; margin:0px; padding:0px; }
.wt_pf_mapping_field_selector li{ float:left; width:100%; padding:5px; margin:0px; cursor:pointer;}
.wt_pf_mapping_field_selector li:hover{ background:#0073aa; color:#fff; }
.wt_pf_mapping_field_selector_no_column{ float:left; width:100%; color:red; }
.wt_pf_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_pf_debug_panel{ position:fixed; top:30px; right:0px; background:#fff; padding:5px; padding-bottom:0px; box-shadow:2px 2px 2px #ccc; }
.wt_pf_debug_panel_hd{ width:100%; font-size:12px; font-weight:bold; padding:2px; }
.wt_pf_debug_panel_con{ width:100%; min-height:30px; font-size:12px; text-align:center;}
.wt_pf_debug_panel_con a{ display:inline-block; padding:2px; border-right:solid 1px #ccc; cursor:pointer; }
.wt_pf_debug_panel_con a:last-child{ border-right:solid 0px #ccc;  }

/* pagination */
.wt_pf_pagination{ float:right; width:auto; height:auto; margin:10px 0px;}
.wt_pf_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_pf_pagination a.wt_pf_pageactive{ background:#fff; color:#333; border:solid 1px #ddd; }
.wt_pf_pagination a.wt_pf_pagedisabled{ background:#f7f7f7; color:#a0a5aa; border:solid 1px #ddd; }
.wt_pf_pagination a.wt_pf_page{ cursor:pointer; }
.wt_pf_pagination_total_info{ float:left; padding:8px; }

/* listing */
.wt_pf_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-pfd-form-table tr th:first-child{ width:100%; }
  .wt-pfd-form-table tr td:nth-child(2){ width:100%; }
  .wt-pfd-form-table tr td:nth-child(3){ width:100%; }
  .wt-pfd-form-table .wt_pf_file_attacher_dv input[type="text"]{width:50%; float:left; }
  .wt-pfd-form-table .wt_pf_file_attacher_dv input[type="button"]{width:45%; float:right; }
}

/* tooltip */
.wt-pf-tips{ color:#666666; }
.wt_pf_tooltip_span{ display:inline-block; margin-bottom:9px; line-height:16px; text-align:left; border-top: 
dashed 1px #efefef; }

.wt-pf-tips-sp{
    margin: 4px 0 0 0;
    position: absolute;
    left: 27%;
}

#tiptip_content .wt_pf_tooltip_span:first-child{ border:none; margin-top:4px; }
#tiptip_content .wt_pf_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_pf_dropzone{ text-align:center; cursor:pointer; width:100%; height:200px; border:dashed 3px #ccc; }
.wt_pf_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_pf_dropzone .dz-preview .dz-details{ font-size:14px}
.wt_pf_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_pf_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_pf_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_pf_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_pf_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_pf_dropzone .dz-preview .dz-progress{width:300px;margin-left:0;margin-top:5px}
.wt_pf_dropzone .dz-preview .dz-progress .dz-upload{background:#2092ea}
.wt_pf_dz_file_name, .wt_pf_dz_remove_link, .wt_pf_dz_file_success{ display:inline-block; font-size:14px; }
.wt_pf_dz_remove_link{ cursor:pointer; color:#4289a9; }
.wt_pf_dz_file_success{ line-height:20px; }
.wt_pf_dropzone .dz-preview .dz-progress .dz-upload-info{display:inline-block;text-align:center;width:100%;}
.wt_pf_dropzone.dz-started .dz-message{ display:none;}

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

 .wt-profeed-sidebar{
  /*background: #FFFFFF;*/
  border-radius: 7px;
  padding: 0;
}

.wt-profeed-header{
  background: #FFFFFF;
  margin: 0;
  position: relative;
}

/* Black Friday discount tag styles */
.wt-bfcm-discount-tag {
  position: absolute;
  top: 1px;
  right: 1px;
  z-index: 10;
}

.wt-bfcm-tag-svg {
  width: 30px;
  height: 40px;
  display: block;
}

.wt-profeed-name{
  background: linear-gradient(178deg, #F4F1FF 3%, rgba(238, 240, 255, 0) 93.18%);
  border-radius: 3px;
  margin: 0;
  padding: 16px;
  display: flex;
  align-items: center;
}
.wt-profeed-name img{
  width: 40px;
  height: auto;
  box-shadow: 4px 4px 4px rgba(92, 98, 215, 0.23);
  border-radius: 7px;
}
.wt-profeed-name h4{
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 15px;
  margin: 0 0 0 1px;
  color: #5D63D9;
}
.wt-profeed-mainfeatures ul{
  padding: 0;
  margin: 15px 25px 20px 25px;
}
.wt-profeed-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-profeed-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-profeed-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-profeed-btn-wrapper{
  display: block;
  margin: 0px auto 3px;
  text-align: center;
}
.wt-profeed-blue-btn, .wt-profeed-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;
  width:60%;
}
.wt-profeed-blue-btn-new, .wt-profeed-blue-btn-new:visited{
  background: #1DA5F8;
  padding: 15px 4px;
  margin-bottom: 29px;
  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;
  width:70%;
}
.wt-profeed-blue-btn-new:hover{
  box-shadow: 0px 4px 13px rgba(46, 80, 242, 0.5);
  text-decoration: none;
  transform: translateY(2px);
  transition: all .2s ease;
  color:#fff;
}
.wt-profeed-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-profeed-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-profeed-moneyback-wrap{
    padding: 10px !important;
    margin-bottom: 5px !important;
    background: linear-gradient(178deg, #F4F1FF 3%, rgba(238, 240, 255, 0) 93.18%);
}


.wt-profeed-features{
  padding: 15px;
}
.wt-profeed-features ul{
  padding: 0;
  margin: 0;
}
.wt-profeed-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-profeed-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-profeed-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-profeed-newfeat li {
  margin-bottom: 30px;
}
.wt-profeed-outline-btn, .wt-profeed-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-profeed-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-profeed-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-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-pfd-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 freevspro section */

.wrap .wt-profeed-upsell-wrapper .wt-profeed-premium-upgrade-bottom {
    margin-top: 0px;
    margin-right: 0px;
}
.wt-profeed-upsell-wrapper .wt-profeed-premium-upgrade-bottom {
    margin-top: 30px;
    margin-right: 15px;
}

 .wt-profeed-sidebar-bottom{
  background: #FFFFFF;
  border-radius: 7px;
  padding: 10px;

}
.wt-profeed-header-bottom{
  background: #FFFFFF;
  /*box-shadow: 0px 4px 19px rgba(49, 117, 252, 0.2);*/
  margin-top: 45px;
  margin-bottom: 30px;
  padding:20px;
  height:250px;
}
.wt-profeed-name-bottom{
  background: linear-gradient(178deg, #F4F1FF 3%, rgba(238, 240, 255, 0) 93.18%);
  border-radius: 3px;
  margin: 0;
  padding: 16px;
  display: flex;
  align-items: center;
}
.wt-profeed-name-bottom img{
  width: 40px;
  height: auto;
  box-shadow: 4px 4px 4px rgba(92, 98, 215, 0.23);
  border-radius: 7px;
}
.wt-profeed-name-bottom h4{
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 15px;
  margin: 0 0 0 1px;
  color: #5D63D9;
}
.wt-profeed-mainfeatures-bottom ul{
  padding: 0;
}
.wt-profeed-mainfeatures-bottom 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-profeed-mainfeatures-bottom 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-profeed-mainfeatures-bottom 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-profeed-btn-wrapper-bottom{
  display: block;
  margin: 20px auto 20px;
  text-align: center;
}
.wt-profeed-blue-btn-bottom, .wt-profeed-blue-btn-bottom: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;
  width:60%;
}
.wt-profeed-blue-btn-bottom: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: 60px;
}
.wt-upgrade-feature-bottom{
    color:blue !important;
}
.wt-profeed-blue-btn-bottom: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-profeed-moneyback-wrap-bottom{
    padding: 10px !important;
    margin-bottom: 5px !important;
    background: linear-gradient(178deg, #F4F1FF 3%, rgba(238, 240, 255, 0) 93.18%);
}
/* end freevspro section */


/* Toggle Button */

.wt_pf_checkbox_toggler {
	-webkit-appearance: none !important;
	-webkit-tap-highlight-color: transparent !important;
	position: relative !important;
	border: 0 !important;
	border-radius: 0 !important;        
	outline: 0 !important;
	cursor: pointer !important;
	margin: 10px 0px !important;

}
.wt_pf_checkbox_toggler:focus{
    outline:0 !important;
    border: 0 !important;
    box-shadow:none !important;

}

/* To create surface of toggle button */

.wt_pf_checkbox_toggler:after {
	content: '' !important;
	width: 52px !important;
	height: 19px !important;
	display: inline-block !important;
	background: rgba(196, 195, 195, 0.55) !important;
	border-radius: 18px !important;
	clear: both !important;

}


/* Contents before checkbox to create toggle handle */

.wt_pf_checkbox_toggler:before {
	content: '' !important;
	width: 20px !important;
	height: 20px !important;
	display: block !important;
	position: absolute !important;
	left: 0 !important;
	top: -1px !important;
	border-radius: 50% !important;
	background: rgb(255, 255, 255) !important;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6) !important;
}


/* Shift the handle to left on check event */

.wt_pf_checkbox_toggler:checked:before {
	left: 32px !important;
	box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.6) !important;
        margin: 0 !important;
}

.wt_pf_checkbox_toggler:checked:after {
	background: #16a085  !important;
}


/* Transition for smoothness */

.wt_pf_checkbox_toggler,
.wt_pf_checkbox_toggler:before,
.wt_pf_checkbox_toggler:after,
.wt_pf_checkbox_toggler:checked:before,
.wt_pf_checkbox_toggler:checked:after {
	transition: ease .3s  !important;
	-webkit-transition: ease .3s  !important;
	-moz-transition: ease .3s  !important;
	-o-transition: ease .3s  !important;
}


/* Custom Color */

.wt_pf_toggler_blue:checked:after {
	background: #16a7c5  !important;
}


.wt-feed-why-premium{
    padding: 15px 15px 0px 15px;
    font-weight: 500;
    background-color: #F3FBFF;
    display: flex;
    justify-content: space-between; /* Even spacing between elements */
    align-items: center; /* Align items vertically */    
}
.wt-feed-cs-rating-money-back{
    background-color: #fff;
}
.wt-feed-money-back{
    border-bottom: 1px solid #ccc;
    padding:10px;
    display: flex;
}
.wt-feed-money-back img{
   margin-right: 10px;
}
.wt-feed-cs-rating img{
   margin-right: 10px;
}
.wt-feed-cs-rating{
    display: flex;
    padding: 10px;
}

.wt_manage_feed_icons img{
    width: 18px;
    padding: 5px;
}
.history_list_tb a:focus{
    outline: none !important;
    box-shadow: none !important;
}

.wt-profeed-allfeat-subul{
    padding:0px 0px 10px 35px !important;
}
.wt-profeed-allfeat-subul li{
    list-style-Type: none;
    padding: 0 0 4px 23px;
    background: url(../../assets/images/wt-feed-arrow.webp)  no-repeat left center;
}
.wt-profeed-allfeat-subul li:before{
    content:'';
    background: none;
}
.wt-profeed-allfeat-subul li{
    margin-bottom: 5px;
}




/* The icon */
.wt-pf-help-tip{
	position: fixed;
	bottom: 5%;
	right: 0%;
	transform: translate(-50%, -50%);
	margin: auto;
	text-align: center;
	/*border: 2px solid #444;*/
	border-radius: 50%;
	width: 38px;
	height: 38px;
	font-size: 24px;
	line-height: 42px;
	cursor: default;
        background-color: #1DA5F8;
}

.wt-pf-help-tip:before{
    content:'?';
    font-family: sans-serif;
    font-weight: normal;
    color:#fff;
}

.wt-pf-help-tip:hover span{
    display:block;
    transform-origin: 100% 0%;
    -webkit-animation: fadeIn 0.3s ease;
    animation: fadeIn 0.3s ease;
}

/* The tooltip */
.wt-pf-help-tip span {    
	display: none;
	font-family: sans-serif;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	text-align: center;
	background-color: #FFFFFF;
	padding: 12px 16px;
	width: 178px;
	height: auto;
	position: absolute;
	left: 50%;
	/*transform: translate(-50%, 5%);*/
        transform: translate(-112%, -71%);
	border-radius: 3px;
/* 	border: 1px solid #E0E0E0; */
	box-shadow: 0 0px 20px 0 rgba(0,0,0,0.1);
	color: #37393D;
	font-size: 12px;
	line-height: 18px;
	z-index: 99;
}

.wt-pf-help-tip span a {
	color: #067df7;
	text-decoration: none;
        font-size: 15px;
}

.wt-pf-help-tip span a:hover {
	text-decoration: underline;
}

/* The pointer of the tooltip */
.wt-pf-help-tip span:before { 
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom-color:#FFFFFF;
/*	top: -9px;
	left: 50%;
	transform: translate(-50%, -50%);*/
        transform: rotate(90deg);
        top: 45px;
        left: 98%;
}

 /* Prevents the tooltip from being hidden */
.wt-pf-help-tip span:after {
	width: 20px;
	height: 50px;
	content:'';
	position: absolute;
	top: -40px;
	left: 0;
}
.wt-wc-enhanced-search{min-width: 300px;}

.why-premium-inner-box{
    
            padding: 0px 10px 10px 10px;
            text-align: center;
}


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