/*!
 *  WRC Pricing Tables 2.3 by @realwebcare - https://www.realwebcare.com
 */
div.wrap .wrcpt-clear {clear:both}
div#add_new_table h2 {font-size: 24px;font-weight: 700;}
div#add_new_table h2 a.add-new-h2 {font-style: normal;font-size: 14px;font-weight: 700;}
div#add_new_table #wrcpt_new {display:none}
div.wrap div#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;}
/* Pricing Table Lists */
div#add_new_table div.table_list {width: 97%;margin-top: 15px;}
div#add_new_table div.table_list p.get_started, div#add_new_table div.table_list p.feature_notice {background-color: #fff;padding: 10px;font-size: 14px;line-height: 24px;border-left: 4px solid #7ad03a;-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);}
div#add_new_table div.table_list p.feature_notice {width:485px;text-align: center;padding-left:0;}
div#add_new_table div.table_list table {border-collapse: collapse; margin: 0; text-align: left; width: 100%;}
div#add_new_table div.table_list table td, div#add_new_table .table_list table th {padding: 10px;}
div#add_new_table div.table_list table thead th {background-color:#fff; width: auto; color:#333; font-size: 14px;}
div#add_new_table div.table_list table thead th:first-child {border: none;}
div#add_new_table div.table_list table tbody tr {background-color: #F9F9F9}
div#add_new_table div.table_list table tbody td {position:relative;color: #007193;font-size: 16px;font-weight: normal;height: 50px; vertical-align: 0;}
div#add_new_table div.table_list table tbody .alt td {background: #FFFFFF;}
div#add_new_table div.table_list table tbody td:first-child {border-left: none;}
div#add_new_table div.table_list table tbody tr:last-child td {border-bottom: none;}
div#add_new_table div.table_list table tbody td.table_name div {padding-bottom: 5px;cursor:pointer;}
div#add_new_table div.table_list table tbody td.table_name {width: 45%;}
div#add_new_table div.table_list table tbody td.table_name span:first-of-type {border: none;padding-left: 0;}
div#add_new_table div.table_list table tbody td.table_name span {font-size: 14px;cursor: pointer;border-left: 1px solid #ddd;color: #0074a2;padding-left: 5px;}
div#add_new_table div.table_list table tbody td.table_name span:hover {color: #2ea2cc;}
#add_new_table .table_list table tbody td .tooltip {position: relative;display: inline-block;}
#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: 150%;left: 50%;margin-left: -100px;opacity: 0;transition: opacity 0.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 transparent;}
#add_new_table .table_list table tbody td .tooltip:hover .tooltiptext {visibility: visible;opacity: 1;}
div#add_new_table div.table_list table tbody td input.wrc_shortcode {background: #f1f1f1;color: #32373c;border: 1px solid #ddd;vertical-align: middle;margin: 0;padding: 0 8px;border-radius: 3px;font-size: 16px;width: 199px;height: 38px;line-height: 38px;}
/* Reset Select */
div#add_new_table div.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: 1px solid #ddd;background: #f1f1f1;background-image: none;}
/* Remove IE arrow */
div#add_new_table div.table_list table tbody td .temp_choice select::-ms-expand {display: none;}
div#add_new_table div.table_list table tbody td .temp_choice {position: relative;top: 1px;display: flex;width: 8em;height: 2.4em;line-height: 2.4;background: #f1f1f1;color: #d2d2d2;overflow: hidden;border-radius: .25em;}
div#add_new_table div.table_list table tbody td .temp_choice select {flex: 1;padding: 0 .5em;color: #32373c;cursor: pointer;}
/* Arrow */
div#add_new_table div.table_list table tbody td .temp_choice::after {content: '\25BC';position: absolute;top: 0;right: 0;padding: 0 0.7em;background: #32373c;cursor: pointer;pointer-events: none;-webkit-transition: .25s all ease;-o-transition: .25s all ease;transition: .25s all ease;}
/* Transition */
div#add_new_table div.table_list table tbody td .temp_choice:hover::after {color: #0073aa;}
div#add_new_table div.table_list table tbody td.wrcpt_notice {width: 40%;}
div#add_new_table div.table_list table tbody td.wrcpt_notice span {font-size: 13px;color: #778899;}
div#add_new_table div.table_list table tbody td.wrcpt_notice span strong {font-weight: 700;}
div#add_new_table div#tablenamediv {width: 488px;background-color: #eee;border: 1px solid #ccc;border-radius: 5px;margin-top: 10px;line-height: 0;}
/* Features */
div#add_new_table .tablenamewrap, div#add_new_table .pricingfeaturewrap, div#add_new_table .tablecolumnwrap, div#add_new_table .settingcolumnwrap {margin:10px;}
div#add_new_table div.tablecolumnwrap {position: relative}
div#tablecolumndiv .accordion-expand-holder {position: absolute;top: 0;right: 5px}
div#tablecolumndiv .accordion-expand-holder button.expand, div#tablecolumndiv .accordion-expand-holder button.collapse {color: #444444;text-transform: uppercase;cursor: pointer}
div#add_new_table div.tablenamewrap {border-bottom: 1px solid #CCC;margin-bottom: 30px}
div#add_new_table #title{width:50%;display: block;margin: 10px 0 20px;line-height: 30px;font-size: 18px;}
div#add_new_table div#pricingfeaturediv table#feature_additem, div#add_new_table div#pricingfeaturediv table#feature_edititem {border: 1px solid #ddd;margin-bottom: 10px;}
div#add_new_table div#pricingfeaturediv table#feature_additem tr.featheader th, div#add_new_table div#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}
div#add_new_table div#pricingfeaturediv table#feature_additem tr.featurebody td, div#add_new_table div#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;}
div#add_new_table div#pricingfeaturediv table#feature_additem tr.featheader th:first-child, div#add_new_table div#pricingfeaturediv table#feature_additem tr.featurebody td:first-child, div#add_new_table div#pricingfeaturediv table#feature_edititem tr.featheader th:first-child, div#add_new_table div#pricingfeaturediv table#feature_edititem tr.featurebody td:first-child {border-left: none;}
div#add_new_table div#pricingfeaturediv table#feature_additem tr.featurebody td input[type="text"] {width:99.3%}
div#add_new_table div#pricingfeaturediv table#feature_additem tr.featurebody td select#feature_type, div#add_new_table div#pricingfeaturediv table#feature_edititem tr.featurebody td select#feature_type {height: auto;vertical-align: initial;}
div#add_new_table div#pricingfeaturediv table#feature_additem tr.featurebody td span#remFeatute, div#add_new_table div#pricingfeaturediv table#feature_additem tr.featurebody td span#remDisable, div#add_new_table div#pricingfeaturediv table#feature_edititem tr.featurebody td span#remFeatute {border: 1px solid #ddd;margin: 0 18px;padding: 0px 11px;color: #444444;border-radius: 3px;position: relative;line-height: 0;font-size: 16px;}
div#add_new_table div#pricingfeaturediv table#feature_additem tr.featurebody td span#remDisable {background: url(../images/wrcpt-buttons.png) no-repeat -5px -81px;width:16px;height:16px;cursor: default;}
div#add_new_table div#pricingfeaturediv table#feature_additem tr.featurebody td span#remFeatute, div#add_new_table div#pricingfeaturediv table#feature_edititem tr.featurebody td span#remFeatute {cursor: pointer !important;background: url(../images/wrcpt-buttons.png) no-repeat -5px -60px;width: 16px;height: 16px;}
div#add_new_table div#pricingfeaturediv table#feature_edititem tr.featheader th {text-align: center;}
div#add_new_table div#pricingfeaturediv table#feature_edititem tr.featurebody td {cursor:move;}
div#add_new_table input#wrcpt_add_new, div#add_new_table input#wrcpt_upfeature, div#add_new_table input#wrcpt_addfeature {float:right;margin-top:10px;}
div#add_new_table input#wrcpt_add, div#add_new_table input#wrcpt_edit {margin-top: 10px;}
/* Pricing Columns Preview */
div#add_new_table div#tabledisplaydiv {background: #fff;border: 1px solid #ccc;border-radius: 5px;padding: 10px;line-height: 5px;position: relative;}
div#add_new_table div#tabledisplaydiv h3 {font-size: 24px;margin-top: 15px;padding: 10px;}
div#add_new_table div#tabledisplaydiv h3 span#editPackages {position: absolute;top: 30px;right: 35px;padding: 0 10px 0 26px;font-size: 14px;height: 32px;line-height: 30px}
div#add_new_table div#tabledisplaydiv h3 span#editPackages:before {content: "";position: absolute;background: url(../images/wrcpt-buttons.png) no-repeat -11px -162px;left: 6px;top: 7px;width: 16px;height: 16px}
/* Pricing Columns */
div#add_new_table div#tablecolumndiv {float:left;background-color:#eee;border:1px solid #ccc;border-radius:5px;margin-top:10px;padding-bottom:5px;line-height:5px;}
div#tablecolumndiv div#addButtons {position: relative;clear: both;margin-bottom: 5px;}
div#tablecolumndiv div#addButtons a#addPackage {padding: 0 10px 0 26px;font-size: 14px;height: 30px;line-height: 28px;vertical-align: top;}
div#tablecolumndiv div#addButtons a#addPackage:before {content: "";position: absolute;background: url(../images/wrcpt-buttons.png) no-repeat -8px -142px;left: 6px;width: 16px;height: 16px;margin: 6px 0 0 0;display: inline-block;}
div#tablecolumndiv div#sortable_column {margin-left: -5px;}
div#tablecolumndiv div#sortable_column div.package_details h3.ptitle {margin: 1px;}
div#tablecolumndiv div.package_details {float: left;display: inline-block;margin: 5px;position: relative;}
div#tablecolumndiv div.package_details h4 {margin: 0;padding: 10px 0px 13px 2px;font-size: 15px;}
div#tablecolumndiv div.package_details span.inactive {cursor:auto !important;opacity:0.3}
div#tablecolumndiv div.package_details span.column_hide, div#tablecolumndiv div.package_details span.column_show, div#tablecolumndiv div.package_details span#delDisable, div#tablecolumndiv div.package_details span#delPackage {width: 24px;height: 24px;position: absolute;top: 4px;right: 6px;border: 1px solid #aaa;border-radius: 3px;display: inline-block;z-index: 9999;}
div#tablecolumndiv div.package_details span.column_hide, div#tablecolumndiv div.package_details span.column_show {background: #f1f1f1;right: 36px;padding: 0 1px;cursor: pointer}
div#tablecolumndiv div.package_details span#delDisable {opacity:0.3;background: #F1F1F1 url(../images/wrcpt-buttons.png) no-repeat -4px -80px;}
div#tablecolumndiv div.package_details span#delPackage {background: #F1F1F1 url(../images/wrcpt-buttons.png) no-repeat -4px -59px;cursor: pointer;}
div#tablecolumndiv div.package_details span.column_hide .dashicons, div#tablecolumndiv div.package_details span.column_show .dashicons {width: 24px;line-height: 23px;}
div#tablecolumndiv div.element-input h4 {margin: 0;padding: 5px 10px 15px;font-weight: 700;color: #555555;}
div#tablecolumndiv div.element-input input.medium {width: 230px;}
div#tablecolumndiv div.element-input input.col_price {width: 105px;}
div#tablecolumndiv div.element-input input.tickbox {border: 1px solid #aaa !important;}
div#tablecolumndiv div.element-input textarea[id=tooltips] {resize: none;display: block;margin: 0 0 20px 160px;border-radius: 5px;border: 1px solid #ccc;width: 341px}
div#tablecolumndiv div.element-input hr {width: 490px;border-top: 1px solid #E6E6E6;}
/* Pricing Column Common */
div#tablecolumndiv div.package_details, div#settingcolumndiv div.package_advance {background: #DCDCDC;width: 525px;padding: 5px;border: 1px solid #ccc;border-radius: 3px;}
div#tablecolumndiv div.element-input, div#add_new_table div.advance-input {background: #fff;width: 511px;margin-left: 1px;padding: 10px;border: 1px solid #ccc;cursor: auto;}
div#add_new_table div.package_details h3.ptitle, div#add_new_table div.package_advance h3.ptitle {background: #fff;border: 1px solid #ccc;}
div#add_new_table div.package_details h3.ptitle:hover, div#add_new_table div.package_advance h3.ptitle:hover {background: #EEEEEE;border: 1px solid #ccc;}
div#tablecolumndiv div.element-input label.input-title, div#add_new_table div.advance-input label.input-title, div#add_new_table div.element-input label.input-check, div#add_new_table div.advance-input label.input-check {color:#555555;margin-top: 1px;padding:7px 10px;float:left;font-size: 14px;width: 250px}
div#add_new_table div.advance-input label#modify-table {margin: 6px 0}
div#add_new_table div.element-input input.medium, div#tablecolumndiv div.element-input input.col_price, div#add_new_table div.element-input input.tickbox, div#add_new_table div.advance-input input.medium, div#add_new_table div.advance-input input.tickbox {padding: 6px 4px;border-radius: 5px;border: 1px solid #ccc;}
div#add_new_table div.element-input input.medium, div#tablecolumndiv div.element-input input.col_price, div#add_new_table div.advance-input input.medium {margin: 0 2px 10px;}
div#add_new_table div.advance-input select.font-dir {margin: 2px 2px 10px;padding: 0 10px;border-radius: 5px;border: 1px solid #ccc}
div#add_new_table div.element-input input.tickbox, div#add_new_table div.advance-input input.tickbox {margin: 7px 2px 10px;}
div#add_new_table div.element-input table tr.table-header, div#add_new_table div.element-input table tr.table-input, div#add_new_table div.advance-input table tr.table-header, div#add_new_table div.advance-input table tr.table-input {background-color: #fff;}
div#add_new_table div.element-input table tr.table-input th, div#add_new_table div.advance-input table tr.table-input th {padding: 5px 0;}
div#add_new_table div.element-input table tr.table-input th label.input-title, div#add_new_table div.advance-input table tr.table-input th label.input-title {font-size: 12px;width: 200px;}
div#add_new_table div.element-input table tr.table-header td, div#add_new_table div.advance-input table tr.table-header td {color: #555555;font-weight: 700;padding-bottom: 10px;}
div#add_new_table div.element-input table tr td, div#add_new_table div.advance-input table tr td {height: auto;padding: 5px 10px 0;}
/* Pricing Column Settings */
div#add_new_table div#settingcolumndiv {width: 562px;background-color: #eee;border: 1px solid #ccc;border-radius: 5px;margin-top: 10px;line-height: 0;}
div#settingcolumndiv div.package_advance h3.ptitle {margin: 1px;}
div#settingcolumndiv div.advance-input label.input-check {width: 280px;line-height: 28px;}
div#settingcolumndiv div.advance-input input.medium, div#settingcolumndiv div.advance-input select.font-dir {width: 230px;}
div#settingcolumndiv div.advance-input input#pricing_table_name {margin: 6px 0}
div#settingcolumndiv div.advance-input input.tickbox {margin: 7px 2px 2px;float:right;border: 1px solid #aaa;}
div#settingcolumndiv div.advance-input label#col_width, div#settingcolumndiv div.advance-input input#column_width, div#settingcolumndiv div.advance-input label#cap_col_width, div#settingcolumndiv div.advance-input input#cap_column_width, div#settingcolumndiv div.advance-input label#margin_right, div#settingcolumndiv div.advance-input input#column_space {display:none}
div#settingcolumndiv div.advance-input div.break-line {clear:both;margin-bottom: 10px;padding:10px 0 0;border-bottom: 1px solid #E6E6E6}
div#settingcolumndiv div.wp-picker-container, div#settingcolumndiv div.wp-picker-container:active {}
/* pricing column tooltip */
div#add_new_table a.wrc_tooltip {background: url(../images/wrcpt-buttons.png) no-repeat -10px -182px;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}
div#add_new_table a.wrc_tooltip: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: -20px;left: 35px;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: 16px}
div#add_new_table a.wrc_tooltip:hover:before{border: solid;border-color: transparent #aaa transparent transparent;border-width: 10px;bottom: -4px;content: "";left: 15px;position: absolute;z-index: 99;}
/* Pricing Table Templates */
div.template-container {clear: both;margin-top:20px;padding: 0 0 100px}
div.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}
div.template-container .template-items:focus, div.template-container .template-items:hover {cursor: pointer}
div.template-container .template-items:nth-child(3n) {margin-right:0}
div.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}
div.template-container .template-items .template-img:after {content: "";display: block;padding-top: 66.66666%}
div.template-container .template-items:focus .template-img, div.template-container .template-items:hover .template-img {background: #fff}
div.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}
div.template-container .template-items:focus .template-img img, div.template-container .template-items:hover .template-img img {opacity: .4}
div.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)}
div.template-container .template-items.focus .template-actions, div.template-container .template-items:focus .template-actions, div.template-container .template-items:hover .template-actions {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity: 1}
div.template-container .template-items .template-actions {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(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)}
div.template-container .template-items .template-actions .button-secondary {float: none;margin-left: 3px}
div.template-container .template-items .template-actions .button-primary {margin-right: 3px}
/* Guide */
div.wrcusage-maincontent{padding:0 20px 0 0}
div.wrcusage-maincontent #poststuff{min-width:initial;padding-top:0}
div.wrcusage-maincontent #poststuff h3 {margin-left: 10px}
div.wrcusage-maincontent .borderTop {border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;background: #fff}
div.wrcusage-maincontent .prepend-top {margin-top: 1.5em;margin-bottom: 21px;}
div.wrcusage-maincontent .last {margin-right: 0;}
div.wrcusage-maincontent .append-1 {padding: 0 20px;}
/* Sidebar */
div#sidebar {margin-top: 69px}
div#wrcusage-features h3,div#wrcusage-info h3 {color: #FFFFFF;border-bottom: 2px solid #d2d2d2;padding-bottom: 7px;text-transform: uppercase}
div#sidebar a {color: #F5CD51}
div#sidebar a:hover {color: #C09319}
div#sidebar #wrcusage-features.wrcusage-sidebar, div#sidebar #wrcusage-info.wrcusage-sidebar {background-color:#32373c;color: #fff;display: inline-block;width: 100%}
div#sidebar #wrcusage-features.wrcusage-sidebar {background: #0073aa}
div#sidebar #wrcusage-features.wrcusage-sidebar .ccwrpt {font-size: 14px;margin: 10px 0;line-height: 20px;font-weight: 600;color: #fff;text-shadow: 1px 1px 1px #333}
div#sidebar #wrcusage-features.wrcusage-sidebar a {float: right;background: #F5CD51;display: inline-block;margin: 10px 0;padding: 6px 8px;text-decoration: none;color: #654D0E;font-size: 14px;font-weight: 600;border-radius: 5px;box-shadow: 0px 0px 1px #222;border: 1px solid #C09319}
div#sidebar #wrcusage-features.wrcusage-sidebar a:hover {border: 1px solid #654D0E}
div#sidebar .wrcusage-sidebar {position: relative;max-width: 255px;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;}
div#sidebar .wrcusage-list li {list-style: disc;margin: 0 0 5px 15px;}

/* STYLE TO FIT MORE THEN 8 COLOR PALETTES*/
div#add_new_table .wp-picker-container.wp-picker-active { width: 100%; }
div#add_new_table .wp-picker-container.wp-picker-active .wp-picker-open + .wp-picker-input-wrap label{ float: left; width: 70px !important; }
div#add_new_table .wp-picker-container.wp-picker-active .wp-picker-open + .wp-picker-input-wrap .wp-color-picker { width: 70px; float: left; }
div#add_new_table .wp-picker-container.wp-picker-active .wp-picker-holder { width: 100% !important; }
div#add_new_table .wp-picker-container.wp-picker-active .wp-picker-holder .iris-picker { max-width: 240px !important; }
div#add_new_table .wp-picker-container.wp-picker-active .iris-picker-inner .iris-square { margin-right: 6px !important; max-height: 147px !important;}
div#add_new_table .wp-picker-container.wp-picker-active .iris-palette-container .iris-palette { width: 17px !important; height: 17px !important; margin-bottom: 4px !important; }
div#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: 0px !important;}
div#add_new_table .wp-picker-container .wp-color-result.button {font-size: 12px;}
div#add_new_table a.wp-color-result {margin: 2px 2px 0 0;}
div#add_new_table .wp-picker-container input[type=text].wp-color-picker,
div#add_new_table .button.button-small {margin: 0 0 0 -2px;font-size: 12px;height: 32px;line-height: 32px;}
div#add_new_table .button.button-small {margin-left: 2px;}

/* Responsive */
@media only screen and (max-width: 1120px) {
div.template-container .template-items {width: 47.5%;margin-right: 0}
div.template-container .template-items:nth-child(odd) {margin-right: 5%}
div.template-container .template-items:nth-child(even) {margin-right: 0}
}
@media only screen and (max-width: 480px) {
div.template-container .template-items {width: 100%;margin-right: 0}
div.template-container .template-items:nth-child(2n), div.template-container .template-items:nth-child(3n) {margin-right: 0}
}