/*! * WRC Pricing Tables 2.4 - 8-September-2023 * by @realwebcare - https://www.realwebcare.com */ .wrap .wrcpt-clear{clear:both} #add_new_table h2{font-size:24px;font-weight:700} #add_new_table {width:100%} #add_new_table h2 a.add-new-h2 {font-style:normal;font-size:14px;font-weight:700} #add_new_table #wrcpt_new {display:none} .wrap #add_new_table h2 span#wrcpt-loading-image {background:url(../images/ajax-loader.gif) no-repeat 0 0;margin:-3px 10px;width:96px;height:20px;display:none} #add_new_table #wrcpt_edit_form #form-messages{position:relative;color:#22313f;font-size:20px;text-shadow:1px 1px 2px rgb(34 49 63 / 30%);cursor:pointer;border-radius:12px;background:#fff;margin:0 0 10px;padding:20px 35px 20px 25px;box-shadow:0 0 3px 1px rgb(34 49 63 / 40%);overflow:hidden;display:none;transition:all .5s cubic-bezier(0.68,-0.55,0.265,1.35)} #add_new_table .success:before{content:"";position:absolute;width:0;color:#49D761;border-left:2px solid;border-right:3px solid;border-bottom-right-radius:5px;border-top-right-radius:5px;left:0;top:50%;transform:translate(0,-50%);height:36px} #add_new_table .success>.start-icon{margin:-5px 15px 0 0;min-width:20px;text-align:center;color:#49D761;font-size:30px} #add_new_table .success .blackcross{font-size:24px;color:#22313f;width:24px;height:24px} #add_new_table .success .wrcpt_close{position:absolute;top:50%;right:15px;color:#000;text-shadow:0 1px 0 #fff;opacity:.5;height:24px;line-height:24px;padding:0;background-color:transparent;border:0;transform:translateY(-50%)} #add_new_table .success .wrcpt_close:hover{opacity:1} #add_new_table .success .wrcpt_close:not(:disabled):not(.disabled){cursor:pointer} #add_new_table .notice-warning.notice{border-left-width:5px;margin:0;padding:10px;display:inline-block} /* Pricing Table Lists */ #add_new_table .table_list {position:relative;width:100%;margin-top:15px} #add_new_table .table_list .subsubsub{margin-bottom:8px;padding:0 10px;font-size:14px;font-weight:600;background:#fff;color:#1d2327;box-shadow:1px 1px 2px 1px #cbc8c8} #add_new_table .table_list .subsubsub li{position:relative;box-shadow:1px 0 0 0 #c9c9c9;padding:8px 5px 8px 15px} #add_new_table .table_list .subsubsub li:first-child{padding-left:5px} #add_new_table .table_list .subsubsub li:last-child{box-shadow:none} #add_new_table .table_list .subsubsub li span.count{width:20px;height:20px;line-height:20px;margin:0 10px 0 2px;background:#1d2327;color:#fff;border:1px solid #1d2327;border-radius:50%;display:inline-block;text-align:center} #add_new_table .table_list .subsubsub li.publish{color:#1fa750} #add_new_table .table_list .subsubsub li.publish span.count{background:#23bd5a;border-color:#5baf79;color:#fff} #add_new_table .table_list .subsubsub li.unpublish{color:#dca80c} #add_new_table .table_list .subsubsub li:last-child span.count{margin-right:0} #add_new_table .table_list .subsubsub li.unpublish span.count{background:#f2be1d;border-color:#dbac1a;color:#fff} #add_new_table .table_list .check-all-hidden{position:absolute;top:19px;right:9px;box-shadow:1px 1px 1px 1px rgb(203 200 200 / 75%);border:none;background:#ffffff;display:none} #add_new_table .table_list .button.button-del,#add_new_table .table_list .button.update-all{position:relative;margin:-7px 0 10px 10px;padding:0 0 0 24px;background-color:#d9534f;border-color:#d43f3a;color:#fff;font-weight:500;font-size:14px;width:74px;display:none} #add_new_table .table_list .button.update-all{background-color:#2271b1;border-color:#1a5889;margin-right:-5px;width:80px} #add_new_table .table_list .button.button-del:hover{background-color:#d43f3a} #add_new_table .table_list .button.update-all:hover{background-color:#1a5889} #add_new_table .table_list .button.button-del:before,#add_new_table .table_list .button.update-all:before{content:"\f153";font-family:dashicons;position:absolute;left:5px;top:0;color:#fff} #add_new_table .table_list .button.update-all:before{content:"\f463"} #add_new_table .table_list table#wrcpt_list {display:block;border-collapse:collapse; margin:0 0 1rem; text-align:left; color:#212529;background:#fff;box-shadow:0px 0px 4px 1px #c0c0d4;width:100%} #add_new_table .table_list table thead tr{background:#2271b1;border-bottom:4px solid #174d78} #add_new_table .table_list table td,#add_new_table .table_list table th{padding:30px 15px 15px;vertical-align:top} #add_new_table .table_list table thead th{width:auto;font-size:18px;border:none;padding-bottom:30px;font-weight:500;color:#fff} #add_new_table .table_list table thead th:first-child{border:none} #add_new_table .table_list table td input.wrcpt_checkbox,#add_new_table .table_list table th input#checkall{border:none;background:rgba(0,0,0,.1);width:1.2rem;height:1.2rem} #add_new_table .table_list table td input.wrcpt_checkbox:checked,#add_new_table .table_list table th input#checkall:checked{background:#084b81;color:rgba(0,0,0,.1)} #add_new_table .table_list table td input.wrcpt_checkbox:before,#add_new_table .table_list table th input#checkall:before{font-size:24px;color:rgba(0,0,0,.1);-webkit-transition:.3s;-o-transition:.3s;transition:.3s} #add_new_table .table_list table th input#checkall{background-color:#f9f9f9} #add_new_table .table_list table td input.wrcpt_checkbox:checked::before,#add_new_table .table_list table th input#checkall:checked::before{color:#fff;font-family:dashicons;content:"\f147";margin:.6375rem 0 0 -.25rem} #add_new_table .table_list table tbody tr{background-color:#FFFFFF;margin-bottom:10px;border-bottom:4px solid #eceffa} #add_new_table .table_list table tbody:last-child tr {border-bottom-width:1px} #add_new_table .table_list table tbody td{position:relative;color:#007193;font-size:16px;font-weight:normal;height:50px} #add_new_table .table_list table tbody .alt td{background:#F4F6FC} #add_new_table .table_list table tbody td:first-child{border-left:none} #add_new_table .table_list table tbody tr:last-child td{border-bottom:none} #add_new_table .table_list table tbody td.table_name div{padding-bottom:5px} #add_new_table .table_list table tbody td.table_name{width:45%} #add_new_table .table_list table tbody td.table_name span:first-of-type{border:none;padding-left:0} #add_new_table .table_list table tbody td.table_name span{font-size:14px;cursor:pointer;border-left:1px solid #ddd;color:#0074a2;padding-left:5px;transition:all .4s ease;-webkit-transition:all .4s ease} #add_new_table .table_list table tbody td.table_name span:hover{color:#2ea2cc} #add_new_table .table_list table tbody td.shortcode,#add_new_table .table_list table tbody td.wrc-status{text-align:center} #add_new_table .table_list table tbody td .tooltip{position:relative;display:inline-block;top:-7px} #add_new_table .table_list table tbody td .tooltip .tooltiptext{visibility:hidden;width:190px;background-color:#555;color:#fff;font-size:14px;text-align:center;border-radius:6px;padding:5px;position:absolute;z-index:1;bottom:120%;left:50%;margin-left:-100px;opacity:0;transition:opacity .3s} #add_new_table .table_list table tbody td .tooltip .tooltiptext::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#555 transparent transparent} #add_new_table .table_list table tbody td .tooltip:hover .tooltiptext{visibility:visible;opacity:1} #add_new_table .table_list table tbody td input.wrc_shortcode{margin:0;padding:6px 10px;border-radius:0;background:#f0f0f1;vertical-align:middle;font-size:16px;font-weight:500;max-width:100%;border:.5px solid #ddd;border-bottom:3px solid #bbb;text-align:center} /* Reset Select */ #add_new_table .table_list table tbody td .temp_choice select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;outline:0;box-shadow:none;border:.5px solid #ddd;border-bottom:3px solid #bbb;background:#f1f1f1;background-image:none} /* Remove IE arrow */ #add_new_table .table_list table tbody td .temp_choice select::-ms-expand{display:none} #add_new_table .table_list table tbody td .temp_choice{position:relative;top:-3px;display:flex;width:10em;height:2.4em;line-height:2.4;background:#f1f1f1;color:#d2d2d2;overflow:hidden;border-radius:.25em} #add_new_table .table_list table tbody td .temp_choice select{flex:1;padding:0 0 0 .7em;color:#32373c;cursor:pointer;font-size:16px} /* Arrow */ #add_new_table .table_list table tbody td .temp_choice::after{content:'\f140';font-family:dashicons;font-size:26px;position:absolute;height:47px;top:-12px;right:0;padding:0 .2em;background:#2271b1;border-bottom:3px solid #1b5c91;cursor:pointer;pointer-events:none;-webkit-transition:.25s all ease;-o-transition:.25s all ease;transition:.25s all ease} /* Transition */ #add_new_table .table_list table tbody td .temp_choice:hover::after{color:#0d2e48} #add_new_table .table_list table tbody td .temp_choice select option{background:#f1f1f1;font-size:14px;color:#2271b1} #add_new_table .table_list table tbody td span.status{position:relative;border-radius:30px;background:#cff6dd;color:#1fa750;height:25px;display:inline-block;line-height:24px;text-align:right} #add_new_table .table_list table tbody td span.status.active{width:70px;padding-right:10px} #add_new_table .table_list table tbody td span.status.inactive{padding:0 10px 0 25px;background:#fdf5dd;color:#cfa00c} #add_new_table .table_list table tbody td span.inactive:after{background:#f2be1d} #add_new_table .table_list table tbody td span.status:after{position:absolute;top:8px;left:10px;width:10px;height:10px;content:'';border-radius:50%} #add_new_table .table_list table tbody td span.active:after{background:#23bd5a} #add_new_table .table_list table tbody td .duplicate_table{background:url(../images/duplicate.png) no-repeat 0 0;position:absolute;top:32px;left:15px;width:22px;height:22px;cursor:pointer} #add_new_table .table_list table tbody td .no_duplicate{background:url(../images/wrcpt-buttons.png) no-repeat -518px -90px;position:absolute;top:12px;left:15px;width:20px;height:20px} #add_new_table .table_list table tbody td #copy_table.duplicate_table {left:unset;margin-left:11px;margin-top:-2px} #add_new_table .table_list table tbody td.wrcpt_notice {width:40%} #add_new_table .table_list table tbody td.wrcpt_notice span {font-size:13px;color:#778899} #add_new_table .table_list table tbody td.wrcpt_notice span strong {font-weight:700} #add_new_table .table_list .reset_shortcode {position:relative;display:inline-block;margin:0;padding:0;font-size:18px} #add_new_table .table_list .reset_shortcode input{width:auto;height:40px;line-height:38px;padding:0 10px 0 30px} #add_new_table .table_list .reset_shortcode::before {content:"\f150";font-family:dashicons;position:absolute;left:7px;top:11px;color:#fff} #add_new_table .table_list #wrcpt_optimize{position:absolute;right:0;bottom:0} #add_new_table #tablenamediv {/* background-color:#eee;border:1px solid #ccc; */border-radius:5px;margin-top:10px;line-height:0} /* Features */ #add_new_table .tablenamewrap, #add_new_table .pricingfeaturewrap, #add_new_table .tablecolumnwrap, #add_new_table .settingcolumnwrap {margin:10px} #add_new_table .pricingfeaturewrap h3 {padding:30px 1px 15px} #add_new_table .tablecolumnwrap {position:relative} #tablecolumndiv .accordion-expand-holder {position:absolute;top:0;right:5px} #tablecolumndiv .accordion-expand-holder button.expand, #tablecolumndiv .accordion-expand-holder button.collapse {color:#444444;padding:5px;text-transform:uppercase;cursor:pointer} #add_new_table .tablenamewrap {border-bottom:1px solid #CCC;margin-bottom:30px} #add_new_table #title{width:50%;display:block;margin:10px 0 20px;line-height:30px;font-size:18px} #add_new_table #pricingfeaturediv table#feature_edititem {border:1px solid #ddd;margin-bottom:10px;width:100%} #add_new_table #pricingfeaturediv table#feature_edititem tr.featheader th {background-color:#F3F3F3;padding:15px 10px;border-bottom:1px solid #ddd;border-left:1px solid #ddd;font-size:14px;font-weight:700;line-height:18px;color:#333333} #add_new_table #pricingfeaturediv table#feature_edititem tr.featurebody td {background-color:#fff;padding:1px 6px 0px;border-left:1px solid #ddd;border-bottom:1px solid #ddd;line-height:48px} #add_new_table #pricingfeaturediv table#feature_edititem tr.featheader th:first-child, #add_new_table #pricingfeaturediv table#feature_edititem tr.featurebody td:first-child {border-left:none} #add_new_table #pricingfeaturediv table#feature_edititem tr.featurebody td select#feature_type {height:auto;vertical-align:initial} #add_new_table #pricingfeaturediv table#feature_edititem tr.featurebody td span#remFeature, #add_new_table #pricingfeaturediv table#feature_edititem tr.featurebody td span#remDisable {border:1px solid #ddd;margin:0 18px;padding:0px 11px;color:#444444;border-radius:3px;position:relative;line-height:0;font-size:16px} #add_new_table #pricingfeaturediv table#feature_edititem tr.featurebody td span#remDisable {background:url(../images/wrcpt-buttons.png) no-repeat -413px -90px;width:16px;height:16px;cursor:default} #add_new_table #pricingfeaturediv table#feature_edititem tr.featurebody td span#remFeature {cursor:pointer !important;background:url(../images/wrcpt-buttons.png) no-repeat -413px -40px;width:16px;height:16px} #add_new_table #pricingfeaturediv table#feature_edititem tr.featheader th {text-align:center} #add_new_table #pricingfeaturediv table#feature_edititem tr.featurebody td {cursor:move} #add_new_table input#wrcpt_add_new, #add_new_table #wrcpt_upfeature, #add_new_table #wrcpt_addfeature {float:right;margin-top:10px;margin-right:10px} #add_new_table input#wrcpt_add, #add_new_table input#wrcpt_edit {margin:10px 10px 20px} /* Pricing Columns Preview */ #add_new_table #tabledisplaydiv{background:#fff;border:1px solid #ccc;border-radius:5px;padding:10px;line-height:5px;position:relative} #add_new_table #tabledisplaydiv h3{font-size:24px;margin-top:15px;padding:10px} #add_new_table #tabledisplaydiv h3 span#editPackages{position:absolute;top:30px;right:35px;padding:0 10px 0 26px;font-size:14px;height:32px;line-height:30px} #add_new_table #tabledisplaydiv h3 span#editPackages:before{content:"";position:absolute;background:url(../images/wrcpt-buttons.png) no-repeat -521px -43px;left:6px;top:7px;width:16px;height:16px} /* Pricing Columns */ #add_new_table #tablecolumndiv {float:left;/* background-color:#eee;border-bottom:1px solid #ccc; */margin-top:10px;padding-bottom:30px;line-height:5px} #tablecolumndiv #addButtons {position:relative;clear:both;margin-bottom:5px} #tablecolumndiv #addButtons a#addPackage {padding:0 10px 0 26px;font-size:14px;height:30px;line-height:28px;vertical-align:top} #tablecolumndiv #addButtons a#addPackage:before {content:"";position:absolute;background:url(../images/wrcpt-buttons.png) no-repeat -486px -43px;left:6px;width:16px;height:16px;margin:6px 0 0 0;display:inline-block} #tablecolumndiv #sortable_column {margin-left:-5px} #tablecolumndiv #sortable_column .package_details h3.ptitle {margin:1px} #tablecolumndiv .package_details {float:left;/* display:inline-block; */margin:5px;position:relative} #tablecolumndiv .package_details h4 {margin:0;padding:10px 0px 13px 2px;font-size:15px} #tablecolumndiv .package_details span.column_hide, #tablecolumndiv .package_details span.column_show{position:absolute;top:0;right:38px;margin:0;padding:5px 10px 9px;border-right:2px solid #ccc;display:inline-block;cursor:pointer;z-index:9999} #tablecolumndiv .package_details span.column_hide .dashicons, #tablecolumndiv .package_details span.column_show .dashicons, #tablecolumndiv .package_details span#delDisable .dashicons, #tablecolumndiv .package_details span#delPackage .dashicons{font-size:24px} #tablecolumndiv .package_details span.paypal_hide, #tablecolumndiv .package_details span.paypal_show, #tablecolumndiv .package_details span.hosted_hide, #tablecolumndiv .package_details span.hosted_show, #tablecolumndiv .package_details span.toggle_show, #tablecolumndiv .package_details span.toggle_hide {margin:8px 0 12px;display:inline-block;cursor:pointer} #tablecolumndiv .package_details span.toggle_show, #tablecolumndiv .package_details span.toggle_hide {margin-bottom:20px} #tablecolumndiv .package_details span.paypal_hide {color:#3B802F} #tablecolumndiv .package_details span.hosted_show {color:#fff} #tablecolumndiv .package_details span.hosted_hide {color:#ffff50} #tablecolumndiv .package_details span.hosted_hide, #tablecolumndiv .package_details span.hosted_show{display:block} #tablecolumndiv .package_details span.inactive {cursor:auto !important;opacity:0.3} #tablecolumndiv .package_details span#delDisable, #tablecolumndiv .package_details span#delPackage{position:absolute;top:0;right:7px;padding:5px 5px 9px;border-left:2px solid #f9f9f9;display:inline-block;z-index:9999} #tablecolumndiv .package_details span#delDisable {opacity:0.3} #tablecolumndiv .package_details span#delPackage {cursor:pointer} #tablecolumndiv .element-input h4 {margin:0;padding:5px 10px 15px;font-weight:700;color:#555555} #tablecolumndiv .package_details input#upload_image {margin-left:5px} #tablecolumndiv .package_details img.preview_image {background:#F1F1F1;width:50%;height:auto;padding:24px 5px 5px 5px;border:1px solid #CCC} #tablecolumndiv .package_details span#remove_image {background:url(../images/wrcpt-buttons.png) no-repeat -272px -89px;position:absolute;width:24px;height:24px;margin:1px 0 0 -28px;cursor:pointer} #tablecolumndiv .element-input input.medium {width:230px} #tablecolumndiv .element-input input.checktext {width:204px} #tablecolumndiv .element-input input.col_price {width:105px} #tablecolumndiv .element-input input.tickbox {border:1px solid #aaa !important} #tablecolumndiv .element-input textarea[id=package_desc], #tablecolumndiv .element-input textarea[id=price_desc], #tablecolumndiv .element-input textarea[id=video_code], #tablecolumndiv .element-input textarea[id=tooltips], #tablecolumndiv .element-input textarea[id=paypal_code] {resize:none;display:block;margin:0 0 20px 160px;border-radius:5px;border:1px solid #ccc;width:341px} #tablecolumndiv .element-input #enable_toggle {margin:0 0 10px;display:none} #tablecolumndiv .element-input #paypal_code,#tablecolumndiv .element-input #hosted-button,#tablecolumndiv .element-input #unencrypted-button{margin:0 0 10px 5.4px;padding:10px;width:94%;display:none;background:rgb(59 123 191);border-radius:5px;float:left} #tablecolumndiv .element-input #paypal_code{background:rgb(21 156 222)} #tablecolumndiv .element-input #unencrypted-button{display:block} #tablecolumndiv .element-input #paypal_code label.input-title{width:100%;color:rgb(255 255 255 / 70%)} #tablecolumndiv .element-input #paypal_code label.input-check{font-weight:600;color:#fff} #tablecolumndiv .element-input #paypal_code h5,#tablecolumndiv .element-input #paypal_code .font-dir,#tablecolumndiv .element-input #paypal_code .medium{width:96%;margin:0 0 10px 10px} #tablecolumndiv .element-input #paypal_code h5{font-size:14px;color:#fff;padding:0 0 5px;border-bottom:2px solid #ddd} #tablecolumndiv .element-input #paypal_code label.input-title a{color:#fff} #tablecolumndiv .element-input hr {width:490px;border-top:1px solid #E6E6E6} /* Pricing Column Common */ #tablecolumndiv .package_details, #settingcolumndiv .package_advance {background:#f0f0f1;width:525px;padding:5px !important;border:1px solid #ccc !important;border-radius:3px} #tablecolumndiv .package_details .column_container{ position:relative; -moz-transition:opacity 1s ease-in-out; /* for Mozilla Firefox */ -webkit-transition:opacity 1s ease-in-out; /* for Google Chrome and Safari */ -o-transition:opacity 1s ease-in-out; /* for Opera */ transition:opacity 1s ease-in-out} #tablecolumndiv .package_details .column_container.column_inactive{ opacity:0.1; /* Make the container semi-transparent */ -webkit-pointer-events:none; /* for Google Chrome and Safari */ -webkit-cursor:not-allowed; /* for Google Chrome and Safari */ -moz-pointer-events:none; /* for Mozilla Firefox */ -moz-cursor:not-allowed; /* for Mozilla Firefox */ pointer-events:none; /* Disable pointer events on the container */ cursor:not-allowed; /* Change the cursor to indicate it is not clickable */ } #tablecolumndiv .element-input, #add_new_table .advance-input {background:#fff;width:511px;margin-left:1px !important;padding:10px;border:1px solid #ccc !important;cursor:auto} #add_new_table .package_details h3.ptitle, #add_new_table .package_advance h3.ptitle {background:#fbfbfb !important;border:1px solid #ccc} #add_new_table .ui-accordion .ui-accordion-content {margin-top:-2px} #add_new_table .package_details h3.ptitle:hover, #add_new_table .package_advance h3.ptitle:hover {background:#EEEEEE;border:1px solid #ccc} #tablecolumndiv .element-input label.input-title, #add_new_table .advance-input label.input-title, #add_new_table .element-input label.input-check, #add_new_table .advance-input label.input-check, #tablecolumndiv .element-input label.input-title-check, #add_new_table .advance-input label.input-title-check, #settingcolumndiv .advance-input label.input-radio {color:#555555;margin-top:1px;padding:7px 10px;float:left;font-size:14px;width:250px} #settingcolumndiv .advance-input #pricing_toggle label.input-title, #add_new_table .advance-input #tb_bground label.input-title{padding:5px 4px} #add_new_table .advance-input label#modify-table {margin:6px 0} #tablecolumndiv .element-input label.input-image {color:#555555;margin-top:1px;padding:7px 10px;float:left;font-size:14px;width:120px} #tablecolumndiv .element-input #enable_sp_price {display:none} #add_new_table .element-input input.medium, #tablecolumndiv .element-input input.col_price, #add_new_table .element-input input.tickbox, #add_new_table .advance-input input.medium, #add_new_table .advance-input input.tickbox {padding:6px 4px;border-radius:5px;border:1px solid #ccc} #add_new_table .element-input input.medium, #tablecolumndiv .element-input input.col_price, #add_new_table .advance-input input.medium {margin:0 2px 10px} #add_new_table .advance-input select.font-dir {margin:2px 2px 10px;padding:0 10px;border-radius:5px;border:1px solid #ccc} #add_new_table .element-input input.tickbox, #add_new_table .advance-input input.tickbox {margin:7px 2px 10px} #add_new_table .element-input table tr.table-header, #add_new_table .element-input table tr.table-input, #add_new_table .advance-input table tr.table-header, #add_new_table .advance-input table tr.table-input {background-color:#fff;display:block;border:none} #add_new_table .element-input table tr.table-input th, #add_new_table .advance-input table tr.table-input th {padding:5px 0} #add_new_table .element-input table tr.table-input th label.input-title, #add_new_table .advance-input table tr.table-input th label.input-title {font-size:12px;width:200px} #add_new_table .element-input table tr.table-header td, #add_new_table .advance-input table tr.table-header td {color:#23282d;font-weight:700;margin:10px 0;padding:5px 10px;font-size:14px;border-bottom:1px solid #ddd;display:block} #add_new_table .element-input table tr td, #add_new_table .advance-input table tr td {height:auto;padding:5px 10px 0} /* Pricing Column Settings */ #add_new_table #settingcolumndiv {margin:0 0 10px;padding:15px;line-height:0;background:#fbfbfb;box-shadow:0px 0px 4px 1px #c0c0d4} #settingcolumndiv .package_advance h3.ptitle {margin:1px} #settingcolumndiv .advance-input h4{margin:10px 0;padding:5px 10px;font-size:14px;border-bottom:1px solid #ddd} #add_new_table .advance-input label.input-title.txarea {width:95.8%;margin-top:15px} #settingcolumndiv .advance-input textarea[id=shortcode_page_url] {resize:vertical;display:block;margin:45px 0 20px 10px;border-radius:5px;border:1px solid #ccc;width:95.8%} #settingcolumndiv .advance-input label.input-check {width:280px;line-height:28px} #settingcolumndiv .advance-input input.medium, #settingcolumndiv .advance-input select.font-dir {width:230px} #settingcolumndiv .advance-input #pricing_toggle input.medium, #settingcolumndiv .advance-input #tb_bground input.medium{margin:0 6px 10px 0} #settingcolumndiv .advance-input input#pricing_table_name {margin:6px 0} #settingcolumndiv .advance-input input.tickbox {margin:7px 2px 2px;float:right;border:1px solid #aaa} #settingcolumndiv .advance-input input[type=radio] {display:none !important} #settingcolumndiv .advance-input .table-body-options {float:left;padding:10px 0 10px 10px} #settingcolumndiv .advance-input label.hide_table, .wrcpt_global label.wrcpt_global_check {float:left;border-radius:10px;padding:6px;margin:0 7px 10px 0;position:relative;font-size:13px;cursor:pointer;line-height:24px;background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;border:1px solid #ccc;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);border-bottom-color:#b3b3b3;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05)} #settingcolumndiv .advance-input label.hide_table span {padding-right:2em;line-height:24px;display:inline-block} #settingcolumndiv .advance-input label.hide_table input[type=checkbox] {margin:4px 7px 4px 10px} #settingcolumndiv .advance-input label.hide_table input[type=checkbox]:after, .wrcpt_global label.wrcpt_global_check input[type=checkbox]:after {content:"On";position:absolute;z-index:1;margin:-14px 0 0;top:50%;right:4px;display:inline-block;background:#9ad179;padding:14px 5px;width:4em;border-radius:30px;box-shadow:inset 1px 1px 1px rgba(0,0,0,0.3);color:#669933;text-transform:uppercase;font-size:11px;text-align:left} #settingcolumndiv .advance-input label.hide_table input[type=checkbox]:checked:after {content:"Off";text-align:right;padding-right:6px;background:#CCCCCC;color:#EEEEEE} #settingcolumndiv .advance-input label.hide_table input[type=checkbox]:before, .wrcpt_global label.wrcpt_global_check input[type=checkbox]:before {content:"";position:absolute;z-index:2;width:1.6em;height:1.6em;top:50%;margin-top:-0.8em;right:7px;font-size:14px;background:#eee;border-radius:1em;box-shadow:0 1px 1px #999,inset 0 3px 4px #fff;transition:right 0.05s linear} #settingcolumndiv .advance-input label.hide_table input[type=checkbox]:checked:before {right:34px} #settingcolumndiv .advance-input input[type=radio] + label {display:none} #settingcolumndiv .advance-input input[type=radio] + label {float:left;margin:0 5px 0 0;padding:4px 12px;margin-bottom:0;font-size:14px;line-height:20px;color:#333;text-align:center;text-shadow:0 1px 1px rgba(255,255,255,0.75);vertical-align:middle;cursor:pointer;background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;border:1px solid #ccc;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);border-bottom-color:#b3b3b3;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05)} #settingcolumndiv .advance-input input[type=radio]:checked + label {background-image:none;outline:0;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);background-color:#e0e0e0} #add_new_table #wrcpt_edit{margin:15px 25px 23px} #settingcolumndiv .advance-input label.input-radio {display:block;width:95%;line-height:26px} #settingcolumndiv .advance-input .tickicon_choice {background:#F1F1F1;float:left;margin:0 0 20px 10px;padding:10px} #settingcolumndiv .advance-input input.hide_tick, #settingcolumndiv .advance-input input.hide_cross {display:inline-block !important} #settingcolumndiv .advance-input span.tick-icons, #settingcolumndiv .advance-input span.cross-icons {display:inline-block;width:24px;height:24px;margin:0 20px -5px 0} #settingcolumndiv .advance-input span#tickicon1 {background:url(../images/wrcpt-buttons.png) no-repeat -27px -39px} #settingcolumndiv .advance-input span#tickicon2 {background:url(../images/wrcpt-buttons.png) no-repeat -62px -39px} #settingcolumndiv .advance-input span#tickicon3 {background:url(../images/wrcpt-buttons.png) no-repeat -97px -39px} #settingcolumndiv .advance-input span#tickicon4 {background:url(../images/wrcpt-buttons.png) no-repeat -168px -39px} #settingcolumndiv .advance-input span#tickicon5 {background:url(../images/wrcpt-buttons.png) no-repeat -132px -39px} #settingcolumndiv .advance-input span#tickicon6 {background:url(../images/wrcpt-buttons.png) no-repeat -203px -39px} #settingcolumndiv .advance-input span#tickicon7 {background:url(../images/wrcpt-buttons.png) no-repeat -238px -39px} #settingcolumndiv .advance-input span#tickicon8 {background:url(../images/wrcpt-buttons.png) no-repeat -272px -39px} #settingcolumndiv .advance-input span#tickicon9 {background:url(../images/wrcpt-buttons.png) no-repeat -307px -39px} #settingcolumndiv .advance-input span#tickicon10 {background:url(../images/wrcpt-buttons.png) no-repeat -342px -39px} #settingcolumndiv .advance-input span#crossicon1 {background:url(../images/wrcpt-buttons.png) no-repeat -26px -88px} #settingcolumndiv .advance-input span#crossicon2 {background:url(../images/wrcpt-buttons.png) no-repeat -62px -88px} #settingcolumndiv .advance-input span#crossicon3 {background:url(../images/wrcpt-buttons.png) no-repeat -97px -89px} #settingcolumndiv .advance-input span#crossicon4 {background:url(../images/wrcpt-buttons.png) no-repeat -132px -88px} #settingcolumndiv .advance-input span#crossicon5 {background:url(../images/wrcpt-buttons.png) no-repeat -168px -88px} #settingcolumndiv .advance-input span#crossicon6 {background:url(../images/wrcpt-buttons.png) no-repeat -202px -88px} #settingcolumndiv .advance-input span#crossicon7 {background:url(../images/wrcpt-buttons.png) no-repeat -238px -89px} #settingcolumndiv .advance-input span#crossicon8 {background:url(../images/wrcpt-buttons.png) no-repeat -272px -89px} #settingcolumndiv .advance-input span#crossicon9 {background:url(../images/wrcpt-buttons.png) no-repeat -307px -88px} #settingcolumndiv .advance-input span#crossicon10 {background:url(../images/wrcpt-buttons.png) no-repeat -342px -89px} #settingcolumndiv .advance-input .ribbon-all, #settingcolumndiv .advance-input .img-options, #settingcolumndiv .advance-input .vid-options {float:left;margin:0 0 20px 0;padding:10px 5px 10px 10px} #settingcolumndiv .advance-input #pricing_toggle, #settingcolumndiv .advance-input #tb_bground{float:left;margin:0 0 0 10px;padding:10px 0 0;background:#f1f1f1;border:1px solid #ddd} #settingcolumndiv .advance-input #pricing_toggle {float:left;padding:15px 0} #settingcolumndiv .advance-input label#col_width, #settingcolumndiv .advance-input input#column_width, #settingcolumndiv .advance-input label#cap_col_width, #settingcolumndiv .advance-input input#cap_column_width, #settingcolumndiv .advance-input label#margin_right, #settingcolumndiv .advance-input input#column_space, #settingcolumndiv .advance-input label#ribbon-choice, #settingcolumndiv .advance-input label#image-option, #settingcolumndiv .advance-input label#video-option {display:none} #settingcolumndiv .advance-input .break-line {clear:both} #settingcolumndiv .advance-input #tickcross-items, #settingcolumndiv .advance-input #awesome-icon {float:left} /* pricing column tooltip */ #add_new_table a.wrc_tooltip, #wrcpt_global_settings a.wrc_tooltip {background:url(../images/wrcpt-buttons.png) no-repeat -487px -94px;width:14px;height:14px;margin:0px 0px 0 5px;text-decoration:none;position:relative;display:inline-block;vertical-align:middle;font-weight:400;color:#364D55} #add_new_table .featheader a.wrc_tooltip:hover:after, #add_new_table #tablecolumndiv a.wrc_tooltip:hover:after, #add_new_table #settingcolumndiv a.wrc_tooltip:hover:after, #wrcpt_global_settings a.wrc_tooltip:hover:after, #add_new_table .table_list table tbody td #copy_table.duplicate_table:hover:after{background:#F8F8FF;border:1px solid #aaa;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;top:30px;right:-75px;color:#6E6E6E;content:attr(rel);padding:10px;position:absolute;z-index:98;width:225px;font-size:12px;font-style:italic;text-align:left;line-height:18px} #add_new_table .featheader a.wrc_tooltip:hover:before, #add_new_table #tablecolumndiv a.wrc_tooltip:hover:before, #add_new_table #settingcolumndiv a.wrc_tooltip:hover:before, #wrcpt_global_settings a.wrc_tooltip:hover:before, #add_new_table .table_list table tbody td #copy_table.duplicate_table:hover:before{content:"";border:solid;border-color:transparent transparent #aaa transparent;border-width:10px;top:10px;left:-3px;position:absolute;z-index:99} #add_new_table #tablecolumndiv a.wrc_tooltip:hover:after, #add_new_table #settingcolumndiv a.wrc_tooltip:hover:after, #add_new_table .table_list table tbody td #copy_table.duplicate_table:hover:after{background:#3c434a;color:#fff;border:1px solid #1d2327;top:-20px;left:35px;right:unset;padding:10px 20px} #add_new_table #tablecolumndiv a.wrc_tooltip:hover:before, #add_new_table #settingcolumndiv a.wrc_tooltip:hover:before, #add_new_table .table_list table tbody td #copy_table.duplicate_table:hover:before{border-color:transparent #3c434a transparent transparent;top:unset;bottom:-4px;left:16px} #add_new_table .table_list table tbody td #copy_table.duplicate_table:hover:before{bottom:1px} #add_new_table .table_list table tbody td #copy_table.duplicate_table:hover:after{top:-4px;padding:5px 10px;width:98px;font-size:14px} /* Pricing Table Templates */ .template-container{clear:both;margin-top:20px;padding:0 0 100px} .template-container .template-items{cursor:pointer;float:left;margin:0 4% 4% 0;position:relative;width:30.6%;border:1px solid #dedede;-webkit-box-shadow:0 1px 1px -1px rgba(0,0,0,.1);box-shadow:0 1px 1px -1px rgba(0,0,0,.1);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .template-container .template-items:focus,.template-container .template-items:hover{cursor:pointer} .template-container .template-items:nth-child(3n){margin-right:0} .template-container .template-items .template-img{background:#fff;display:block;overflow:hidden;position:relative;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out} .template-container .template-items .template-img:after{content:"";display:block;padding-top:66.66666%} .template-container .template-items:focus .template-img,.template-container .template-items:hover .template-img{background:#fff} .template-container .template-items .template-img img{height:auto;position:absolute;left:0;top:0;width:100%;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out} .template-container .template-items:focus .template-img img,.template-container .template-items:hover .template-img img{opacity:.4} .template-container .template-items .template-name{font-size:15px;font-weight:600;height:18px;margin:0;padding:15px;-webkit-box-shadow:inset 0 1px 0 rgba(0,0,0,.1);box-shadow:inset 0 1px 0 rgba(0,0,0,.1);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:#fff;background:rgba(255,255,255,.65)} .template-container .template-items.focus .template-actions,.template-container .template-items:focus .template-actions,.template-container .template-items:hover .template-actions{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:opacity(1);opacity:1} .template-container .template-items .template-actions{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:opacity(0);opacity:0;-webkit-transition:opacity .1s ease-in-out;transition:opacity .1s ease-in-out;position:absolute;bottom:0;right:0;height:38px;padding:9px 10px 0;background:rgba(244,244,244,.7);border-left:1px solid rgba(0,0,0,.05)} .template-container .template-items .template-actions .button-secondary{float:none;margin-left:3px} .template-container .template-items .template-actions .button-primary{margin-right:3px} /* Guide */ .wrcusage-maincontent{padding:0 20px 0 0} .wrcusage-maincontent #poststuff{min-width:initial;padding-top:0} .wrcusage-maincontent #poststuff h3{margin-left:10px} .wrcusage-maincontent .borderTop{border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#fff} .wrcusage-maincontent .prepend-top{margin-top:1.5em;margin-bottom:21px} .wrcusage-maincontent .last{margin-right:0} .wrcusage-maincontent .append-1{padding:0 20px} .wrcusage-maincontent p, .wrcusage-maincontent ol li{font-size:15px} .wrcusage-maincontent p strong, .wrcusage-maincontent ol li strong{color:#0073aa} .wrcusage-maincontent ul li strong{color:#e90000} /* Sidebar */ #wrcpt-sidebar,#wrcpt-narration{position:relative;top:30px;margin:0;width:35%;float:right} #wrcpt-sidebar.code-off{top:75px} #wrcpt-sidebar.tools{top:0;width:30%} #wrcpt-narration{width:64%;float:left;top:30px;margin-bottom:50px} #wrcpt-sidebar .wrcptusage-sidebar{border:1px solid #e5e5e5;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.04);box-shadow:0 1px 1px rgba(0,0,0,.04);margin-bottom:16px;padding:0 15px} #wrcpt-sidebar .wrcptusage-sidebar h3, #wrcpt-narration .wrcptusage-sidebar h3{border-bottom:1px solid #72777c;padding-bottom:7px;text-transform:uppercase} #wrcpt-sidebar.code .wrcptusage-sidebar h3, #wrcpt-narration .wrcptusage-sidebar h3{font-size:24px;font-weight:700;color:#0d0925;margin-bottom:20px;line-height:1.2} #wrcpt-sidebar .wrcptusage-list li{list-style:disc;margin:0 0 0 20px;font-family:'Lato',sans-serif;font-size:16px;color:#4b4e4d;line-height:1.5} #wrcpt-sidebar #wrcptusage-premium.wrcptusage-sidebar,#wrcpt-sidebar #wrcptusage-features.wrcptusage-sidebar,#wrcpt-sidebar #wrcptusage-info.wrcptusage-sidebar{background-color:#ffffff;border:1px solid #ddd;color:#000;position:relative;max-width:422px;padding:15px} #wrcpt-sidebar.code #wrcptusage-premium.wrcptusage-sidebar, #wrcpt-narration #wrcptusage-premium.wrcptusage-sidebar{max-width:100%;margin-bottom:30px !important} #wrcpt-sidebar #wrcptusage-features.wrcptusage-sidebar{border:none;color:#000000;margin-bottom:35px;background-color:#dde1e7;padding:20px;border-radius:10px;box-shadow:-6px -6px 10px rgba(255,255,255,0.8),6px 6px 10px rgba(0,0,0,0.2)} #wrcpt-narration #wrcptusage-premium.wrcptusage-sidebar, #wrcpt-sidebar.code #wrcptusage-premium.wrcptusage-sidebar, #add_new_table .table_list p.get_started, #add_new_table .table_list p.feature_notice, #wrcpt_global_settings .wrcpt_global .wrcpt_custom_css p.get_started{color:#c9c9c9;margin:auto;background:#fff;box-shadow:0 14px 80px rgb(34 35 58 / 20%);padding:25px;border-radius:25px;transition:all .3s} #wrcpt-sidebar.code #wrcptusage-premium.wrcptusage-sidebar{padding-bottom:40px} #wrcpt-sidebar #wrcptusage-premium.wrcptusage-sidebar{background-color:#ffffff;height:auto;padding-top:0} #wrcpt-sidebar #wrcptusage-premium.wrcptusage-sidebar .wrcpt{font-size:18px;margin:10px 0;line-height:30px} #wrcpt-sidebar #wrcptusage-premium.wrcptusage-sidebar .wrcpt p{font-size:14px} #wrcpt-narration #wrcptusage-premium.wrcptusage-sidebar .wrcpt p, #wrcpt-sidebar.code #wrcptusage-premium.wrcptusage-sidebar .wrcpt p{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;color:#4e4a67;line-height:1.6em} #wrcpt-narration #wrcptusage-premium.wrcptusage-sidebar .wrcpt .likeit{position:relative;font-size:18px;text-transform:uppercase;color:#7b7992;margin-bottom:15px;font-weight:600;letter-spacing:normal} #wrcpt-narration #wrcptusage-premium.wrcptusage-sidebar .wrcpt .likeit a{float:none;font-size:18px;background-image:linear-gradient(147deg,#fe8a39 0%,#fd3838 74%);padding:10px 25px;border-radius:50px;color:#fff;border:none;box-shadow:2px 3px 10px rgb(252 56 56 / 40%);text-decoration:none;font-weight:600;justify-content:center;text-align:center;letter-spacing:3px} #wrcpt-narration #wrcptusage-premium.wrcptusage-sidebar .wrcpt .likeit a:hover{text-decoration:none;color:#ffe000;background-image:linear-gradient(335deg,#fe8a39 0%,#fd3838 74%)} #wrcpt-narration #wrcptusage-premium.wrcptusage-sidebar .wrcpt pre, #wrcpt-sidebar #wrcptusage-premium.wrcptusage-sidebar .wrcpt pre{overflow:auto;margin:10px 0;scrollbar-width:thin;scrollbar-color:#d4aa70 #0e8cf1;scrollbar-gutter:stable} #wrcpt-narration #wrcptusage-premium.wrcptusage-sidebar .wrcpt pre::-webkit-scrollbar, #wrcpt-sidebar #wrcptusage-premium.wrcptusage-sidebar .wrcpt pre::-webkit-scrollbar{height:8px} #wrcpt-narration #wrcptusage-premium.wrcptusage-sidebar .wrcpt pre::-webkit-scrollbar-track, #wrcpt-sidebar #wrcptusage-premium.wrcptusage-sidebar .wrcpt pre::-webkit-scrollbar-track{background-color:#343541} #wrcpt-narration #wrcptusage-premium.wrcptusage-sidebar .wrcpt pre::-webkit-scrollbar-thumb, #wrcpt-sidebar #wrcptusage-premium.wrcptusage-sidebar .wrcpt pre::-webkit-scrollbar-thumb{background-color:#0e8cf1;border-radius:100px;background-clip:content-box} #wrcpt-narration #wrcptusage-premium.wrcptusage-sidebar .wrcpt code, #wrcpt-sidebar #wrcptusage-premium.wrcptusage-sidebar .wrcpt code{color:#ffd100;display:block;height:36px;line-height:36px;margin:0;padding:0 4px;font-size:13px;font-weight:600;border-left:10px solid #343541;background:#000000;min-width:410px;width:410px} #wrcpt-sidebar.code #wrcptusage-premium.wrcptusage-sidebar .wrcpt code{width:auto;color:#0062b1;display:block;height:42px;line-height:42px;margin:0;padding:0 10px;font-size:14px;font-weight:600;border-left:5px solid #0e8cf1;background:#EEEEEE;min-width:290px} #wrcpt-sidebar.code #wrcptusage-premium.wrcptusage-sidebar .wrcpt p{font-size:16px;line-height:1.6em;margin-bottom:10px} #wrcpt-sidebar.code #wrcptusage-premium.wrcptusage-sidebar .wrcpt p:last-child{margin:10px 0 -25px} #wrcpt-narration #wrcptusage-premium.wrcptusage-sidebar .wrcpt ol,#wrcpt-sidebar.code #wrcptusage-premium.wrcptusage-sidebar .wrcpt ol{margin:0 10px 0 24px;padding:0} #wrcpt-narration #wrcptusage-premium.wrcptusage-sidebar .wrcpt ol li,#wrcpt-sidebar.code #wrcptusage-premium.wrcptusage-sidebar .wrcpt ol li{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;margin:0;padding:0;font-size:13.5px;line-height:22px;color:#4e4a67} #wrcpt-narration #wrcptusage-premium.wrcptusage-sidebar .wrcpt ol li p, #wrcpt-sidebar.code #wrcptusage-premium.wrcptusage-sidebar .wrcpt ol li p{margin:0;padding:0;font-size:13.5px;line-height:24px} #wrcpt-sidebar.code #wrcptusage-premium.wrcptusage-sidebar .wrcpt pre{margin:10px -21px;width:calc(100% + 24px)} #wrcpt-sidebar #wrcptusage-premium.wrcptusage-sidebar .wrcpt pre code, #wrcpt-narration #wrcptusage-premium.wrcptusage-sidebar .wrcpt pre code, #wrcpt-sidebar.code #wrcptusage-premium.wrcptusage-sidebar .wrcpt pre code{border-left-width:10px;border-left-color:#343541;background:#000;color:#fff;height:40px;line-height:40px} #wrcpt-sidebar #wrcptusage-premium.wrcptusage-sidebar .wrcpt .wrcpt-meta, #wrcpt-narration #wrcptusage-premium.wrcptusage-sidebar .wrcpt .wrcpt-meta{color:hsla(0,0%,100%,.6)} #wrcpt-sidebar #wrcptusage-premium.wrcptusage-sidebar .wrcpt .wrcpt-keyword, #wrcpt-narration #wrcptusage-premium.wrcptusage-sidebar .wrcpt .wrcpt-keyword{color:#2e95d3} #wrcpt-sidebar #wrcptusage-premium.wrcptusage-sidebar .wrcpt .wrcpt-function, #wrcpt-narration #wrcptusage-premium.wrcptusage-sidebar .wrcpt .wrcpt-function{color:#f22c3d} #wrcpt-sidebar #wrcptusage-premium.wrcptusage-sidebar .wrcpt .wrcpt-string, #wrcpt-narration #wrcptusage-premium.wrcptusage-sidebar .wrcpt .wrcpt-string{color:#00a67d} #wrcpt-sidebar #wrcptusage-premium.wrcptusage-sidebar .wrcpt .wrcpt-built_in, #wrcpt-narration #wrcptusage-premium.wrcptusage-sidebar .wrcpt .wrcpt-built_in{color:#e9950c} #wrcpt-narration #wrcptusage-premium.wrcptusage-sidebar .wrcpt blockquote{position:relative;margin:40px 0;padding:1.6em;background:hsl(0 0% 97%) no-repeat left / 140px;border-radius:7px;border:2px solid white;box-shadow:2px 2px 4px hsl(0 0% 0% / 20%);text-indent:1.6em} @media (min-width:768px) { #wrcpt-narration #wrcptusage-premium.wrcptusage-sidebar .wrcpt blockquote{margin:40px 5px} } #wrcpt-narration #wrcptusage-premium.wrcptusage-sidebar .wrcpt blockquote::before{content:"";pointer-events:none;position:absolute;z-index:1;left:0;top:0;right:0;bottom:0;border-radius:7px;box-shadow:inset -2px -2px 1px hsl(0 0% 100%),inset 2px 2px 4px hsl(0 0% 0% / 20%)} #wrcpt-narration #wrcptusage-premium.wrcptusage-sidebar .wrcpt blockquote::after{content:"\f122";font-family:dashicons;position:absolute;z-index:1;left:50%;top:-2px;transform:translate(-50%,-50%);width:50px;height:50px;background:white;box-shadow:0 4px 5px -1px hsla(0 0% 0% / 20%);border-radius:999px;display:grid;place-content:center;padding:0;;color:#3059fd;font-size:30px;font-style:normal;text-indent:0} #wrcpt-narration #wrcptusage-premium.wrcptusage-sidebar .wrcpt blockquote p{font-size:.9rem;font-style:italic;font-weight:400;letter-spacing:normal;margin-left:51%} #wrcpt-narration #wrcptusage-premium.wrcptusage-sidebar .wrcpt blockquote .blockquote-author-image{position:absolute;left:0;top:11px;width:48%;height:94%;background:#f7f7f7 url(../images/general-settings-shortcode-page-url.png) no-repeat;background-position:top;background-size:contain;border-top-left-radius:7px;border-bottom-left-radius:7px} #wrcpt-narration #wrcptusage-premium.wrcptusage-sidebar .wrcpt blockquote cite{display:block;margin-top:-20px;text-indent:0;text-align:right;text-transform:uppercase;color:hsl(0 0% 20%)} @media (min-width:768px) { #wrcpt-narration #wrcptusage-premium.wrcptusage-sidebar .wrcpt blockquote cite{margin-left:calc(5rem - 140px)} } #wrcpt-narration #wrcptusage-premium.wrcptusage-sidebar .wrcpt blockquote .cite-last-name{background:#3059fd;color:hsl(0 0% 97%)} #wrcpt-sidebar #wrcptusage-premium.wrcptusage-sidebar a{float:right;background:#333A80;margin:10px 0;padding:6px 8px;text-decoration:none;color:#f1f1f1;font-size:14px;font-weight:600;border-radius:5px;box-shadow:0 0 1px #222;border:1px solid #192067} #wrcpt-sidebar #wrcptusage-premium.wrcptusage-sidebar a:hover{border:1px solid #71759e} #wrcpt-narration #wrcptusage-premium.wrcptusage-sidebar .wrcpt a{float:none;background:none;margin:0;padding:0;color:#2271b1;font-size:100%;border-radius:0;box-shadow:none;border:0;font-weight:600;text-decoration:none} #wrcpt-narration #wrcptusage-premium.wrcptusage-sidebar .wrcpt a:hover{color:#135e96;text-decoration:underline} #wrcpt-sidebar #wrcptusage-info.wrcptusage-sidebar h3,#wrcpt-sidebar #wrcptusage-features.wrcptusage-sidebar h3{font-size:18px;margin:0 0 5px;line-height:28px;font-weight:600;color:#222;text-shadow:1px 1px 1px #fafafa} #wrcpt-sidebar #wrcptusage-features.wrcptusage-sidebar h3{border-bottom:1px solid #adadad;font-family:'Open Sans',sans-serif;font-size:22px;color:#333;margin-bottom:15px} #wrcpt-sidebar #wrcptusage-features.wrcptusage-sidebar .wrcpt{font-family:'Lato',sans-serif;font-size:15px;color:#4b4e4d;line-height:1.4;margin-bottom:10px} #wrcpt-sidebar ul.wrcptusage-list{margin:1em 0 2em;padding:0} #wrcpt-sidebar #wrcptusage-features.wrcptusage-sidebar a{position:absolute;bottom:-20px;left:0;display:inline-block;width:100%;height:42px;line-height:42px;text-align:center;text-decoration:none;margin:5px 0;padding:0;background:#dde1e7;border:none;font-size:17px;font-weight:600;border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-shadow:-4px -4px 7px #fffdfdb7,3px 3px 5px rgba(94,104,121,0.388)} #wrcpt-sidebar #wrcptusage-features.wrcptusage-sidebar a:hover{box-shadow:inset -3px -3px 7px #ffffffb0,inset 3px 3px 5px rgba(94, 104, 121, 0.692)} #wrcpt-sidebar #wrcptusage-info.wrcptusage-sidebar ul.wrcptusage-list{margin:10px 0 0} #wrcpt-sidebar #wrcptusage-info.wrcptusage-sidebar a{color:#0073aa;text-decoration:none;font-weight:600} #wrcpt-sidebar #wrcptusage-info.wrcptusage-sidebar a:hover{text-decoration:underline} #wrcpt-sidebar.info-off #wrcptusage-info.wrcptusage-sidebar,#wrcpt-sidebar.code-off #wrcptusage-premium.wrcptusage-sidebar{display:none} /* //Sidebar */ /* Notice */ #add_new_table .table_list p.get_started, #add_new_table .table_list p.feature_notice, #wrcpt_global_settings .wrcpt_global .wrcpt_custom_css p.get_started{color:#464646;margin:0 auto 30px;padding:30px;font-size:18px;font-weight:400;font-style:italic;border-left:10px solid #7ad03a;-webkit-box-shadow:0 1px 1px 0 rgb(0 0 0 / 10%);box-shadow:0 0 3px 1px rgb(0 0 0 / 20%);width:90%} #add_new_table .table_list p.feature_notice{font-size:14px;text-align:center;position:absolute;bottom:-20px;left:10px;padding:10px 15px;display:inline-block;width:50%} /* // Notice */ /* STYLE TO FIT MORE THEN 8 COLOR PALETTES*/ #add_new_table .wp-picker-container.wp-picker-active{width:100%} #add_new_table .wp-picker-container.wp-picker-active .wp-picker-open + .wp-picker-input-wrap label{float:left;width:67px!important} #add_new_table .wp-picker-container.wp-picker-active .wp-picker-open + .wp-picker-input-wrap .wp-color-picker{width:67px;float:left} #add_new_table .wp-picker-container.wp-picker-active .wp-picker-holder{width:100%!important} #add_new_table .wp-picker-container.wp-picker-active .wp-picker-holder .iris-picker{max-width:240px!important} #add_new_table .wp-picker-container.wp-picker-active .iris-picker-inner .iris-square{margin-right:6px!important;max-height:147px!important} #add_new_table .wp-picker-container.wp-picker-active .iris-palette-container .iris-palette{width:17px!important;height:17px!important;margin-bottom:4px!important} #add_new_table .wp-picker-container.wp-picker-active .iris-palette-container .iris-palette:nth-child(9)+ a.iris-palette{float:left;clear:left;margin-left:0!important} #add_new_table .wp-picker-container .wp-color-result.button{font-size:12px} #add_new_table a.wp-color-result{margin:2px 2px 0 0} #add_new_table .wp-picker-container input[type=text].wp-color-picker, #add_new_table .button.button-small{margin:0 0 0 -2px;font-size:12px;height:32px;line-height:32px} #add_new_table .button.button-small{margin-left:2px} /* Responsive */ @media only screen and (min-width:1366px){ #tablecolumndiv .package_details{width:525px} } @media only screen and (max-width:1365px) and (min-width:1300px){ #tablecolumndiv .package_details{width:484.1px} #tablecolumndiv .package_details .column_container::before{width:475px} #tablecolumndiv .element-input{width:463px} #tablecolumndiv .element-input hr{width:445px} #tablecolumndiv .element-input label.input-title,#add_new_table .element-input label.input-check,#tablecolumndiv .element-input label.input-title-check{width:215px} #tablecolumndiv .element-input input.medium{width:219px} #tablecolumndiv .element-input textarea[id=package_desc],#tablecolumndiv .element-input textarea[id=price_desc],#tablecolumndiv .element-input textarea[id=video_code],#tablecolumndiv .element-input textarea[id=tooltips],#tablecolumndiv .element-input textarea[id=paypal_code],#tablecolumndiv .element-input textarea[id=feature_value]{width:315px} #add_new_table .element-input table tr.table-header,#add_new_table .element-input table tr.table-input{max-width:94%} #add_new_table .wp-picker-container.wp-picker-active .wp-picker-holder{position:relative;left:-121px} #tablecolumndiv .element-input .wrcpt-uploader input.medium{width:198px} } @media only screen and (max-width:1299px) and (min-width:1200px){ #tablecolumndiv .package_details{width:434.1px} #tablecolumndiv .package_details .column_container::before{width:425px} #tablecolumndiv .element-input{width:413px} #tablecolumndiv .element-input hr{width:395px} #tablecolumndiv .element-input label.input-title,#add_new_table .element-input label.input-check,#tablecolumndiv .element-input label.input-title-check{width:190px} #tablecolumndiv .element-input input.medium{width:194px} #tablecolumndiv .element-input textarea[id=package_desc],#tablecolumndiv .element-input textarea[id=price_desc],#tablecolumndiv .element-input textarea[id=video_code],#tablecolumndiv .element-input textarea[id=tooltips],#tablecolumndiv .element-input textarea[id=paypal_code],#tablecolumndiv .element-input textarea[id=feature_value]{width:265px} #tablecolumndiv .element-input input.col_price{width:79px} #add_new_table .element-input table tr.table-header,#add_new_table .element-input table tr.table-input{max-width:84%} #add_new_table .wp-picker-container.wp-picker-active .wp-picker-holder{position:relative;left:-121px} #tablecolumndiv .element-input .wrcpt-uploader input.medium{width:150px} } @media only screen and (max-width:1199px) and (min-width:1024px){ #tablecolumndiv #addButtons a#addPackage{position:relative;min-height:30px} #tablecolumndiv .accordion-expand-holder{right:23px;top:35px} #tablecolumndiv .package_details{width:360px} #tablecolumndiv .package_details h4.tablenum{left:-70px} #tablecolumndiv .package_details{padding-left:14px!important} #tablecolumndiv .package_details .column_container::before{width:351px} #tablecolumndiv #sortable_column .package_details h3.ptitle{font-size:13px;padding-left:3.2em;height:33px;line-height:33px} #tablecolumndiv .element-input{width:339px} #tablecolumndiv .element-input label.input-title, #add_new_table .element-input label.input-check, #tablecolumndiv .element-input label.input-title-check, #settingcolumndiv .advance-input label.input-radio{padding:10px;width:214px} #tablecolumndiv .element-input hr{width:320px} #tablecolumndiv .element-input input.col_price{margin-left:9px;margin-right:9px} #tablecolumndiv .element-input input.medium, #tablecolumndiv .element-input textarea[id=package_desc], #tablecolumndiv .element-input textarea[id=price_desc], #tablecolumndiv .element-input textarea[id=video_code], #tablecolumndiv .element-input textarea[id=tooltips], #tablecolumndiv .element-input textarea[id=paypal_code], #tablecolumndiv .element-input textarea[id=feature_value]{margin-left:9px;width:266px} #tablecolumndiv .element-input #paypal_code{width:254px} #tablecolumndiv .element-input #unencrypted-button, #tablecolumndiv .element-input #hosted-button{width:234px;margin-left:0} #add_new_table .ui-accordion .ui-accordion-content a.button-primary.wrcpt-upload{margin-left:9px} #add_new_table .element-input table tr.table-header, #add_new_table .element-input table tr.table-input{max-width:91%} #add_new_table .element-input table tr.table-input th{width:365px;display:block} } @media only screen and (max-width:1023px) and (min-width:961px){ #tablecolumndiv .accordion-expand-holder{right:240px} } @media only screen and (max-width:960px) and (min-width:783px){ #tablecolumndiv .accordion-expand-holder{right:300px} } @media only screen and (max-width :782px) { #add_new_table{width:100%!important} #add_new_table .table_list table#wrcpt_list tbody.table_todo{margin-bottom:0;display:grid} #add_new_table .table_list table#wrcpt_list tbody.table_todo:last-child{margin-bottom:-9px } #add_new_table .table_list table tbody.table_todo tr{border-bottom-width:0} #add_new_table .table_list table#wrcpt_list .table_todo td{border:none;border-bottom:1px solid #eee;position:relative;padding:0;padding-left:38%;text-align:left;height:40px;line-height:40px} #add_new_table .table_list table#wrcpt_list .table_todo td:before{position:absolute;top:0;left:0;width:32%;height:40px;padding-right:10px;text-align:right;background:#2271b1;color:#fff;white-space:nowrap} #add_new_table .table_list table#wrcpt_list .table_todo td.table_name:before{height:50px} #add_new_table .table_list table#wrcpt_list .table_todo td:nth-of-type(1):before{content:"ID:"} #add_new_table .table_list table#wrcpt_list .table_todo td:nth-of-type(2):before{content:"Table Name:"} #add_new_table .table_list table#wrcpt_list .table_todo td:nth-of-type(3):before{content:"Shortcode:"} #add_new_table .table_list table#wrcpt_list .table_todo td:nth-of-type(4):before{content:"Template:"} #add_new_table .table_list table#wrcpt_list .table_todo td:nth-of-type(5):before{content:"Status:"} #add_new_table .table_list table#wrcpt_list .table_todo td:last-child{border-bottom:0} #add_new_table .table_list table#wrcpt_list .table_todo td:nth-of-type(1), #add_new_table .table_list table#wrcpt_list .table_todo td:nth-of-type(2), #add_new_table .table_list table#wrcpt_list .table_todo td:nth-of-type(3), #add_new_table .table_list table#wrcpt_list .table_todo td:nth-of-type(4), #add_new_table .table_list table#wrcpt_list .table_todo td:nth-of-type(5){display:block;width:61.6%;font-weight:bold;color:#32373c} #add_new_table .table_list table#wrcpt_list .table_todo .table_name{height:50px} #add_new_table .table_list table tbody td.table_name span{padding:0;height:32px} #add_new_table .table_list table tbody td.table_name span:after{content:"";position:absolute;top:16px;left:-3px;width:1px;height:10px;border-right:1px solid #000000} #add_new_table .table_list table tbody td.table_name span#edit_package:after{border:none} #add_new_table .table_list table tbody td #copy_table.duplicate_table{top:5px} #add_new_table .table_list table tbody td.table_name div{position:relative;top:-5px;font-size:14px} #add_new_table .table_list table tbody td.table_name span{font-size:8px;font-weight:400;position:relative;top:-30px;margin-left:0;padding-left:2px;border:none} #add_new_table .table_list table tbody td.table_name span#remTable{position:absolute;right:23px;top:-41px} #add_new_table .table_list table tbody td .tooltip{top:0} #add_new_table .table_list table tbody td input.wrc_shortcode{min-height:10px;line-height:1;border-bottom-width:1px;font-size:14px} #add_new_table .table_list table tbody td .temp_choice{height:2.2em;line-height:2.2;top:2px} #add_new_table .table_list table tbody td .temp_choice select{font-size:12px;min-height:26px;line-height:22px;margin:0;padding:0 7px;border-bottom-width:1px} #add_new_table .table_list table tbody td .temp_choice::after{font-size:23px;top:-7px;height:39px} #add_new_table .table_list table tbody td span.status{height:21px;line-height:20px;font-size:15px} #add_new_table .table_list table tbody td span.status:after{top:5px} #add_new_table #pricingfeaturediv table#feature_edititem{border:none} #wrcpt-narration #wrcptusage-premium.wrcptusage-sidebar .wrcpt .likeit a{position:absolute;bottom:-26px;right:0} #add_new_table .table_list table#wrcpt_list thead, #add_new_table #pricingfeaturediv table#feature_edititem thead{display:none} #add_new_table #pricingfeaturediv table#feature_edititem tr.featurebody{margin-bottom:20px;display:block} #add_new_table #pricingfeaturediv table#feature_edititem tr.featurebody td{border:none;border-right:1px solid #ddd;position:relative;margin:0;padding:0;padding-left:37%;text-align:left;height:44px;line-height:43px} #add_new_table #pricingfeaturediv table#feature_edititem tr.featurebody td input, #add_new_table #pricingfeaturediv table#feature_edititem tr.featurebody td select#feature_type{padding:7px 6px 6px;font-size:14px;font-weight:400;border-radius:0} #add_new_table #pricingfeaturediv table#feature_edititem tr.featurebody td select#feature_type{padding:9px 6px} #add_new_table #pricingfeaturediv table#feature_edititem tr.featurebody td::before{position:absolute;top:0;left:1px;width:34%;height:43px;padding-right:10px;text-align:right;background:#22313f;color:#ffffff;white-space:nowrap} #add_new_table #pricingfeaturediv table#feature_edititem tr.featurebody td:nth-of-type(1):before{content:"Features:"} #add_new_table #pricingfeaturediv table#feature_edititem tr.featurebody td:nth-of-type(2):before{content:"Category:"} #add_new_table #pricingfeaturediv table#feature_edititem tr.featurebody td:nth-of-type(3):before{content:"URL:"} #add_new_table #pricingfeaturediv table#feature_edititem tr.featurebody td:nth-of-type(4):before{content:"Description:"} #add_new_table #pricingfeaturediv table#feature_edititem tr.featurebody td:nth-of-type(5):before{content:"Type:"} #add_new_table #pricingfeaturediv table#feature_edititem tr.featurebody td:nth-of-type(6):before{content:"Icon:"} #add_new_table #pricingfeaturediv table#feature_edititem tr.featurebody td:nth-of-type(7):before{content:"Actions:"} #add_new_table #pricingfeaturediv table#feature_edititem tr.featurebody td:nth-of-type(1), #add_new_table #pricingfeaturediv table#feature_edititem tr.featurebody td:nth-of-type(2), #add_new_table #pricingfeaturediv table#feature_edititem tr.featurebody td:nth-of-type(3), #add_new_table #pricingfeaturediv table#feature_edititem tr.featurebody td:nth-of-type(4), #add_new_table #pricingfeaturediv table#feature_edititem tr.featurebody td:nth-of-type(5), #add_new_table #pricingfeaturediv table#feature_edititem tr.featurebody td:nth-of-type(6), #add_new_table #pricingfeaturediv table#feature_edititem tr.featurebody td:nth-of-type(7){display:block;width:62%;font-weight:bold;color:#32373c} #tablecolumndiv .accordion-expand-holder{right:178px} #add_new_table #pricingfeaturediv tr.featurebody td .select .options, #add_new_table #tablecolumndiv .element-input .select .options, #add_new_table #settingcolumndiv .advance-input .select .options{width:calc(100% + 30px)} .template-container .template-items{width:32%;margin:0 1% 1% 0} .template-container .template-items .template-actions .button-secondary{min-height:20px;padding:0 14px;line-height:2} #wrcpt-narration #wrcptusage-premium.wrcptusage-sidebar .wrcpt blockquote p, .wrcusage-maincontent .wrcpt blockquote p{display:block;margin:280px 0 20px} #wrcpt-narration #wrcptusage-premium.wrcptusage-sidebar .wrcpt blockquote .blockquote-author-image, .wrcusage-maincontent .wrcpt blockquote .blockquote-author-image{width:100%;height:270px} #wrcpt-narration #wrcptusage-premium.wrcptusage-sidebar .wrcpt blockquote cite, .wrcusage-maincontent .wrcpt blockquote cite{margin-top:0} #wrcpt_global_settings .wrcpt_global.ui-widget.ui-widget-content{width:96.5%;margin:0;padding:20px 5px} #wrcpt_global_settings .ui-tabs .ui-tabs-nav li{margin:0 1px!important;padding:0!important} #wrcpt_global_settings .ui-tabs .ui-tabs-nav .ui-tabs-anchor{padding:5px!important;font-size:12px!important} #wrcpt_global_settings .ui-tabs .ui-tabs-panel{padding:0 10px!important} .wrcpt_global label.input-check,.wrcpt_global label.input-title{width:78%;font-size:12px;height:18px;line-height:10px;padding:9px 0} .wrcpt_global label.wrcpt_global_check input[type=checkbox]{width:15px;height:15px} .wrcpt_global #user_choice_font{padding:10px 9px 10px 5px} #wrcpt_global_settings a.wrc_tooltip:hover:after{top:26px;left:-170px;width:calc(100% + 280px)!important} #wrcpt_global_settings a.wrc_tooltip:hover:before{top:7px;left:-3px;border-color:transparent transparent #aaa} #wrcpt_global_settings a.wrc_tooltip.wrc_note:hover:after{padding:27px 10px 10px;font-size:12px;top:30px;left:-195px;line-height:20px} #wrcpt_global_settings a.wrc_tooltip.wrc_note::before{top:11px!important} #wrcpt_global_settings a.wrc_tooltip.wrc_note:hover i.attention::after{left:-184px;top:34px} #add_new_table .table_list p.get_started,#add_new_table .table_list p.feature_notice,#wrcpt_global_settings .wrcpt_global .wrcpt_custom_css p.get_started{width:85%;font-size:12px;padding:15px} #add_new_table .table_list p.feature_notice{padding:5px} #add_new_table input#wrcpt_add_new, #add_new_table #wrcpt_upfeature, #add_new_table #wrcpt_addfeature{position:relative;top:-50px} .wrap .wrcpt_guide.postbox-container{width:100%!important} .wrap .wrcpt_guide.postbox-container .wrcusage-maincontent{padding:0} #wrcpt-narration{width:100%} #wrcpt-sidebar.code{width:100%;margin:0} #wrcpt-sidebar.tools{width:100%;margin:10px 0 0} #wrcpt-sidebar{width:100%} #wrcpt-sidebar #wrcptusage-premium.wrcptusage-sidebar, #wrcpt-sidebar #wrcptusage-features.wrcptusage-sidebar, #wrcpt-sidebar #wrcptusage-info.wrcptusage-sidebar{max-width:100%} .postbox-container.wrcpt-guide{width:100%!important} .wrcpt-guide .wrcusage-maincontent{padding:0} .wrcpt-guide .wrcusage-maincontent .inside .getting-started_video{display:flex} } @media only screen and (max-width:639px) and (min-width:480px){ #tablecolumndiv #addButtons a#addPackage{position:relative;min-height:30px} #tablecolumndiv .accordion-expand-holder{right:184px} #tablecolumndiv .package_details{width:382.1px} #tablecolumndiv .package_details h4.tablenum{left:-70px} #tablecolumndiv .package_details{padding-left:14px!important} #tablecolumndiv .package_details .column_container::before{width:373px} #tablecolumndiv #sortable_column .package_details h3.ptitle{font-size:13px;padding-left:3.2em;height:33px;line-height:33px} #tablecolumndiv .element-input, #add_new_table .advance-input{width:361px} #tablecolumndiv .element-input label.input-title, #add_new_table .element-input label.input-check, #tablecolumndiv .element-input label.input-title-check, #add_new_table .advance-input label.input-title-check, #settingcolumndiv .advance-input label.input-radio{padding:10px;width:214px} #tablecolumndiv .element-input hr{width:348px} #tablecolumndiv .element-input input.col_price{width:126px} #tablecolumndiv .element-input input.medium, #add_new_table .advance-input input.medium, #tablecolumndiv .element-input textarea[id=package_desc], #tablecolumndiv .element-input textarea[id=price_desc], #tablecolumndiv .element-input textarea[id=video_code], #tablecolumndiv .element-input textarea[id=tooltips], #tablecolumndiv .element-input textarea[id=paypal_code], #tablecolumndiv .element-input textarea[id=feature_value]{margin-left:9px;width:266px} #tablecolumndiv .element-input #paypal_code{width:331px} #tablecolumndiv .element-input #unencrypted-button, #tablecolumndiv .element-input #hosted-button{width:311px;margin-left:0} #add_new_table .element-input table tr td:before, #add_new_table .advance-input table tr td:before{display:none} #add_new_table .element-input table tr td, #add_new_table .advance-input table tr td{width:89%!important;padding:5px 10px 0!important;height:auto!important;line-height:1.3!important} #add_new_table .ui-accordion .ui-accordion-content a.button-primary.wrcpt-upload, #settingcolumndiv .advance-input input#pricing_table_name, #settingcolumndiv .advance-input input#pt_nice_name{margin-left:9px} #add_new_table #settingcolumndiv{padding-left:0} #settingcolumndiv .package_advance{width:338px} #settingcolumndiv .package_advance h3.ptitle{font-size:18px;padding-left:2.6em;height:28px;line-height:28px} #add_new_table .advance-input{width:316px} #add_new_table .advance-input label.input-title{width:296px} #settingcolumndiv .advance-input input.tickbox{margin-top:0} #settingcolumndiv .advance-input #pricing_toggle, #settingcolumndiv .advance-input #tb_bground, #settingcolumndiv .advance-input #pricing_toggle_3{width:298px} #settingcolumndiv .advance-input #pricing_toggle label.input-title, #add_new_table .advance-input #tb_bground label.input-title{padding-left:9px} #settingcolumndiv .advance-input #pricing_toggle input.medium, #settingcolumndiv .advance-input #tb_bground input.medium{margin-left:9px;width:280px} #settingcolumndiv .advance-input span.tick-icons, #settingcolumndiv .advance-input span.cross-icons, #settingcolumndiv .advance-input span.star-icons{width:22px;height:22px;margin-right:1px} #settingcolumndiv .advance-input #pricing_toggle label.input-check{width:290px} .template-container .template-items{width:49%} .template-container .template-items:nth-child(3n){margin-right:1%} .template-container .template-items:nth-child(2n){margin-right:0} } @media only screen and (max-width:480px){ #add_new_table .tablecolumnwrap{width:318px} #tablecolumndiv #addButtons a#addPackage{position:relative;min-height:30px} #tablecolumndiv .accordion-expand-holder{right:0;bottom:4px;top:unset} #tablecolumndiv .package_details{width:298px} #tablecolumndiv .package_details h4.tablenum{left:-70px} #tablecolumndiv .package_details{padding-left:14px!important} #tablecolumndiv .package_details .column_container::before{width:296px} #tablecolumndiv #sortable_column .package_details h3.ptitle{width:252px;font-size:13px;height:24px;line-height:24px} #tablecolumndiv .element-input, #add_new_table .advance-input{width:277px} #tablecolumndiv .element-input label.input-title, #add_new_table .element-input label.input-check, #tablecolumndiv .element-input label.input-title-check, #add_new_table .advance-input label.input-title-check, #settingcolumndiv .advance-input label.input-radio{padding:10px;width:214px} #tablecolumndiv .element-input hr{width:260px} #tablecolumndiv .element-input input.col_price{margin-left:9px;margin-right:9px} #tablecolumndiv .element-input input.medium, #tablecolumndiv .element-input textarea[id=package_desc], #tablecolumndiv .element-input textarea[id=price_desc], #tablecolumndiv .element-input textarea[id=video_code], #tablecolumndiv .element-input textarea[id=tooltips], #tablecolumndiv .element-input textarea[id=paypal_code], #tablecolumndiv .element-input textarea[id=feature_value]{margin-left:9px;width:260px} #add_new_table .advance-input input.medium{margin-left:9px;width:274px} #add_new_table .element-input table tr td:before, #add_new_table .advance-input table tr td:before{display:none} #add_new_table .element-input table tr td, #add_new_table .advance-input table tr td{width:89%!important;padding:5px 10px 0!important;height:auto!important;line-height:1.3!important} #add_new_table .ui-accordion .ui-accordion-content a.button-primary.wrcpt-upload, #settingcolumndiv .advance-input input#pricing_table_name, #settingcolumndiv .advance-input input#pt_nice_name{margin-left:9px} #add_new_table #settingcolumndiv{padding-left:0} #settingcolumndiv .package_advance{width:306px} #settingcolumndiv .package_advance h3.ptitle{font-size:16px;padding-left:2.6em;height:28px;line-height:28px} #add_new_table .advance-input{width:292px} #add_new_table .advance-input label.input-title{width:260px} #settingcolumndiv .advance-input input.tickbox{margin-top:0;margin-right:7px} #settingcolumndiv .advance-input #pricing_toggle input.medium, #settingcolumndiv .advance-input #tb_bground input.medium{margin-left:9px;width:280px} #settingcolumndiv .advance-input span.tick-icons, #settingcolumndiv .advance-input span.cross-icons{width:22px;height:22px;margin-right:1px} #settingcolumndiv .advance-input .tickicon_choice{padding:5px} #settingcolumndiv .advance-input input[type=radio]{margin-right:0} .template-container .template-items{width:100%} }