| 1 |
@charset "utf-8"; |
| 2 |
/* Shell Main */ |
| 3 |
html { height: 100%; } |
| 4 |
.ec_admin_wrap *{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } |
| 5 |
.ec_admin_wrap{ display:flex; width:calc( 100% + 19px ); max-width:calc( 100% + 19px ); float:left; margin:0px -20px; border-right:1px solid #7bb141; } |
| 6 |
|
| 7 |
/* Sortable CSS */ |
| 8 |
tr.ui-sortable-handle, div.ec_admin_option_row.ui-sortable-handle{ cursor:move; } |
| 9 |
|
| 10 |
/* Head Nav */ |
| 11 |
.ec_admin_menu_dropdown{ position:relative; display:inline-block; } |
| 12 |
.ec_admin_menu_dropdown_content{ display:none; position:absolute; background-color:#333; min-width:250px; box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); z-index:99; border-radius:0px 0px 5px 5px; } |
| 13 |
.ec_admin_menu_dropdown_content a{ color:#fff; padding:1px 1px 1px 14px; text-decoration:none; display:block; } |
| 14 |
.ec_admin_menu_dropdown_content span{ padding-top:10px; } |
| 15 |
.ec_admin_menu_dropdown_content a:hover{ background-color:#444 } |
| 16 |
.ec_admin_menu_dropdown:hover .ec_admin_menu_dropdown_content{ display:block; } |
| 17 |
.ec_admin_color_selector{ position:absolute; right:5px; padding:4px 0 0; z-index:99; } |
| 18 |
|
| 19 |
/* Shell Left */ |
| 20 |
.ec_admin_left{ float:left; min-height: calc( 100vh - 33px ); height:100%; width:175px; background: #7bb141; background: -moz-linear-gradient(top, #7bb141 0%, #608932 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7bb141), color-stop(100%,#608932)); background: -webkit-linear-gradient(top, #7bb141 0%,#608932 100%); background: -o-linear-gradient(top, #7bb141 0%,#608932 100%); background: -ms-linear-gradient(top, #7bb141 0%,#608932 100%); background: linear-gradient(to bottom, #7bb141 0%,#608932 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7bb141', endColorstr='#608932',GradientType=0 ); border-right:1px solid #9dcc6a; } |
| 21 |
.ec_admin_logo{ height:70px; background:url('../images/admin-logo.png') center 5px no-repeat; } |
| 22 |
.ec_admin_styled_divider{ width:100%; margin:15px 0px; height:4px; background:url('../images/admin-divider.png') center 0px no-repeat; } |
| 23 |
.wp_easycart_view_store_main_link{ text-align:center; } |
| 24 |
.wp_easycart_view_store_main_link > a{ border:2px solid #dcdcdc; color:#79b041; text-decoration:none; font-weight:normal; text-transform:uppercase; background:#FFF; padding:8px 10px; border-radius:20px; } |
| 25 |
.wp_easycart_view_store_main_link > a:hover{ background:#efefef; } |
| 26 |
.ec_admin_search{ width:100%; background:#586f40; position:relative; } |
| 27 |
.ec_admin_search input{ width:173px; background:#586f40; height:32px; line-height:32px; color:#FFF; border:none; } |
| 28 |
.ec_admin_search_icon{ position:absolute; right:7px; top:7px; color:#A6A6A6; } |
| 29 |
.ec_admin_main_stats{ width:100%; height:67px; border:1px solid #586f40; background: #678c41; background: -moz-linear-gradient(top, #678c41 1%, #415928 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#678c41), color-stop(100%,#415928)); background: -webkit-linear-gradient(top, #678c41 1%,#415928 100%); background: -o-linear-gradient(top, #678c41 1%,#415928 100%); background: -ms-linear-gradient(top, #678c41 1%,#415928 100%); /* IE10+ */ |
| 30 |
background: linear-gradient(to bottom, #678c41 1%,#415928 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#678c41', endColorstr='#415928',GradientType=0 ); color:#FFF; } |
| 31 |
.ec_admin_left_stats{ float:left; width:60%; height:65px; border-right:1px solid #586f40; } |
| 32 |
.ec_admin_left_stats_first{ width:100%; margin-top:12px; color:#FFF; font-size:12px; text-align:center } |
| 33 |
.ec_admin_left_stats_second{ width:100%; color:#FFF; font-size:18px; font-weight:bold; text-align:center } |
| 34 |
.ec_admin_right_stats{ float:right; width:40%; height:65px; border-left:1px solid #9dcc6a; } |
| 35 |
.ec_admin_right_stats_arrow_positive{ width:58px; margin:15px 5px 5px 5px; height:19px; background:url('../images/admin-positive-arrow.png') center 0px no-repeat; } |
| 36 |
.ec_admin_right_stats_arrow_negative{ width:58px; margin:15px 5px 5px 5px; height:19px; background:url('../images/admin-negative-arrow.png') center 0px no-repeat; } |
| 37 |
.ec_admin_right_stats_percent_positive{ float:left; width:100%; text-align:center; font-size:12px; color:#ffffff; } |
| 38 |
.ec_admin_right_stats_percent_negative{ float:left; width:100%; text-align:center; font-size:12px; color:#ffffff; } |
| 39 |
.ec_admin_bottom_stats{ width:100%; height:35px; color:#FFF; margin-top:10px; } |
| 40 |
.ec_admin_bottom_stats_label_row{ float:left; width:100%; } |
| 41 |
.ec_admin_bottom_stats_label_row_left{ float:left; text-align:center; width:60%; } |
| 42 |
.ec_admin_bottom_stats_label_row_right{ float:right; text-align:center; width:40%; } |
| 43 |
.ec_admin_bottom_stats_bar{ width:100%; height:4px; float:left; margin-top:5px; background:#586f40; } |
| 44 |
.ec_admin_bottom_stats_bar_positive{ float:left; height:2px; margin:1px 1px; background:#88b457; max-width:100%; } |
| 45 |
|
| 46 |
.ec_admin_left_nav_item{ width:100%; height:55px; color:#FFF; background: #678c41; background: -moz-linear-gradient(top, #678c41 2%, #415928 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#678c41), color-stop(100%,#415928)); background: -webkit-linear-gradient(top, #678c41 2%,#415928 100%); |
| 47 |
background: -o-linear-gradient(top, #678c41 2%,#415928 100%); background: -ms-linear-gradient(top, #678c41 2%,#415928 100%); /* IE10+ */ |
| 48 |
background: linear-gradient(to bottom, #678c41 2%,#415928 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#678c41', endColorstr='#415928',GradientType=0 ); border:1px solid #586f40; } |
| 49 |
.ec_admin_left_nav_item:hover, .ec_admin_left_nav_item.ec_admin_left_nav_selected{ background: #678c41; } |
| 50 |
|
| 51 |
.ec_admin_left_nav_subitem_headitem{ width:100%; color:#FFF; background: #32373c; border: 0px; font-weight:bold; padding:15px 0 0 15px; text-transform:uppercase; } |
| 52 |
.ec_admin_left_nav_subitem{ width:100%; height:27px; color:#FFF; background: #32373c; border: 0px; } |
| 53 |
.ec_admin_left_nav_subitem.ec_admin_left_nav_selected a{ font-weight:bold; } |
| 54 |
.ec_admin_left_nav_subitem:hover, .ec_admin_left_nav_subitem.ec_admin_left_nav_selected{ color:#7bb141; background: #32373c; } |
| 55 |
.ec_admin_left_nav_subitem.ec_admin_left_nav_selected{ background-color:#7A886F; } |
| 56 |
.ec_admin_left_nav_subitem > .ec_admin_left_nav_sublabel > a{ color:#FFF; text-decoration:none; display:inline-block; padding:5px 0px 5px 15px; width:100%; } |
| 57 |
|
| 58 |
.ec_admin_left_nav_icon{ float:left; margin:17px 10px 0 10px; position:absolute; } |
| 59 |
.ec_admin_left_nav_label{ float:left; margin:0; width:100%; } |
| 60 |
.ec_admin_left_nav_item > .ec_admin_left_nav_label > a{ color:#FFF; text-decoration:none; display:inline-block; padding:19px 0px 15px 37px; width:100%; } |
| 61 |
|
| 62 |
.ec_admin_left_submenu{ display:none; } |
| 63 |
.ec_admin_left_submenu_open{ display:block; } |
| 64 |
|
| 65 |
.ec_admin_mobile_menu{ display:none; width:100%; height:100%; background:#0000001f; position:fixed; z-index:999999; left:-125%; top:0px; color:#FFF; } |
| 66 |
.ec_admin_mobile_menu_inner{ float:left; width:100%; height:100%; padding:10px 10px 10px 0; background:#ffffffeb; overflow:auto; } |
| 67 |
.ec_admin_mobile_menu_button{ display:none; width:100%; padding:10px; text-align:right; } |
| 68 |
.ec_admin_mobile_menu_button > a > div.dashicons-menu:before{ color:#7bb141; font-size:32px; width:32px; height:18px; } |
| 69 |
.ec_admin_mobile_menu_button > a > div.dashicons-menu:hover:before{ color:#93c161; } |
| 70 |
.ec_admin_mobile_menu *{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } |
| 71 |
.ec_admin_mobile_menu_close{ float:left; width:100%; margin-top:-10px; margin-bottom:10px; } |
| 72 |
.ec_admin_mobile_menu_close > a > div{ float:right; } |
| 73 |
.ec_admin_mobile_menu_close > a > div:before{ color:#222; font-size:32px; width:32px; height:32px; text-align:right; } |
| 74 |
.ec_admin_mobile_menu_inner > div > ul > li{ float:left; width:100%; text-align:center; } |
| 75 |
.ec_admin_mobile_menu_inner > div > ul > li > a{ display:inline-block; width:100%; height:100%; background:#efefef; padding:15px 10px; text-align:left; text-decoration:none; color:#222; font-size:1.5em; line-height:1.5em; font-weight:600; text-transform:uppercase; } |
| 76 |
.ec_admin_mobile_menu_inner > div > ul > li > a > span{ margin-top:5px; margin-right:10px; } |
| 77 |
.ec_admin_mobile_menu_inner > div > ul > li > a > span.dashicons-arrow-right-alt2{ float:right; margin-right:0px; } |
| 78 |
.ec_admin_mobile_menu_inner > div > ul > li > a > span.dashicons-arrow-down-alt2{ float:right; margin-right:0px; display:none; } |
| 79 |
.ec_admin_mobile_menu_inner > div > ul > li > a:focus{ border:none; box-shadow:none; } |
| 80 |
.ec_admin_mobile_menu_inner > div > ul > li:nth-child(even) > a{ background:#e2e2e2; } |
| 81 |
.ec_admin_mobile_menu_inner > div > ul > li > a:hover{ background:#ffffff; } |
| 82 |
.ec_admin_mobile_menu_inner > div > ul > li:nth-child(even) > a:hover{ background:#ffffff; } |
| 83 |
.ec_admin_mobile_menu_inner > div > ul > li > ul{ display:none; background:#333; } |
| 84 |
.ec_admin_mobile_menu_inner > div > ul > li > ul > li{ text-align:center; margin-bottom:0px; } |
| 85 |
.ec_admin_mobile_menu_inner > div > ul > li > ul > li > a{ display:inline-block; width:100%; height:100%; padding:10px 10px; border-bottom:1px solid #5f5f5f; text-align:left; text-decoration:none; color:#FFF; font-size:1.2em; line-height:1.2em; font-weight:normal; text-transform:uppercase; } |
| 86 |
.ec_admin_mobile_menu_inner > div > ul > li > ul > li > a:hover{ background:#555; } |
| 87 |
.ec_admin_mobile_menu_inner > div > ul > li > ul > li > a:focus{ border:none; box-shadow:none; } |
| 88 |
.ec_admin_mobile_submenu{ background:#333; } |
| 89 |
.ec_admin_mobile_submenu > .ec_admin_mobile_menu_inner > div > ul > li > a{ background:#828282; } |
| 90 |
.ec_admin_mobile_submenu > .ec_admin_mobile_menu_inner > div > ul > li:nth-child(even) > a{ background:#565656; } |
| 91 |
.ec_admin_mobile_submenu > .ec_admin_mobile_menu_inner > div > ul > li > a:hover{ background:#9c9c9c; } |
| 92 |
.ec_admin_mobile_submenu > .ec_admin_mobile_menu_inner > div > ul > li:nth-child(even) > a:hover{ background:#797979; } |
| 93 |
|
| 94 |
/* Shell Right */ |
| 95 |
.ec_admin_right{ width:100%; padding:0; background:#f5f5f5; border-left:1px solid #7bb141; border-bottom:1px solid #7bb141; } |
| 96 |
.ec_admin_head_navigation{ position:relative; width:100%; height:40px; background: #7bb141; background: -moz-linear-gradient(top, #7bb141 0%, #7ab041 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7bb141), color-stop(100%,#7ab041)); background: -webkit-linear-gradient(top, #7bb141 0%,#7ab041 100%); background: -o-linear-gradient(top, #7bb141 0%,#7ab041 100%); background: -ms-linear-gradient(top, #7bb141 0%,#7ab041 100%); background: linear-gradient(to bottom, #7bb141 0%,#7ab041 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7bb141', endColorstr='#7ab041',GradientType=0 ); } |
| 97 |
.ec_admin_top_nav_link{ line-height:40px; float:left; position:relative; padding:0px; border-right:1px solid #586f40; border-left:1px solid #9dcc6a; } |
| 98 |
.ec_admin_top_nav_link > a{ color:#FFF; text-decoration:none; display:inline-block; padding:0px 21px; } |
| 99 |
.ec_admin_top_nav_link:hover{ background:#9DBD7B; cursor:pointer; } |
| 100 |
.ec_admin_top_nav_link.ec_top_nav_first{ border-left:none !important; } |
| 101 |
.ec_admin_content_area{ float:left; width:100%; min-height:890px; position:relative; background:#f5f5f5; padding:15px; } |
| 102 |
|
| 103 |
@media screen and (max-width: 1254px) { |
| 104 |
.ec_admin_head_navigation{ display:none !important; } |
| 105 |
} |
| 106 |
|
| 107 |
@media screen and (max-width: 554px) { |
| 108 |
.ec_admin_left{ display:none; } |
| 109 |
.ec_admin_left{ border-left:none; } |
| 110 |
.ec_admin_wrap{ display:block; width:100%; margin:5px -5px; border-top:1px solid #7bb141; } |
| 111 |
.ec_admin_mobile_menu_button{ display:block; } |
| 112 |
.ec_admin_content_area{ border-left:1px solid; border-bottom:1px solid; } |
| 113 |
} |
| 114 |
|
| 115 |
/* Review Us Box */ |
| 116 |
.wp-easycart-admin-review-us-box{ text-align:center; margin:15px 19px; border:1px solid #FFF; padding:20px 10px; background:#00BCD4; color:#FFF; font-size:15px; } |
| 117 |
.wp-easycart-admin-review-us-box > a{ color:#efefef; } |
| 118 |
.wp-easycart-admin-review-us-box > a:hover{ color:#fff; } |
| 119 |
.wp-easycart-admin-review-us-close{ float:right; cursor:pointer; border:3px solid #FFF; border-radius:100px; padding:2px; margin-top:-5px; } |
| 120 |
.wp-easycart-admin-review-us-close:hover{ background:#FFF; } |
| 121 |
.wp-easycart-admin-review-us-close:hover > div:before{ color:#00BCD4; } |
| 122 |
|
| 123 |
/* Setup Wizard */ |
| 124 |
.ec_admin_wizard_container{ float:left; width:100%; } |
| 125 |
.ec_admin_wizard_container > h1{ width:350px; text-align:center; color:#FFF; background:#7fae3d; padding:20px 0; border-radius:15px; margin:0 auto 20px; border-bottom:3px solid #a8c77c; border-top:3px solid #b9d882; } |
| 126 |
.ec_admin_wizard_basic_content_inner{ width:70%; margin:0 auto; padding:25px; background:#FFF; border:2px solid #e8e8e8; } |
| 127 |
.ec_admin_wizard_nav{ width:70%; margin:0 auto; } |
| 128 |
.ec_admin_wizard_basic_content{ float:left; width:100%; } |
| 129 |
.ec_admin_wizard_nav > ul{ float:left; width:100%; margin:10px 0; padding:0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; list-style-type:square; } |
| 130 |
.ec_admin_wizard_item{ list-style:none; text-align:center; width:auto; padding:0; margin:0 !important; position:relative; text-overflow:ellipsis; color:#bbbbbb; display:block; -ms-flex:1; -webkit-flex:1; -moz-flex:1; flex:1; line-height:2.4em; } |
| 131 |
.ec_admin_wizard_item > div.nav-label{ width:100%; } |
| 132 |
.ec_admin_wizard_item > span.bubble{ border-radius: 1000px; width:12px; height:12px; background-color:#bbbbbb; display:block; margin:0 auto 0.5em auto; border-bottom:1px solid #bbbbbb; } |
| 133 |
.ec_admin_wizard_item > span.bubble > span.dot{ position:absolute; width:6px; height:6px; background:#f8f4e8; border-radius:1000px; top:34px; left:50%; z-index:2; margin-left:-3px; } |
| 134 |
.ec_admin_wizard_item > span.bubble:before, .ec_admin_wizard_item > span.bubble:after{ display:block; position:absolute; top:35px; width:100%; height:3px; content:''; background-color:#bbbbbb; } |
| 135 |
.ec_admin_wizard_item > span.bubble:before{ left:0; } |
| 136 |
.ec_admin_wizard_item > span.bubble:after{ right:0; } |
| 137 |
.ec_admin_wizard_current, .ec_admin_wizard_complete{ color:#80af3d; } |
| 138 |
.ec_admin_wizard_current > span.bubble, .ec_admin_wizard_complete > span.bubble{ background-color:#80af3d; color:#80af3d; border-color:#80af3d; } |
| 139 |
.ec_admin_wizard_current > span.bubble:before, .ec_admin_wizard_current > span.bubble:after, .ec_admin_wizard_complete > span.bubble:before, .ec_admin_wizard_complete > span.bubble:after{ background-color:#80af3d; border-color:#80af3d; } |
| 140 |
.ec_admin_wizard_current > span.bubble > span.dot{ background:#FFF; } |
| 141 |
.ec_admin_wizard_complete > span.bubble > span.dot{ background:#80af3d; } |
| 142 |
.ec_admin_wizard_button_bar{ width:100%; text-align:right; padding:30px 0 0; } |
| 143 |
.ec_admin_wizard_button_bar > a, .ec_admin_wizard_button_bar > input[type="submit"]{ cursor:pointer; border:none; font-size:13px; padding:10px 17px; background:#e6e6e6; color:#888; border-radius:3px; margin-left:8px; text-decoration:none; text-transform:uppercase; font-weight:500; } |
| 144 |
.ec_admin_wizard_button_bar > a:hover, .ec_admin_wizard_button_bar > input[type="submit"]:hover{ background:#dedede; } |
| 145 |
a.ec_admin_wizard_next_button, input[type="submit"].ec_admin_wizard_next_button{ background:#7bb141; color:#FFF !important; } |
| 146 |
a.ec_admin_wizard_next_button:hover, input[type="submit"].ec_admin_wizard_next_button:hover{ background:#95ce59; } |
| 147 |
a.ec_admin_wizard_quit_button{ float:left; color:#7bb141; text-decoration:none; background:none !important; padding:0; margin-left:0px !important; } |
| 148 |
a.ec_admin_wizard_quit_button:hover{ background:none !important; color:#95ce59; } |
| 149 |
.ec_admin_wizard_page_row{ position:relative; width:100%; display:table; padding:15px 0; border-top:1px solid #CCC; } |
| 150 |
.ec_admin_wizard_page_row > a{ position:absolute; right:0px; top:30px; width:80px; } |
| 151 |
.ec_admin_wizard_page_row > a:active, .ec_admin_wizard_page_row > a:focus{ outline:none; -moz-outline-style:none; box-shadow:none !important; } |
| 152 |
.ec_admin_wizard_page_row > a > span{ position:absolute; z-index:1; left:0; top:0; width:80px; height:34px; } |
| 153 |
.ec_admin_wizard_page_row_title{ display:table-cell; vertical-align:middle; width:25%; font-weight:bold; } |
| 154 |
.ec_admin_wizard_page_row_content{ display:table-cell; vertical-align:middle; width:75%; } |
| 155 |
.ec_admin_wizard_input_row{ position:relative; width:100%; display:table; padding:15px 0; } |
| 156 |
.ec_admin_wizard_input_row_title{ display:table-cell; vertical-align:middle; width:25%; } |
| 157 |
.ec_admin_wizard_input_row_input{ display:table-cell; vertical-align:middle; width:75%; padding-left:5%; } |
| 158 |
.ec_admin_wizard_input_row_input > select, .ec_admin_wizard_input_row_input > input[type="text"]{ width:100%; float:right; } |
| 159 |
.ec_admin_wizard_input_row_input > .select2{ width:100% !important; } |
| 160 |
.ec_admin_wizard_input_row_toggle{ position:absolute; right:0px; width:80px; } |
| 161 |
.ec_admin_wizard_input_row_toggle > input{ display:none; } |
| 162 |
.ec_admin_wizard_input_row_toggle > .ec_admin_wizard_slider{ position:absolute; width:60px; height:34px; cursor:pointer; top:0; left:0; right:0; bottom:0; background-color:#CCC; -webkit-transition:.4s; transition:.4s; } |
| 163 |
.ec_admin_wizard_input_row_toggle > .ec_admin_wizard_slider:before{ position:absolute; content:""; height:26px; width:26px; left:4px; bottom:4px; background-color:white; -webkit-transition:.4s; transition:.4s; } |
| 164 |
.ec_admin_wizard_input_row_toggle > input:checked + .ec_admin_wizard_slider{ background-color:#7bb141; } |
| 165 |
.ec_admin_wizard_input_row_toggle > input:focus + .ec_admin_wizard_slider{ box-shadow:0 0 1px #7bb141; } |
| 166 |
.ec_admin_wizard_input_row_toggle > input:checked + .ec_admin_wizard_slider:before{ -webkit-transform:translateX(26px); -ms-transform:translateX(26px); transform:translateX(26px); } |
| 167 |
.ec_admin_wizard_input_row_toggle > .ec_admin_wizard_slider.round{ border-radius:34px; } |
| 168 |
.ec_admin_wizard_input_row_toggle > .ec_admin_wizard_slider.round:before{ border-radius:50%; } |
| 169 |
.wp_easycart_wizard_tax_table{ width:100%; } |
| 170 |
.wp_easycart_wizard_tax_table > thead > tr > td{ background:#80af3d; padding:8px 0; text-align:center; color:#FFF !important; } |
| 171 |
.wp_easycart_wizard_tax_table > tbody > tr{ display:none; } |
| 172 |
.wp_easycart_wizard_tax_table > tbody > tr > td{ background:#cacaca; padding:8px 0; text-align:center; } |
| 173 |
.wp_easycart_wizard_success_container{ border:1px solid #CCC; } |
| 174 |
.wp_easycart_wizard_success_box{ border-bottom:1px solid #CCC; padding:25px; } |
| 175 |
.wp_easycart_wizard_success_box_left{ float:left; width:65%; padding-right:50px; } |
| 176 |
.wp_easycart_wizard_success_box_right{ float:right; width:35%; } |
| 177 |
.wp_easycart_wizard_success_box_title{ font-size:11px; text-transform:uppercase; font-weight:bold; } |
| 178 |
.wp_easycart_wizard_success_box_content{ font-size:12px; } |
| 179 |
.wp_easycart_wizard_success_box_button > a{ padding:14px 25px; background:#7fae3d; color:#FFF; text-decoration:none !important; float:right; border-radius:5px; font-weight:500; min-width:175px; text-align:center; } |
| 180 |
|
| 181 |
/* Newsletter Popup Classes */ |
| 182 |
.wpeasycart_newsletter_popup{ position:absolute; left:8px; z-index:999999; width:330px; height:250px; background:#FFF; border:2px solid #7bb141; box-shadow:1px 3px 8px #333; } |
| 183 |
.wpeasycart_newsletter_popup_content{ position:relative; padding:15px; } |
| 184 |
.wpeasycart_newsletter_arrow{ bottom:-14px; border-width:13px 13px 0; border-top-color:#CCC; left:50px; z-index:10; width:0; height:0; border:0 solid transparent; position:absolute; } |
| 185 |
.wpeasycart_newsletter_arrow_inner{ bottom:1px; margin-left:-13px; margin-bottom:-13px; border:13px solid transparent; border-top-color:#FFF; display:block; content:" "; z-index:20; position:absolute; width:0; height:0; } |
| 186 |
.wpeasycart_newsletter_popup_close{ position:absolute; top:10px; right:10px; } |
| 187 |
.wpeasycart_newsletter_popup_close:hover{ cursor:pointer; } |
| 188 |
.wpeasycart_newsletter_popup_close:hover > .dashicons-dismiss:before{ color:#777e86 } |
| 189 |
.wpeasycart_newsletter_popup_close > .dashicons-dismiss{ width:20px; height:20px; border:1px solid #FFF; border-radius:20px; } |
| 190 |
.wpeasycart_newsletter_popup_close > .dashicons-dismiss:before{ width:20px; height:20px; font-size:20px; } |
| 191 |
|
| 192 |
/* Loader Classes */ |
| 193 |
.ec_admin_loader{ display:none; position:absolute; top:0px; left:0px; z-index:999; width:100%; height:100%; background:#333; opacity:.8; -moz-opacity:.9; -webkit-opacity:.9; -khtml-opacity: 0.9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); } |
| 194 |
.ec_admin_loader_animation, .ec_admin_loader_animation:before, .ec_admin_loader_animation:after{ background:#ffffff; -webkit-animation:load1 1s infinite ease-in-out; animation:load1 1s infinite ease-in-out; width:1em; height:4em; } |
| 195 |
.ec_admin_loader_animation:before, .ec_admin_loader_animation:after{ position:absolute; top:0; content:''; } |
| 196 |
.ec_admin_loader_animation:before{ left:-1.5em; -webkit-animation-delay:-0.32s; animation-delay:-0.32s; } |
| 197 |
.ec_admin_loader_animation{ position:absolute; top:50%; left:50%; margin-top:-20px; color:#ffffff; text-indent:-9999em; font-size:11px; -webkit-transform:translateZ(0); -ms-transform:translateZ(0); transform:translateZ(0); -webkit-animation-delay:-0.16s; animation-delay:-0.16s; } |
| 198 |
.ec_admin_loader_animation:after{ left:1.5em; } |
| 199 |
@-webkit-keyframes load1{ |
| 200 |
0%, 80%, 100%{ box-shadow:0 0; height:4em; } |
| 201 |
40%{ box-shadow:0 -2em; height:5em; } |
| 202 |
} |
| 203 |
@keyframes load1 { |
| 204 |
0%, 80%, 100%{ box-shadow:0 0; height:4em; } |
| 205 |
40%{ box-shadow:0 -2em; height:5em; } |
| 206 |
} |
| 207 |
.ec_admin_loader_loaded{ display:none; position:absolute; top:50%; left:50%; margin-top:-50px; margin-left:-50px; width:100px; } |
| 208 |
.ec_admin_loader_loaded_path{ stroke-dasharray:1000; stroke-dashoffset:0; animation:dash 1.4s ease-in-out; -webkit-animation:dash 1.4s ease-in-out; } |
| 209 |
.ec_admin_loader_loaded_spin{ animation:spin 1.4s; -webkit-animation:spin 1.4s; transform-origin:50% 50%; -webkit-transform-origin:50% 50%; } |
| 210 |
@-webkit-keyframes dash{ |
| 211 |
0%{ stroke-dashoffset:1000; } |
| 212 |
100%{ stroke-dashoffset:0; } |
| 213 |
} |
| 214 |
@keyframes dash{ |
| 215 |
0%{ stroke-dashoffset:1000; } |
| 216 |
100%{ stroke-dashoffset:0; } |
| 217 |
} |
| 218 |
@-webkit-keyframes spin{ |
| 219 |
0%{ -webkit-transform:rotate(0deg); } |
| 220 |
100%{ -webkit-transform:rotate(360deg); } |
| 221 |
} |
| 222 |
@keyframes spin{ |
| 223 |
0%{ -webkit-transform:rotate(0deg); } |
| 224 |
100%{ -webkit-transform:rotate(360deg); } |
| 225 |
} |
| 226 |
@-webkit-keyframes text { |
| 227 |
0%{ opacity:0; } |
| 228 |
100%{ opacity:1; } |
| 229 |
@keyframes text{ |
| 230 |
0%{ opacity:0; } |
| 231 |
100%{ opacity:1; } |
| 232 |
} |
| 233 |
} |
| 234 |
|
| 235 |
/* Video Help Bar + Video Popup */ |
| 236 |
.ec_admin_help_video_box{ position:relative; border:1px solid #C1C1C1; padding:10px; background-color:#FFF; border-radius:2px; display:inline-block; margin-bottom:10px; width:100%; } |
| 237 |
.ec_admin_help_video_box > h1{ float:left; width:100%; line-height:31px; font-size:18px; font-weight:bold; color:#506219; vertical-align:middle; text-transform:uppercase; } |
| 238 |
.ec_admin_help_video_box > h1 > span{ float:left; } |
| 239 |
.ec_admin_help_video_box > h1 > .dashicons-before{ float:left; margin-right:10px; } |
| 240 |
.ec_admin_help_video_box > h1 > .dashicons-before:before{ font-size:32px; width:32px; height:32px; color:#506219; } |
| 241 |
.ec_admin_help_video_box > h1 > a{ float:right; border:1px solid #506219; background:#506219; font-size:12px; text-decoration:none; color:#FFF; padding:0px 15px 0 5px; border-radius:8px; margin-left:10px; } |
| 242 |
.ec_admin_help_video_box > h1 > a > .dashicons-before{ float:left; } |
| 243 |
.ec_admin_help_video_box > h1 > a > .dashicons-before:before{ line-height:31px; color:#FFF; } |
| 244 |
.ec_admin_help_video_container{ display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:999999; background:rgba(0, 0, 0, 0.90); } |
| 245 |
.ec_admin_help_video_container > .ec_admin_help_video_container_inner{ position:relative; width:80%; max-width:800px; margin:10% auto; border:5px solid #FFF; } |
| 246 |
|
| 247 |
/* Extensions Panel */ |
| 248 |
.ec_admin_extensions_panel{ float:left; width:100%; padding:10px; } |
| 249 |
.ec_admin_extensions_list_wrap{ } |
| 250 |
.ec_admin_extensions_list{ float:left; -moz-column-count:3; -moz-column-gap:10px; -webkit-column-count:3; -webkit-column-gap:10px; column-count:3; column-gap:10px; width:100%; } |
| 251 |
.ec_admin_extension_item{ position:relative; border:1px solid #C1C1C1; background-color:#FFF; display:inline-block; margin-bottom:10px; width:100%; padding:15px; } |
| 252 |
.ec_admin_extension_item img{ display:block; margin:0 auto; max-width:100%; } |
| 253 |
.ec_admin_extension_item h3{ text-align:center; font-size:22px; font-weight:normal; } |
| 254 |
.ec_admin_extension_item a.get-extension{ border:1px solid #7bb141; background:#7bb141; color:#FFF; padding:8px 15px; border-radius:18px; text-decoration:none; font-weight:bold; display:block; text-align:center; } |
| 255 |
.ec_admin_extension_item a.get-extension:hover{ border:1px solid #9dca6d; background:#9dca6d; } |
| 256 |
@media screen and (min-width: 440px) and (max-width: 1172px) { |
| 257 |
.ec_admin_extensions_list{ -moz-column-count:2; -webkit-column-count:2; column-count:2; } |
| 258 |
} |
| 259 |
@media screen and (max-width: 439px) { |
| 260 |
.ec_admin_extensions_list{ -moz-column-count:1; -webkit-column-count:1; column-count:1; } |
| 261 |
} |
| 262 |
|
| 263 |
/* importer styles for table */ |
| 264 |
.ec_importer_form{ clear:both; float:right !important; display:none; } |
| 265 |
.ec_import_button{ display:none; } |
| 266 |
.ec_importer_form input[type="text"] { min-width:300px; font-weight:normal; } |
| 267 |
.ec_importer_status{ display:none; border-style:solid; border-width:thin; border-color:#c3c3c3; background-color:#f3f3f3; clear:both; width:100%; font-size:12px; text-align:right; padding-right:10px; font-weight:bold; text-transform:none; } |
| 268 |
.ec_admin_importer_help_link{ float:left !important; font-size:12px; text-decoration:none; line-height:26px; margin-right:10px; text-transform:capitalize; color:#506219; } |
| 269 |
.ec_admin_importer_help_link:hover{ background:none !important; color:#506219 !important; text-decoration:underline; } |
| 270 |
|
| 271 |
/* Inventory Management */ |
| 272 |
tr.inventory_fine{ background-color:rgba(76,175,80,.10) !important; } |
| 273 |
tr.inventory_low{ background-color:rgba(255,191,2,.14) !important; } |
| 274 |
tr.out_of_stock{ background-color:rgba(244,67,54,.21) !important; } |
| 275 |
@media screen and (max-width: 799px) { |
| 276 |
.ec_inventory_status_section thead{ display:none; } |
| 277 |
.ec_inventory_status_section tr{ display:flex; flex-direction:column; width:100%; border-bottom:1px solid #ccc; text-align:center; padding:10px; } |
| 278 |
.ec_inventory_status_quantity{ display:flex; justify-content:center; } |
| 279 |
.ec_inventory_status_section .wp-easycart-admin-field-container{ width:auto !important; margin:0 auto; } |
| 280 |
} |
| 281 |
|
| 282 |
/*star rating reviews */ |
| 283 |
.ec_admin_rating_bar {display: inline-block; vertical-align: middle; margin-left: 5px;} |
| 284 |
.ec_admin_review_star_on{ border-color:transparent !important; border-bottom:5px solid #7bb141 !important; margin:5px 0; float:left; position:relative; display:block; color:#7bb141; width:0px; height:0px; border-right:8px solid transparent; border-bottom:5px solid #7bb141; border-left:8px solid transparent; -moz-transform:rotate(35deg); -webkit-transform:rotate(35deg); -ms-transform:rotate(35deg); -o-transform:rotate(35deg); } |
| 285 |
.ec_admin_review_star_on:before{ border-bottom:8px solid #7bb141; border-left:3px solid transparent; border-right:3px solid transparent; position:absolute; height:0px; width:0px; top:-5px; left:-6px; display:block; content:''; -webkit-transform:rotate(-35deg); -moz-transform:rotate(-35deg); -ms-transform:rotate(-35deg); -o-transform:rotate(-35deg); } |
| 286 |
.ec_admin_review_star_on:after{ position:absolute; display:block; color:#7bb141; left:-9px; width:0px; height:0px; content:''; border-right:8px solid transparent; border-bottom:6px solid #7bb141; border-left:8px solid transparent; -webkit-transform:rotate(-70deg); -moz-transform:rotate(-70deg); -ms-transform:rotate(-70deg); -o-transform:rotate(-70deg); } |
| 287 |
.ec_admin_review_star_off{ border-color:transparent !important; border-bottom:5px solid #CCCCCC !important; margin:5px 0; float:left; position:relative; display:block; color:#CCCCCC; width:0px; height:0px; border-right:8px solid transparent; border-bottom:5px solid #CCCCCC; border-left:8px solid transparent; -moz-transform:rotate(35deg); -webkit-transform:rotate(35deg); -ms-transform:rotate(35deg); -o-transform:rotate(35deg); } |
| 288 |
.ec_admin_review_star_off:before{ border-bottom:8px solid #CCCCCC; border-left:3px solid transparent; border-right:3px solid transparent; position:absolute; height:0px; width:0px; top:-5px; left:-6px; display:block; content:''; -webkit-transform:rotate(-35deg); -moz-transform:rotate(-35deg); -ms-transform:rotate(-35deg); -o-transform:rotate(-35deg); } |
| 289 |
.ec_admin_review_star_off:after{ position:absolute; display:block; color:#CCCCCC; left:-9px; width:0px; height:0px; content:''; border-right:8px solid transparent; border-bottom:6px solid #CCCCCC; border-left:8px solid transparent; -webkit-transform:rotate(-70deg); -moz-transform:rotate(-70deg); -ms-transform:rotate(-70deg); -o-transform:rotate(-70deg); } |
| 290 |
.wpec-admin-readonly{border: 1px solid #e0e0e0 !important } |
| 291 |
.ec_admin_row_heading_title {font-size: 16px; font-weight: bold; } |
| 292 |
.ec_admin_row_heading_message { font-size: 12px; font-weight: normal !important; } |
| 293 |
.ec_admin_details_panel .mce-edit-area > iframe{ min-height:300px; } |
| 294 |
.ec_admin_details_panel .ec_admin_col_12 .wpec-admin-upload-input{ min-width:67% !important; font-weight:normal !important; max-width:67% !important; float:right; } |
| 295 |
.ec_admin_details_panel .wpec-admin-upload-button{ float:right; padding:4px 8px; text-decoration:none; border:none; border:1px solid #ccc; -webkit-border-radius:2px; border-radius:2px; background:#f7f7f7; text-shadow:none; font-weight:600; font-size:13px; line-height:normal; color:#5e675e; cursor:pointer; outline:0; text-transform:uppercase; margin:1px; -webkit-appearance:none; -webkit-border-radius:0; } |
| 296 |
.ec_admin_details_panel .wpec-admin-upload-button:hover{ border-color:#5b9220; background:#7bb141; color:#fff; } |
| 297 |
.ec_admin_details_panel .wpec-admin-upload-preview{ max-width:90%; max-height:50px; } |
| 298 |
.wpeasycart-admin-image-row{ float:left; width:100%; border:1px solid #CCC; padding:10px; } |
| 299 |
.wpeasycart-admin-preview-row{ float:left; width:100%; padding:10px; margin:2px 0 10px 0; border:1px solid #CCC; } |
| 300 |
.ec_admin_details_panel .ec_admin_col_12 input[type="text"], .ec_admin_details_panel .ec_admin_col_12 input[type="number"], .ec_admin_details_panel .ec_admin_col_12 input[type="date"], .ec_admin_details_panel .ec_admin_col_12 select, .ec_admin_details_panel .ec_admin_col_12 input[type="password"], .ec_admin_order_details_line_item .wp-easycart-admin-toggle-group-text input[type="text"], .ec_admin_order_details_line_item .wp-easycart-admin-toggle-group-text input[type="number"], .ec_admin_settings_input_order_row input[type="text"], .ec_admin_settings_input_order_row input[type="number"]{ min-width:100%; font-weight:normal; max-width:100%; margin-top:0px; margin-left:0; margin-right:0; } |
| 301 |
.ec_admin_details_panel .wp-easycart-admin-toggle-group-text, .ec_admin_details_panel .wp-easycart-admin-toggle-group{ margin-top:5px; margin-bottom:5px; } |
| 302 |
.ec_admin_details_panel .wp-easycart-admin-toggle-group label{ margin-top:5px; } |
| 303 |
.ec_admin_color_holder{ float:right; min-width:80%; font-weight:normal; max-width:80%; } |
| 304 |
.ec_admin_message_success .dashicons-before, .ec_admin_message_error .dashicons-before{ float:left; margin:10px; } |
| 305 |
.ec_admin_message_success{ border-style:solid; border-width:1px; padding-left:15px; border-color:#628D5A; background-color:#F7F7EE; font-weight:bold; margin:20px 20px 0 20px; height:auto; line-height:40px; } |
| 306 |
.ec_admin_message_error{ border-style:solid; border-width:1px; padding-left:15px; border-color:#ea8404; background-color:#FFECD9; font-weight:bold; margin:20px 20px 0 20px; height:auto; line-height:40px; } |
| 307 |
.ec_validation_error{ float:left; width:100%; text-align:right; display:none; color:red; margin:5px 0 20px; line-height:12px; vertical-align:top; font-size:12px; padding:0 13px 0 0; } |
| 308 |
.ec_admin_allow_tracking > a.ec_admin_tracking_allow{ background:#7bb141; color:#FFF; text-decoration:none; margin-left:10px; border-radius:8px; padding:5px 12px; } |
| 309 |
.ec_admin_allow_tracking > a.ec_admin_tracking_allow:hover{ background:#98ca63; } |
| 310 |
.ec_admin_allow_tracking > a.ec_admin_tracking_deny{ background:#b14141; color:#FFF; text-decoration:none; margin-left:10px; border-radius:8px; padding:5px 12px; } |
| 311 |
.ec_admin_allow_tracking > a.ec_admin_tracking_deny:hover{ background:#d86b6b; } |
| 312 |
.wp-easycart-copy-address{ position: relative; box-shadow:none !important; margin:25px 0 5px; display: block; color: #333 !important; font-weight: bold; } |
| 313 |
.wp-easycart-copy-address:hover{ color:#111 !important; } |
| 314 |
.wp-easycart-copy-address > span.dashicons{ margin-right:5px; } |
| 315 |
.wp-easycart-admin-copied{ display:none; position: absolute; top: -5px; padding: 5px 10px; background: #333; border-radius: 5px; color: #FFFFFF; text-align: center; opacity: .8; margin-left:10px; } |
| 316 |
|
| 317 |
@media screen and (max-width: 799px) { |
| 318 |
.ec_admin_details_panel .ec_admin_col_12 .wpec-admin-upload-input{ min-width:100% !important; max-width:100% !important; float:left; } |
| 319 |
.ec_admin_details_panel .ec_admin_col_12 input[type="text"], .ec_admin_details_panel .ec_admin_col_12 input[type="number"], .ec_admin_details_panel .ec_admin_col_12 input[type="date"], .ec_admin_details_panel .ec_admin_col_12 select, .ec_admin_details_panel .ec_admin_col_12 input[type="password"]{ float:left; min-width:99%; max-width:99%; width:99%; } |
| 320 |
} |
| 321 |
|
| 322 |
/* Stats css */ |
| 323 |
.ec_admin_stats_link{ position:relative; } |
| 324 |
.ec_admin_stats_container{ position:absolute; right:0px; top:-50px; background:#f7f4e8; border:1px solid #7ab041; color:#222; min-width:200px; border-radius:5px; } |
| 325 |
.ec_admin_stats_container > div{ padding:20px 10px; } |
| 326 |
.ec_admin_stats_container > div .ec_admin_product_stat1{ font-size:16px; text-align:center; } |
| 327 |
.ec_admin_stats_container .ec_admin_loader{ display:block; } |
| 328 |
|
| 329 |
/*********************************** |
| 330 |
/*details footer |
| 331 |
/**********************************/ |
| 332 |
.ec_page_title_button_wrap{ position:relative; float:right; margin-right:5px; } |
| 333 |
.ec_page_title_button_wrap > select{ min-width:325px !important; max-width:325px !important; width:325px !important; } |
| 334 |
.ec_page_title_button, .ec_admin_order_edit_button{ display:inline-block; padding:4px 8px; text-decoration:none; border:none; border:1px solid #ccc; -webkit-border-radius:2px; border-radius:2px; background:#f7f7f7; text-shadow:none; font-weight:600; font-size:13px; line-height:normal; color:#5e675e; cursor:pointer; outline:0; text-transform:uppercase; margin:3px; -webkit-appearance:none; -webkit-border-radius:0; } |
| 335 |
.ec_page_title_button:hover, .ec_admin_order_edit_button:hover{ border-color:#5b9220; background:#7bb141; color:#fff; } |
| 336 |
.ec_page_title_button > div:before{ height:17px; width:17px; font-size:17px; } |
| 337 |
.ec_page_title_button_disabled{ display:inline-block; padding:4px 8px; text-decoration:none; border:none; border:1px solid #f7f7f7; -webkit-border-radius:2px; border-radius:2px; background:#f7f7f7; text-shadow:none; font-weight:600; font-size:13px; line-height:normal; color:#CCC; cursor:pointer; outline:0; text-transform:uppercase; margin:3px; } |
| 338 |
.ec_page_title_button_disabled > div:before{ height:17px; width:17px; font-size:17px; } |
| 339 |
.ec_admin_order_edit_button{ float:right; } |
| 340 |
.ec_admin_details_footer{ float:left; width:100%; margin:0 auto; background:#FFF; padding:10px 0; text-align:right; border:1px solid #cacaca; } |
| 341 |
|
| 342 |
/* Table Mobile Design */ |
| 343 |
th.wpec-mobile-only, td.wpec-mobile-only{ display:none; position:relative; } |
| 344 |
.wpec-mobile-row, .wpec-mobile-actions{ float:left; width:100%; margin-bottom:5px; } |
| 345 |
.wpec-mobile-row:first-child{ font-weight:bold; } |
| 346 |
.wpec-mobile-row:first-child .wpec-mobile-label{ display:none; } |
| 347 |
.wpec-mobile-row:nth-child( n+2 ){ display:none; } |
| 348 |
.wpec-mobile-row.wpec-mobile-row-expand{ display:block !important; } |
| 349 |
.wpec-mobile-label{ font-weight:bold; } |
| 350 |
.wpec-mobile-expand{ width:100%; position:absolute; left:0px; top:0px; cursor:pointer; padding:4px 0 0; } |
| 351 |
.wpec-mobile-expand > div{ float:right !important; } |
| 352 |
.wpec-mobile-extra-string{margin-left:10px; background:#EFEFEF; padding:5px 10px; } |
| 353 |
.wp-easycart-admin-customer{ position:relative; } |
| 354 |
.wp-easycart-admin-customer-button{ cursor:pointer; position:relative; float:left; width:100%; border:none; background:transparent; text-align:left; padding:0px; } |
| 355 |
.wp-easycart-admin-customer-button::after{ content: 'â–¼'; display:inline-block; margin-left:8px;font-size: 0.8em; opacity:0; transition:opacity 0.2s ease-in-out; vertical-align:middle; float:right; color:#666; } |
| 356 |
.wp-easycart-admin-customer-button:hover::after{ opacity:1; } |
| 357 |
.wp-easycart-admin-customer-popup{ position:absolute; display:none; padding:15px; background:white; z-index:2; left:-5px; top:25px; border-radius:5px; text-align:left; box-shadow:0px 0px 8px #333; font-size:1.2em; line-height:1.4em; } |
| 358 |
.wp-easycart-admin-customer-label{} |
| 359 |
.wp-easycart-admin-customer-element{ float:left; width:100%; font-weight:bold; } |
| 360 |
.wp-easycart-admin-customer-copy{ position:relative; float:left; width:100%; cursor:pointer; padding-right:35px; } |
| 361 |
.wp-easycart-admin-customer-copy::after{ opacity:0; font-family:'dashicons'; content: "\f481"; speak: never; font-size: 18px; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; text-decoration: none; word-wrap: normal !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; visibility: hidden; transition: opacity 0.2s ease-in-out, visibility 0s linear 0.2s; position: absolute; top: 50%; right: 5px; transform: translateY(-50%); } |
| 362 |
.wp-easycart-admin-customer-copy:hover::after{ opacity:1; visibility: visible; transition-delay: 0s; } |
| 363 |
.wp-easycart-admin-customer-copy.copied::after{ opacity:1; visibility: visible; transition-delay: 0s; content: "\f147"; } |
| 364 |
.wp-easycart-admin-customer-popup > a{ display:block; float:left; width:100%; text-align:center; background: #ffffff; border-radius: 5px; box-shadow: 0px 0px 5px #333; color: #333; font-size: 14px; font-weight: 600; margin-top:10px; } |
| 365 |
.wp-easycart-admin-customer-popup > a:hover{ background:#FEFEFE; } |
| 366 |
.wp-easycart-admin-customer-button.open::after{ opacity:1;} |
| 367 |
.wp-easycart-admin-customer-popup.open{ display:block; } |
| 368 |
@media screen and (max-width: 1499px) and (min-width: 1300px) { |
| 369 |
th.wpec-laptop-hide, td.wpec-laptop-hide{ display:none; } |
| 370 |
} |
| 371 |
@media screen and (max-width: 1299px) and (min-width: 783px) { |
| 372 |
th.wpec-tablet-hide, td.wpec-tablet-hide{ display:none; } |
| 373 |
} |
| 374 |
@media screen and (max-width: 782px) { |
| 375 |
.ec_page_title_button_wrap > select{ width:99% !important; min-width:99% !important; max-width:99% !important; } |
| 376 |
th.wpec-mobile-only, td.wpec-mobile-only{ display:table-cell !important; min-width:60%; padding:10px 5px !important; } |
| 377 |
th.wpec-mobile-hide, td.wpec-mobile-hide{ display:none; } |
| 378 |
} |
| 379 |
|
| 380 |
/* Products Page */ |
| 381 |
@media screen and (max-width: 1279px) { |
| 382 |
#ec_admin_product_list tr > th:nth-child( 5 ), #ec_admin_product_list tr > th:nth-child( 7 ){ display:none; } |
| 383 |
#ec_admin_product_list tr > td:nth-child( 5 ), #ec_admin_product_list tr > td:nth-child( 7 ){ display:none; } |
| 384 |
} |
| 385 |
@media screen and (max-width: 1105px) { |
| 386 |
#ec_admin_product_list tr > th:nth-child( 3 ), #ec_admin_product_list tr > th:nth-child( 6 ){ display:none; } |
| 387 |
#ec_admin_product_list tr > td:nth-child( 3 ), #ec_admin_product_list tr > td:nth-child( 6 ){ display:none; } |
| 388 |
} |
| 389 |
@media screen and (max-width: 782px) { |
| 390 |
#ec_admin_product_list tr > th:nth-child( 4 ){ display:none; } |
| 391 |
#ec_admin_product_list tr > td:nth-child( 4 ){ display:none; } |
| 392 |
#ec_admin_product_list > tbody > tr > td:first-child{ font-size:18px; padding:4px 10px 0; margin-bottom:-5px; } |
| 393 |
#ec_admin_product_list > tbody > tr > td:last-child{ height:32px; } |
| 394 |
.ec_page_title_button_wrap > select{ width:99% !important; min-width:99% !important; max-width:99% !important; } |
| 395 |
} |
| 396 |
|
| 397 |
/* Options Page */ |
| 398 |
@media screen and (max-width: 1279px) { |
| 399 |
#ec_admin_option_list tr > th:nth-child( 4 ){ display:none; } |
| 400 |
#ec_admin_option_list tr > td:nth-child( 4 ){ display:none; } |
| 401 |
} |
| 402 |
@media screen and (max-width: 1105px) { |
| 403 |
#ec_admin_option_list tr > th:nth-child( 3 ){ display:none; } |
| 404 |
#ec_admin_option_list tr > td:nth-child( 3 ){ display:none; } |
| 405 |
} |
| 406 |
@media screen and (max-width: 782px) { |
| 407 |
#ec_admin_option_list > tbody > tr > td:first-child{ font-size:18px; padding:4px 10px 0; margin-bottom:-5px; } |
| 408 |
#ec_admin_option_list > tbody > tr > td:last-child{ height:32px; } |
| 409 |
} |
| 410 |
|
| 411 |
/* Category Page */ |
| 412 |
@media screen and (max-width: 1279px) { |
| 413 |
#ec_admin_category_list tr > th:nth-child( 4 ){ display:none; } |
| 414 |
#ec_admin_category_list tr > td:nth-child( 4 ){ display:none; } |
| 415 |
} |
| 416 |
@media screen and (max-width: 1105px) { |
| 417 |
#ec_admin_category_list tr > th:nth-child( 5 ){ display:none; } |
| 418 |
#ec_admin_category_list tr > td:nth-child( 5 ){ display:none; } |
| 419 |
} |
| 420 |
@media screen and (max-width: 782px) { |
| 421 |
#ec_admin_category_list > tbody > tr > td:first-child{ font-size:18px; padding:4px 10px 0; margin-bottom:-5px; } |
| 422 |
#ec_admin_category_list > tbody > tr > td:last-child{ height:32px; } |
| 423 |
} |
| 424 |
|
| 425 |
/* Menu Page */ |
| 426 |
@media screen and (max-width: 799px) { |
| 427 |
#ec_admin_menu_list tr > th:nth-child( 4 ){ display:none; } |
| 428 |
#ec_admin_menu_list tr > td:nth-child( 4 ){ display:none; } |
| 429 |
} |
| 430 |
@media screen and (max-width: 782px) { |
| 431 |
#ec_admin_menu_list > tbody > tr > td:first-child{ font-size:18px; padding:4px 10px 0; margin-bottom:-5px; } |
| 432 |
#ec_admin_menu_list > tbody > tr > td:last-child{ height:32px; } |
| 433 |
} |
| 434 |
|
| 435 |
/* Customer Reviews Page */ |
| 436 |
@media screen and (max-width: 1279px) { |
| 437 |
#ec_admin_review_list tr > th:nth-child( 4 ){ display:none; } |
| 438 |
#ec_admin_review_list tr > td:nth-child( 4 ){ display:none; } |
| 439 |
} |
| 440 |
@media screen and (max-width: 1105px) { |
| 441 |
#ec_admin_review_list tr > th:nth-child( 6 ){ display:none; } |
| 442 |
#ec_admin_review_list tr > td:nth-child( 6 ){ display:none; } |
| 443 |
} |
| 444 |
@media screen and (max-width: 782px) { |
| 445 |
#ec_admin_review_list > tbody > tr > td:first-child{ font-size:18px; padding:4px 10px 0; margin-bottom:-5px; } |
| 446 |
#ec_admin_review_list > tbody > tr > td:last-child{ height:32px; } |
| 447 |
} |
| 448 |
|
| 449 |
/* Subscriptions Page */ |
| 450 |
@media screen and (max-width: 1279px) { |
| 451 |
#ec_admin_subscription_list tr > th:nth-child( 3 ){ display:none; } |
| 452 |
#ec_admin_subscription_list tr > td:nth-child( 3 ){ display:none; } |
| 453 |
} |
| 454 |
@media screen and (max-width: 1105px) { |
| 455 |
#ec_admin_subscription_list tr > th:nth-child( 6 ){ display:none; } |
| 456 |
#ec_admin_subscription_list tr > td:nth-child( 6 ){ display:none; } |
| 457 |
} |
| 458 |
@media screen and (max-width: 782px) { |
| 459 |
#ec_admin_subscription_list > tbody > tr > td:first-child{ font-size:18px; padding:4px 10px 0; margin-bottom:-5px; } |
| 460 |
#ec_admin_subscription_list > tbody > tr > td:last-child{ height:32px; } |
| 461 |
} |
| 462 |
|
| 463 |
/* Downloads Page */ |
| 464 |
@media screen and (max-width: 1279px) { |
| 465 |
#ec_admin_download_list tr > th:nth-child( 5 ){ display:none; } |
| 466 |
#ec_admin_download_list tr > td:nth-child( 5 ){ display:none; } |
| 467 |
} |
| 468 |
@media screen and (max-width: 1105px) { |
| 469 |
#ec_admin_download_list tr > th:nth-child( 4 ){ display:none; } |
| 470 |
#ec_admin_download_list tr > td:nth-child( 4 ){ display:none; } |
| 471 |
} |
| 472 |
@media screen and (max-width: 782px) { |
| 473 |
#ec_admin_download_list > tbody > tr > td:first-child{ font-size:18px; padding:4px 10px 0; margin-bottom:-5px; } |
| 474 |
#ec_admin_download_list > tbody > tr > td:last-child{ height:32px; } |
| 475 |
} |
| 476 |
|
| 477 |
/* User Page */ |
| 478 |
@media screen and (max-width: 1279px) { |
| 479 |
#ec_admin_user_list tr > th:nth-child( 5 ){ display:none; } |
| 480 |
#ec_admin_user_list tr > td:nth-child( 5 ){ display:none; } |
| 481 |
} |
| 482 |
@media screen and (max-width: 782px) { |
| 483 |
#ec_admin_user_list > tbody > tr > td:first-child{ font-size:18px; padding:4px 10px 0; margin-bottom:-5px; } |
| 484 |
#ec_admin_user_list > tbody > tr > td:last-child{ height:32px; } |
| 485 |
} |
| 486 |
|
| 487 |
/* Coupons Page */ |
| 488 |
@media screen and (max-width: 1279px) { |
| 489 |
#ec_admin_coupon_list tr > th:nth-child( 5 ){ display:none; } |
| 490 |
#ec_admin_coupon_list tr > td:nth-child( 5 ){ display:none; } |
| 491 |
#ec_admin_coupon_list tr > th:nth-child( 6 ){ display:none; } |
| 492 |
#ec_admin_coupon_list tr > td:nth-child( 6 ){ display:none; } |
| 493 |
} |
| 494 |
@media screen and (max-width: 1105px) { |
| 495 |
#ec_admin_coupon_list tr > th:nth-child( 3 ){ display:none; } |
| 496 |
#ec_admin_coupon_list tr > td:nth-child( 3 ){ display:none; } |
| 497 |
#ec_admin_coupon_list tr > th:nth-child( 4 ){ display:none; } |
| 498 |
#ec_admin_coupon_list tr > td:nth-child( 4 ){ display:none; } |
| 499 |
#ec_admin_coupon_list tr > th:nth-child( 5 ){ display:none; } |
| 500 |
#ec_admin_coupon_list tr > td:nth-child( 5 ){ display:none; } |
| 501 |
} |
| 502 |
@media screen and (max-width: 782px) { |
| 503 |
#ec_admin_coupon_list > tbody > tr > td:first-child{ font-size:18px; padding:4px 10px 0; margin-bottom:-5px; } |
| 504 |
#ec_admin_coupon_list > tbody > tr > td:last-child{ height:32px; } |
| 505 |
} |
| 506 |
|
| 507 |
/* Abandoned Cart Page */ |
| 508 |
@media screen and (max-width: 1279px) { |
| 509 |
#ec_admin_abandoned_cart_list tr > th:nth-child( 6 ){ display:none; } |
| 510 |
#ec_admin_abandoned_cart_list tr > td:nth-child( 6 ){ display:none; } |
| 511 |
#ec_admin_abandoned_cart_list tr > th:nth-child( 7 ){ width:150px; } |
| 512 |
#ec_admin_abandoned_cart_list tr > td:nth-child( 7 ){ width:150px; } |
| 513 |
} |
| 514 |
@media screen and (max-width: 1105px) { |
| 515 |
#ec_admin_abandoned_cart_list tr > th:nth-child( 2 ){ display:none; } |
| 516 |
#ec_admin_abandoned_cart_list tr > td:nth-child( 2 ){ display:none; } |
| 517 |
#ec_admin_abandoned_cart_list tr > th:nth-child( 4 ){ display:none; } |
| 518 |
#ec_admin_abandoned_cart_list tr > td:nth-child( 4 ){ display:none; } |
| 519 |
} |
| 520 |
@media screen and (max-width: 782px) { |
| 521 |
#ec_admin_abandoned_cart_list tr > th:nth-child( 6 ){ display:none; } |
| 522 |
#ec_admin_abandoned_cart_list tr > td:nth-child( 6 ){ display:none; } |
| 523 |
#ec_admin_abandoned_cart_list > tbody > tr > td:first-child{ font-size:18px; padding:4px 10px 0; margin-bottom:-5px; } |
| 524 |
#ec_admin_abandoned_cart_list > tbody > tr > td:last-child{ height:32px; } |
| 525 |
} |
| 526 |
|
| 527 |
/**************************** |
| 528 |
* Orders Page |
| 529 |
****************************/ |
| 530 |
.ec_admin_order_details_header .ec_help_icon_link{ margin-top:4px !important; } |
| 531 |
.ec_admin_content_area #order_viewed{ width:20px; } |
| 532 |
.ec_admin_new_order {color:#506219; font-weight:bold;} |
| 533 |
.ec_admin_order_information_edit{ width:90%; } |
| 534 |
.ec_admin_order_edit{ border-style:solid; border-width:1px; padding:10px; border-color:#9d9d9d; margin-left:-10px; z-index:2; position:absolute; background-color:#F7F7F7; } |
| 535 |
.ec_admin_order_edit input[type="text"]{ margin-right:0px !important; } |
| 536 |
.ec_admin_order_details_special_title{ margin-top:10px; } |
| 537 |
.ec_admin_order_value{ font-weight:normal !important; line-height:16px !important; } |
| 538 |
.ec_admin_order_details_info_item{ float:left; width:100%; font-weight:bold; } |
| 539 |
.ec_admin_order_details_info_item > span{ font-weight:normal; } |
| 540 |
.ec_admin_order_details_row{ float:left; width:100%; } |
| 541 |
.ec_admin_order_details_column_1, .ec_admin_order_details_column_12, .ec_admin_order_details_column_13, .ec_admin_order_details_column_23{ border:1px solid #d8d8d8; padding:2px 10px; margin-bottom:5px; } |
| 542 |
.ec_admin_order_details_input_padding{ padding:5px; } |
| 543 |
.ec_admin_order_details_column_1{ float:left; width:100%; } |
| 544 |
.ec_admin_order_details_column_12{ float:left; width:49%; } |
| 545 |
.ec_admin_order_details_column_12:last-child{ float:right; } |
| 546 |
.ec_admin_order_details_column_13{ float:left; width:32.333333%; } |
| 547 |
.ec_admin_order_details_column_13:first-child{ margin-right:1%; } |
| 548 |
.ec_admin_order_details_column_13:last-child{ float:right; } |
| 549 |
.ec_admin_order_details_column_23{ float:left; width:66.666666%; } |
| 550 |
.ec_admin_order_details_column_23:first-child{ margin-right:1%; } |
| 551 |
.ec_admin_order_details_column_23:last-child{ float:right; } |
| 552 |
.ec_admin_order_details_column_1 > input, .ec_admin_order_details_column_12 > input, .ec_admin_order_details_column_13 > input, .ec_admin_order_details_column_23 > input{ float:left !important; min-width:100% !important; width:100% !important; margin:0px !important; } |
| 553 |
.ec_admin_order_details_column_1 > select, .ec_admin_order_details_column_12 > select, .ec_admin_order_details_column_13 > select, .ec_admin_order_details_column_23 > select{ float:left !important; min-width:100% !important; width:100% !important; margin:0px !important; } |
| 554 |
.ec_admin_order_details_column_1 > .select2, .ec_admin_order_details_column_12 > .select2, .ec_admin_order_details_column_13 > .select2, .ec_admin_order_details_column_23 > .select2{ float:left !important; min-width:100% !important; width:100% !important; margin:0px !important; } |
| 555 |
.ec_admin_order_details_currency_row{ line-height:20px; border-left:1px solid #CCC; border-right:1px solid #CCC; } |
| 556 |
.ec_admin_order_details_currency_row:first-child{ border-top:1px solid #CCC; } |
| 557 |
.ec_admin_order_details_currency_row:last-child{ border-bottom:1px solid #CCC; } |
| 558 |
.ec_admin_order_details_currency_label{ border:none; line-height:30px; text-align:right; width:45%; padding:5px 10px; margin-bottom:0px; font-size:12px; font-weight:500; background:#FFF; border-right:1px solid #CCC; } |
| 559 |
.ec_admin_order_details_currency_total{ border:none; text-align:right; width:50%; padding:5px 15px; margin-bottom:0px; font-size:14px; font-weight:bold; } |
| 560 |
.ec_admin_order_details_currency_refund_label{ color:red; } |
| 561 |
.ec_admin_order_details_currency_refund_total{ color:red; } |
| 562 |
.ec_admin_order_details_currency_grand_total_label{ color:#7bb141 } |
| 563 |
.ec_admin_order_details_currency_grand_total{ color:#7bb141; font-size:22px; } |
| 564 |
.ec_admin_refund_error{ display:none; float:left; width:100%; padding:10px; border:1px solid #F00; margin-bottom:5px; } |
| 565 |
.ec_admin_refund_error > div{ float:left; width:100%; color:red; text-align:center; } |
| 566 |
.ec_admin_order_totals_edit_button{ padding:4px 8px; text-decoration:none; border:none; border:1px solid #ccc; -webkit-border-radius:2px; border-radius:2px; background:#f7f7f7; text-shadow:none; font-weight:600; font-size:13px; line-height:normal; color:#5e675e; cursor:pointer; outline:0; text-transform:uppercase; margin:3px; } |
| 567 |
.ec_admin_order_totals_edit_button:hover{ border-color:#5b9220; background:#7bb141; color:#fff;} |
| 568 |
.ec_admin_column{ display:inline-block; vertical-align:top; line-height:22px; font-weight:normal !important; } |
| 569 |
.ec_admin_column_thirds{ width:33% !important; } |
| 570 |
.ec_admin_order_title{ font-weight:bold; display:inline-block; min-width:40%; line-height:20px; } |
| 571 |
.ec_admin_order_content{ display:inline-block; min-width:50% } |
| 572 |
.ec_admin_grand_total{ font-size:18px; line-height:30px; font-weight:bold; } |
| 573 |
.ec_admin_refund_total{ color:#F00; font-weight:bold; } |
| 574 |
.ec_page_order_title_button_wrap{ min-width: 40%; } |
| 575 |
.ec_page_order_title_button_wrap select{ max-width:125px; min-width:125px; } |
| 576 |
.ec_admin_currency{ text-align:right; } |
| 577 |
span.ec_admin_order_details_order_id{ margin-left:0px !important; } |
| 578 |
span.ec_admin_order_details_order_date{ margin-left:15px !important; font-size:12px; font-weight:500; } |
| 579 |
.ec_admin_order_details_order_status_line > #orderstatus_id{ margin-top:10px; float:right; line-height:26px; min-height:26px; } |
| 580 |
.ec_admin_order_items_header{ border-bottom:1px solid #CCC; float:left; width:100%; padding:0 8px 8px; } |
| 581 |
.ec_admin_order_details_line_item{ padding:8px 0; border-bottom:1px solid #CCC; } |
| 582 |
.ec_admin_order_details_item_details{ float:left; width:50%; } |
| 583 |
.ec_admin_order_details_item_details > span{ float:left; width:100%; line-height:18px; font-size:14px; margin-top:8px; margin-bottom:2px; } |
| 584 |
.ec_admin_order_details_item_details > div{ line-height:18px; font-size:11px; } |
| 585 |
.ec_admin_order_details_item_details > select, .ec_admin_order_details_item_details > .select2{ float:left !important; margin-top:12px; } |
| 586 |
.ec_admin_order_details_item_price{ float:left; width:15%; text-align:right; line-height:55px; padding-right:4px; } |
| 587 |
.ec_admin_order_details_item_price > span{ font-weight:500; font-size:10px; } |
| 588 |
.ec_admin_order_details_item_price > input{ width:55px; min-width:55px !important; margin-top:12px; margin-left:8px; margin-right:0px !important; } |
| 589 |
.ec_admin_order_details_item_total{ float:left; width:15%; text-align:right; line-height:55px; } |
| 590 |
.ec_admin_order_details_item_actions{ float:left; width:15%; text-align:left; line-height:55px; } |
| 591 |
.ec_admin_order_details_item_actions > div{ float:left; line-height:55px; } |
| 592 |
.ec_admin_order_details_item_actions > div.dashicons-edit:before, .ec_admin_order_details_item_actions > div.dashicons-yes:before{ background:#7bb141; border-radius:55px; margin-top:13px; padding:4px; color:#FFF; } |
| 593 |
.ec_admin_order_details_item_actions > div.dashicons-edit:hover:before, .ec_admin_order_details_item_actions > div.dashicons-yes:hover:before{ cursor:pointer; background:#9dce69; } |
| 594 |
.ec_admin_order_details_item_actions > div.dashicons-trash:before{ background:#f44336; border-radius:55px; margin-top:13px; margin-right:10px; margin-left:4px; padding:4px; color:#FFF; } |
| 595 |
.ec_admin_order_details_item_actions > div.dashicons-trash:hover:before{ cursor:pointer; background:#f5877f; } |
| 596 |
.ec_admin_order_details_notes_box{ float:left; width:55% !important; } |
| 597 |
.ec_admin_order_details_notes_box > div{ position:relative; } |
| 598 |
.ec_admin_order_details_notes_box > div > select, .ec_admin_order_details_notes_box > div > input{ width:100%; } |
| 599 |
.ec_admin_order_details_notes_box textarea{ width:100% !important; height:100px !important; } |
| 600 |
.ec_admin_order_details_totals_box{ margin-top:20px; float:right !important; width:40% !important; background:#F5F5F5; } |
| 601 |
.ec_admin_order_details_totals_box > h4{ text-align:right; padding-right:4px; } |
| 602 |
.ec_admin_customer_info_top{ line-height:20px; border:1px solid #7bb141; padding:5px 12px; text-align:left; margin-top:20px; } |
| 603 |
.ec_admin_customer_info_top > a{ text-decoration:none; font-weight:500; color:#7b7b7b; } |
| 604 |
.ec_admin_customer_info_top > a:hover{ color:#7bb141; } |
| 605 |
.ec_admin_customer_info_details{ font-weight:500 !important; text-align:left; padding:5px 12px; } |
| 606 |
.ec_admin_order_details_address_content > div{ font-size:13px; font-weight:500; line-height:22px; } |
| 607 |
.ec_admin_order_details_totals_edit{ position:absolute; top:-10px; right:-10px; background:#7bb141; color:#FFF; line-height:20px; padding:2px 4px 2px 3px; border-radius:5px; font-size:10px; } |
| 608 |
.ec_admin_order_details_totals_edit > .dashicons-edit{ width:20px; height:20px; float:left; margin-right:3px; } |
| 609 |
.ec_admin_order_details_totals_edit > .dashicons-edit:before{ color:#FFF; } |
| 610 |
.ec_admin_order_details_totals_edit:hover{ cursor:pointer; background:#9dce69; } |
| 611 |
.ec_admin_order_details_item_price_edit{ clear:both; float:left; width:85%; margin-left:15%; } |
| 612 |
.ec_admin_order_details_item_price_edit > input{ float:left !important; min-width:75px !important; } |
| 613 |
.ec_admin_order_details_item_price_edit > span{ float:left !important; margin-right:12px; } |
| 614 |
.ec_admin_order_details_item_total_edit{ clear:both; float:left; width:85%; margin-left:15%; } |
| 615 |
.ec_admin_order_details_item_title_edit, .ec_admin_order_details_item_option_edit{ clear:both; float:left; width:85%; margin-left:15%; } |
| 616 |
.ec_admin_order_details_item_title_edit > input, .ec_admin_order_details_item_option_edit > input{ float:left !important; min-width:98% !important; } |
| 617 |
.ec_admin_order_details_item_model_number_edit{ float:right; width:85%; } |
| 618 |
.ec_admin_order_details_item_model_number_edit > input{ float:left !important; min-width:98% !important; } |
| 619 |
.ec_admin_refund_row{ float:left; width:100%; margin:10px 0; padding:10px; line-height:30px; border-top:1px solid #CCC; border-bottom:1px solid #CCC; background:#F5F5F5; } |
| 620 |
.ec_admin_refund_row > span, .ec_admin_refund_row > input{ float:left; margin-right:12px; } |
| 621 |
#ec_admin_order_details_user_id_content .select2{ float:left; width:100% !important; } |
| 622 |
.wpeasycart-admin-orderstatus{ min-width:250px !important; font-size:14px !important; line-height:14px !important; margin-top:10px !important; text-transform:none; } |
| 623 |
.ec_admin_order_details_order_status_line{ float:right; } |
| 624 |
.ec_admin_order_details_line_item_save{ cursor:pointer; float:left; clear:both; margin:8px 0 0 15%; background:#7bb141; color:#FFF; padding:2px 7px; border-radius:5px; font-size:11px; } |
| 625 |
/* Order Log History */ |
| 626 |
.wpeasycart-timeline-container{ background-color:#FFF; box-shadow:0 0 35px 0 rgb(154 161 171 / 15%); display:flex; border:1px solid #efefef; } |
| 627 |
.wpeasycart-timeline-container-inner{ -webkit-box-flex:1; flex:1 1 auto; padding:1.5rem 1.5rem; } |
| 628 |
.wpeasycart-timeline-container-inner h4{ color: #333; font-size: 18px; margin: 0 0 10px; } |
| 629 |
.wpeasycart-timline-scrollbox{ height:330px; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border-top:1px solid #CCC; border-bottom:1px solid #CCC; } |
| 630 |
.wpeasycart-timline-scrollbox-content{ overflow: hidden; width: inherit; height: inherit; max-width: inherit; max-height: inherit; } |
| 631 |
|
| 632 |
.wpeasycart-scrollbar-simple{ position:absolute; right:2px; width:5px; min-height:10px; background:#bcbcbc; } |
| 633 |
.wpeasycart-scrollbar-simple:before{ position:absolute; content:''; background:#a2adb7; border-radius:7px; left:0; right:0; opacity:0; -webkit-transition:opacity .2s linear; transition:opacity .2s linear; } |
| 634 |
.wpeasycart-timline-scrollbox-content-mask{ direction: inherit; position: absolute; overflow: hidden; padding: 0; margin: 0; left: 0; top: 0; bottom: 0; right: 0; width: auto!important; height: auto!important; z-index: 0; } |
| 635 |
.wpeasycart-timline-scrollbox-content-mask-offset{ right:0px; bottom:0px; direction: inherit!important; -webkit-box-sizing: inherit!important; box-sizing: inherit!important; resize: none!important; position: absolute; top: 0; left: 0; padding: 0; margin: 0; -webkit-overflow-scrolling: touch; } |
| 636 |
.wpeasycart-timline-scrollbox-content-mask-container{ height:auto; min-height:100%; overflow:hidden scroll; direction: inherit; -webkit-box-sizing: border-box!important; box-sizing: border-box!important; position: relative; display: block; width: auto; max-width: 100%; max-height: 100%; scrollbar-width: none; } |
| 637 |
.wpeasycart-timline-scrollbox-content-mask-container::-webkit-scrollbar { width: 8px; } |
| 638 |
.wpeasycart-timline-scrollbox-content-mask-container::-webkit-scrollbar-track { background-color: #e4e4e4; border-radius: 100px; } |
| 639 |
.wpeasycart-timline-scrollbox-content-mask-container::-webkit-scrollbar-thumb { background-color: #999999; border-radius: 100px; } |
| 640 |
.wpeasycart-timeline-content-container{ padding:0px; } |
| 641 |
.wpeasycart-timeline-content-container:before{ content: ' '; display:table; } |
| 642 |
.wpeasycart-timeline{ position:relative; } |
| 643 |
.wpeasycart-timeline-item:first-child{ margin-top:25px; } |
| 644 |
.wpeasycart-timeline-item:last-child{ margin-bottom:25px; } |
| 645 |
.wpeasycart-timeline-item{ display:flex; position:relative; margin-bottom:-3px; } |
| 646 |
.wpeasycart-timeline-item:before{ background-color: #f1f3fa; bottom: 0; content: ""; left:11px; position: absolute; top: 20px; width: 2px; z-index: 0; } |
| 647 |
.wpeasycart-timeline-item > span.dashicons{ float: left; height: 20px; width: 20px; border-radius: 50%; border: 2px solid transparent; font-size: 12px; text-align: center; line-height: 16px; background-color: #fff } |
| 648 |
.wpeasycart-timeline-item > span.dashicons:before{ font-size:20px; } |
| 649 |
.wpeasycart-timeline-item-info{ margin-left:30px; } |
| 650 |
.wpeasycart-timeline-item-info > a{ color:#555; font-size:15px; font-weight:bold; text-decoration:none; display:block; margin-top:-2px; margin-bottom:-5px; cursor:default; } |
| 651 |
.wpeasycart-timeline-item:nth-child(odd) a, .wpeasycart-timeline-item:nth-child(odd) span.dashicons{ color:#39afd1; } |
| 652 |
.wpeasycart-timeline-item-info > small{ display:block; font-size:.75rem; color:#333; font-weight:normal; line-height:1.25rem; margin:5px 0 10px; } |
| 653 |
.wpeasycart-timeline-item-info > p{ display:block; font-size:12px; font-weight:normal; margin-top:0px; padding-bottom:.75rem; } |
| 654 |
.wpeasycart-add-text-notification-image{ width:100%; max-width:1000px; margin:0 auto; } |
| 655 |
.wpeasycart-add-text-notification-button{ width:100%; display:block; text-align:center; color:#FFF; background-color:#333; text-decoration:none; font-size:1rem; text-transform:uppercase; padding:12px; } |
| 656 |
.wpeasycart-add-text-notification-button:hover{ background-color:#111; color:#FFF; } |
| 657 |
.wpeasycart-add-text-notification-header{ font-size:1.2rem; margin:20px 0 10px; } |
| 658 |
.wpeasycart-add-text-notification-account-button{ padding:8px 20px; border-radius:4px; color:#FFF; background-color:#333; text-decoration:none; text-transform:uppercase; display:inline-block; margin-top:15px; } |
| 659 |
.wpeasycart-add-text-notification-account-button:hover{ background-color:#111; color:#FFF; } |
| 660 |
#wpeasycart_order_history_refresh{ float:right; cursor:pointer; display:inline-block; width:20px; height:20px; } |
| 661 |
#wpeasycart_order_history_refresh > span{ transform:scaleX(-1); } |
| 662 |
.wpeasycart-refresh-processing{ animation: rotation 2s infinite linear; opacity:.2 !important; } |
| 663 |
|
| 664 |
@media screen and (max-width: 1355px) { |
| 665 |
.ec_admin_order_details_order_status_line{ float:left; width:100%; } |
| 666 |
} |
| 667 |
@media screen and (max-width: 1258px) { |
| 668 |
.ec_admin_order_details_notes_box, .ec_admin_order_details_totals_box{ width:100% !important; } |
| 669 |
} |
| 670 |
@media screen and (max-width: 1420px) { |
| 671 |
.ec_admin_order_details_item_title_edit, .ec_admin_order_details_item_option_edit, .ec_admin_order_details_item_model_number_edit, .ec_admin_order_details_item_price_edit, .ec_admin_order_details_item_total_edit{ width:100% !important; margin:0px !important; } |
| 672 |
.ec_admin_order_details_item_title_edit > input, .ec_admin_order_details_item_option_edit > input, .ec_admin_order_details_item_model_number_edit > input, .ec_admin_order_details_item_total_edit > input{ width:100% !important; float:left !important; } |
| 673 |
.ec_admin_order_details_line_item_save{ margin-left:0px; } |
| 674 |
} |
| 675 |
@media screen and (max-width: 885px) { |
| 676 |
.ec_admin_order_details_item_actions{ width:85px !important; position:absolute; } |
| 677 |
.ec_admin_order_details_item_details{ width:100% !important; padding-left:95px; } |
| 678 |
.ec_admin_order_details_item_details > .ec_details_option_label{ float:left; clear:both; margin:10px 12px 0 0; } |
| 679 |
.ec_admin_order_details_item_details > .ec_details_option_value{ float:left; margin:10px 0 0; } |
| 680 |
.ec_admin_order_details_item_price{ clear:both; width:100% !important; padding-left:95px; text-align:left; padding-bottom:2px; border-bottom:1px solid #CCC; line-height:1.1em; margin:10px 0 10px; } |
| 681 |
.ec_admin_order_details_item_total{ clear:both; width:100% !important; padding-left:95px; text-align:left; margin:0 0 0; line-height:1.1em; font-size:20px; } |
| 682 |
} |
| 683 |
|
| 684 |
/*************************** |
| 685 |
/*order details line items |
| 686 |
/***************************/ |
| 687 |
.ec_details_column_heading{ display: inline-block; font-size:14px; font-weight: bold; background-color:#EAEAEA; } |
| 688 |
.ec_details_column_info{ display:inline-block; font-size:14px; font-weight:bold; vertical-align:top; line-height:18px; padding-top:10px; } |
| 689 |
.ec_details_col1 { width: 14%; padding: 0 5px 0 5px;word-break: break-all;} |
| 690 |
.ec_details_col2 { width: 43%; padding: 0 5px 0 5px;word-break: break-all;} |
| 691 |
.ec_details_col3 { width: 13%; text-align:center; padding: 0 5px 0 5px;word-break: break-all;} |
| 692 |
.ec_details_col4 { width: 5%; text-align:center; padding: 0 5px 0 5px;word-break: break-all;} |
| 693 |
.ec_details_col5 { width: 10%; text-align:center; padding: 0 5px 0 5px;word-break: break-all;} |
| 694 |
.ec_details_col6 { width: 13%; text-align:right; padding: 0 5px 0 5px;word-break: break-all;} |
| 695 |
.ec_details_option_label { float:left; clear:both; display:block; margin-left:10px; font-size: 12px;} |
| 696 |
.ec_details_option_value { float:left; display:block; margin-left:10px; font-size: 12px; font-weight: normal; } |
| 697 |
.ec_admin_address_line_item{ min-height: 150px !important; } |
| 698 |
|
| 699 |
@media screen and (min-width: 1134px) and (max-width: 1276px) { |
| 700 |
.ec_details_column_heading.ec_details_col1, .ec_details_column_info.ec_details_col1{ display:none; } |
| 701 |
.ec_details_column_heading.ec_details_col2, .ec_details_column_info.ec_details_col2{ width:57%; } |
| 702 |
} |
| 703 |
@media screen and (min-width: 841px) and (max-width: 1133px) { |
| 704 |
.ec_details_column_heading.ec_details_col1, .ec_details_column_info.ec_details_col1{ display:none; } |
| 705 |
.ec_details_column_heading.ec_details_col6, .ec_details_column_info.ec_details_col6{ display:none; } |
| 706 |
.ec_details_column_heading.ec_details_col2, .ec_details_column_info.ec_details_col2{ width:60%; } |
| 707 |
.ec_details_column_heading.ec_details_col3, .ec_details_column_info.ec_details_col3{ width:18%; } |
| 708 |
.ec_details_column_heading.ec_details_col5, .ec_details_column_info.ec_details_col5{ width:15%; } |
| 709 |
} |
| 710 |
@media screen and (max-width: 840px) { |
| 711 |
.ec_details_column_info.ec_details_col1, .ec_details_column_heading.ec_details_col1, .ec_details_column_heading.ec_details_col3, .ec_details_column_heading.ec_details_col4, .ec_details_column_heading.ec_details_col5, .ec_details_column_heading.ec_details_col6{ display:none } |
| 712 |
.ec_details_column_info.ec_details_col2, .ec_details_column_heading.ec_details_col2{ width:100%; } |
| 713 |
.ec_details_col3, .ec_details_col4, .ec_details_col5, .ec_details_col6{ width:auto; text-align:left; } |
| 714 |
} |
| 715 |
@media screen and (min-width: 790px) and (max-width: 1189px) { |
| 716 |
.ec_admin_column_thirds{ width:50% !important; } |
| 717 |
} |
| 718 |
@media screen and (max-width: 789px) { |
| 719 |
.ec_admin_column_thirds{ width:100% !important; } |
| 720 |
} |
| 721 |
@media screen and (max-width: 1105px) { |
| 722 |
.ec_page_order_title_button_wrap.ec_page_title_button_wrap{ float:left; width:100%; } |
| 723 |
.ec_page_order_title_button_wrap.ec_page_title_button_wrap > .ec_admin_row_heading_title{ float:left; width:100%; } |
| 724 |
.ec_page_order_title_button_wrap.ec_page_title_button_wrap > select{ float:left; width:100%; } |
| 725 |
.ec_page_order_title_button_wrap.ec_page_title_button_wrap > .ec_page_title_button{ float:right; } |
| 726 |
.ec_page_order_title_button_wrap.ec_page_title_button_wrap > .ec_help_icon_link{ float:right; } |
| 727 |
} |
| 728 |
|
| 729 |
/************************** |
| 730 |
* Subscriptions Page |
| 731 |
**************************/ |
| 732 |
.ec_admin_subscription_orders{ width:100%; float:left; margin-top:20px; } |
| 733 |
.ec_admin_subscription_orders > thead > tr{ border:1px solid #CCC; } |
| 734 |
.ec_admin_subscription_orders > tbody > tr{ border-bottom:1px solid #CCC; } |
| 735 |
.ec_admin_subscription_orders > tbody > tr > td{ border-top:1px solid #CCC; border-right:1px solid #CCC; text-align:center; } |
| 736 |
.ec_admin_subscription_orders > tbody > tr > td:last-child{ border-right:none; } |
| 737 |
|
| 738 |
/************************************** |
| 739 |
/* STORE STATUS CSS |
| 740 |
/**************************************/ |
| 741 |
.ec_status_header{ float:left; width:100%; background-color:#FFF; height:inherit; margin-bottom:0px; margin-top: 10px; border-bottom:none; } |
| 742 |
.ec_status_header_text{ margin-left:15px; font-weight:bold; font-size:14px; } |
| 743 |
.ec_status_success{ float:left; width:100%; background-color:#f2ffe0; margin-bottom:5px; border-style:solid; border-width:1px; border-color:#378e42; box-shadow:none !important; height:auto !important; line-height:37px; } |
| 744 |
.ec_status_success .dashicons-yes, .ec_status_error .dashicons-no{ margin:-5px 0 5px; } |
| 745 |
.ec_status_success .dashicons-yes:before, .ec_status_subs .dashicons-yes:before{ color:#116b21; } |
| 746 |
.ec_status_error .dashicons-no:before{ color: #750909; } |
| 747 |
.ec_status_subs .dashicons-warning:before{ color:#F60; } |
| 748 |
.ec_status_success .dashicons-yes:before, .ec_status_error .dashicons-no:before{ width:45px; max-width:10%; display:inline; float:left; font-size:35px; padding-top:8px; } |
| 749 |
.ec_status_label{ float:left; width:90%; } |
| 750 |
.ec_status_success_button{ float:right; width:175px; height:35px; line-height:39px; background-color:#7bb141; border:1px solid #FFF; box-shadow:1px 1px 8px #333; text-align:center; margin-top:3px; margin-right:3px; color:#FFF; font-weight:bold; } |
| 751 |
.ec_status_error{ float:left; width:100%; background-color:#ffe6e6; margin-bottom:5px; border-style: solid; border-width: 1px; border-color: #ff0000; box-shadow: none !important; line-height:37px; } |
| 752 |
.ec_status_error_button{ float:right; width:175px; height:35px; line-height:39px; background-color:#b24241; border:1px solid #FFF; box-shadow:1px 1px 8px #333; text-align:center; margin-top:3px; margin-right:3px; color:#FFF; font-weight:bold; } |
| 753 |
.ec_status_subtitles{ height:15px; width:50%; display:inline-block; line-height:15px; } |
| 754 |
.ec_status_subs{ line-height:normal; padding:8px; } |
| 755 |
.ec_status_subs .dashicons-yes:before, .ec_status_subs .dashicons-warning:before{ width:25px; display:inline; float:left; font-size:20px; padding-top:0px; } |
| 756 |
input.readonly, input[readonly], textarea.readonly, textarea[readonly]{ background-color:#fff; } |
| 757 |
|
| 758 |
/*help system icons*/ |
| 759 |
.ec_help_icon{ float:left; color:#a9a9a9; margin:0 5px 0 0 !important; width:18px; height:18px; line-height:1 !important; } |
| 760 |
.ec_help_icon.dashicons-info{ color:#ffffff; } |
| 761 |
.ec_help_icon.dashicons-format-video{ color:#ffffff; } |
| 762 |
.ec_help_icon_link{ float:right; line-height:1.5em; margin-left:5px; margin-top:12px; font-size:12px; text-decoration:none; background:#a9a9a9; padding:4px 10px 4px 5px !important; color:#FFF !important; border-radius:6px; } |
| 763 |
.ec_help_icon_link:hover, .ec_help_icon_link:active{ border-color:none !important; background:#333; color:#FFF !important; } |
| 764 |
.ec_help_icon:before{ vertical-align:inherit !important; font-size:18px !important; line-height:1 !important; height:20px !important; width:20px !important; } |
| 765 |
|
| 766 |
/*language settings */ |
| 767 |
.ec_admin_settings_language_section input[type="text"], .ec_admin_settings_language_section input[type="password"], .ec_admin_settings_language_section select{ margin-top: 2px !important; } |
| 768 |
.current_language_title{ font-size:22px; font-weight:bold; margin-left:15px; margin-top:25px; margin-bottom:15px; } |
| 769 |
.ec_language_expand_btn{ width:20px; height:20px; float:right; background-image:url(../images/toggle-expand.png); background-repeat:no-repeat; margin-top:10px; margin-right:10px; } |
| 770 |
.ec_language_contract_btn{ width:20px; height:20px; float:right; background-image:url(../images/toggle-contract.png); background-repeat:no-repeat; margin-top:10px; margin-right:10px; display:none; } |
| 771 |
.ec_language_section_holder{ float:left; width:100%; display:none; } |
| 772 |
.ec_language_row_holder{ float:left; width:100%; } |
| 773 |
.ec_language_row_input{ float:left; width:100%; } |
| 774 |
.ec_language_row_input > input{ text-transform: none !important; } |
| 775 |
.ec_admin_language_add{ position:inherit; line-height:35px; vertical-align:middle; width:50%;} |
| 776 |
.ec_admin_language_add > input.ec_admin_settings_simple_button{ color:#FFF; background-color:#7bb141; padding:6px 12px; border:none; margin:0px; font-size:13px; font-weight:bold; cursor:pointer; -webkit-appearance:none; -webkit-border-radius:0; } |
| 777 |
.ec_admin_language_add > input.ec_admin_settings_simple_button:hover{ background-color:#ADDA7E; } |
| 778 |
.ec_admin_language_input{ position:relative; line-height:35px; float:left; vertical-align:middle; width:100%; padding-left:30px; padding-right:15px; } |
| 779 |
.ec_admin_language_input > input.ec_admin_settings_simple_button{ color:#FFF; background-color:#7bb141; padding:6px 12px; border:none; margin:0px; font-size:13px; font-weight:bold; cursor:pointer; -webkit-appearance:none; -webkit-border-radius:0; } |
| 780 |
.ec_admin_language_input > input.ec_admin_settings_simple_button:hover{ background-color:#ADDA7E; } |
| 781 |
.ec_language_settings{ float:left; width:100%; height:35px; background-color:#edffe8; margin-bottom:8px; line-height:35px; border-style:solid; border-width:1px; border-color:#48af26; } |
| 782 |
.ec_language_setting_row_label{ float:left; width:300px; margin-left:10px; font-weight:bold; } |
| 783 |
.ec_language_settings{ width:auto !important; margin-right:1%; padding:0 10px; } |
| 784 |
.ec_language_settings > .ec_language_setting_row_label{ width:auto !important; margin-left:0px; } |
| 785 |
|
| 786 |
/* Dashboard Classes */ |
| 787 |
.ec_admin_head_section{ width:100%; height:85px; padding:20px 20px 0 20px; } |
| 788 |
.ec_admin_head_content{ float:left; width:100%; position:relative; } |
| 789 |
.ec_admin_head_content h3{ margin:5px 0; } |
| 790 |
.ec_admin_head_buttons_row{ float:right; width:50%; margin:15px 0 0 0; } |
| 791 |
.ec_admin_head_button{ float:right; width:65px; height:30px; border:1px solid #ada994; background:#eae4cd; background:-moz-linear-gradient(top, #eae4cd 0%, #ddd7bc 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#eae4cd), color-stop(100%,#ddd7bc)); background:-webkit-linear-gradient(top, #eae4cd 0%,#ddd7bc 100%); background:-o-linear-gradient(top, #eae4cd 0%,#ddd7bc 100%); background:-ms-linear-gradient(top, #eae4cd 0%,#ddd7bc 100%); background:linear-gradient(to bottom, #eae4cd 0%,#ddd7bc 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eae4cd', endColorstr='#ddd7bc',GradientType=0 ); color:#706b55; position:relative; } |
| 792 |
.ec_admin_head_button span{ content:''; position:absolute; width:100%; height:100%; display:inline-block; } |
| 793 |
.ec_admin_head_button span a{ position:absolute; width:100%; height:100%; display:inline-block; } |
| 794 |
.ec_admin_head_button span a:before{ content:''; } |
| 795 |
.ec_admin_head_button div{ margin:3px 0 0; width:100%; text-align:center; } |
| 796 |
.ec_admin_full_width_banner{ width:100%; height:85px; margin:15px 0; border-top:5px solid #ada994; border-bottom:5px solid #ada994; } |
| 797 |
.ec_admin_full_width_banner_inner{ width:100%; height:100%; padding:5px 50px; border-top:1px solid #f7f3df; border-bottom:1px solid #f7f3df; background:#d3ceb6; } |
| 798 |
.ec_admin_banner_bar_buttons{ max-width:650px; margin:0 auto; } |
| 799 |
.ec_admin_banner_button{ float:left; width:130px; height:62px; border:1px solid #ada994; background:#eae4cd; background:-moz-linear-gradient(top, #eae4cd 0%, #ddd7bc 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#eae4cd), color-stop(100%,#ddd7bc)); background:-webkit-linear-gradient(top, #eae4cd 0%,#ddd7bc 100%); background:-o-linear-gradient(top, #eae4cd 0%,#ddd7bc 100%); background:-ms-linear-gradient(top, #eae4cd 0%,#ddd7bc 100%); background:linear-gradient(to bottom, #eae4cd 0%,#ddd7bc 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eae4cd', endColorstr='#ddd7bc',GradientType=0 ); color:#827d66; text-align:center; position:relative; } |
| 800 |
.ec_admin_button_product div{ float:left; width:100%; color:#ff0066; position:relative; } |
| 801 |
.ec_admin_button_product > span a:hover{ color:#ff0066; } |
| 802 |
.ec_admin_button_orders div{ float:left; width:100%; color:#7ab041; } |
| 803 |
.ec_admin_button_orders > span a:hover{ color:#7ab041; } |
| 804 |
.ec_admin_button_comments div{ float:left; width:100%; color:#419fb0; } |
| 805 |
.ec_admin_button_comments > span a:hover{ color:#419fb0; } |
| 806 |
.ec_admin_button_statistics div{ float:left; width:100%; color:#ffa200; } |
| 807 |
.ec_admin_button_statistics > span a:hover{ color:#ffa200; } |
| 808 |
.ec_admin_button_extend div{ float:left; width:100%; color:#13665f; } |
| 809 |
.ec_admin_button_extend > span a:hover{ color:#13665f; } |
| 810 |
.ec_admin_banner_button span{ float:left; width:100%; text-transform:capitalize; position:absolute; width:100%; height:100%; top:0; left:0; } |
| 811 |
.ec_admin_banner_button span a{ color:#333; text-decoration:none; position:absolute; width:100%; height:100%; top:0; left:0; line-height:101px; } |
| 812 |
.ec_admin_banner_button div{ line-height:34px; margin-top:7px; } |
| 813 |
.ec_admin_banner_button div:before{ width:34px; font-size:35px; } |
| 814 |
|
| 815 |
.ec_admin_success_message{ position:relative; text-align:center; background-color:#7bb141; border:1px solid #446F15; margin:10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } |
| 816 |
.ec_admin_success_message > div{ padding:10px; color:#FFF; font-size:12px; font-weight:bold; } |
| 817 |
|
| 818 |
.ec_admin_dashboard_chart_editor{ float:left; width:100%; margin:20px 0; background: white; margin: 20px 0; border: 1px solid #CCC; padding: 10px; text-align: center; } |
| 819 |
.ec_admin_dashboard_chart{ float:left; width:33%; margin-bottom:25px; } |
| 820 |
.ec_admin_dashboard_chart:nth-child( 3n+2 ){ margin-left:.5%; margin-right:.5%; } |
| 821 |
|
| 822 |
@media screen and (min-width: 1300px) and (max-width: 1799px) { |
| 823 |
.ec_admin_dashboard_chart{ float:left; width:49.5%; } |
| 824 |
.ec_admin_dashboard_chart:nth-child( 3n+2 ){ margin-left:0%; margin-right:0%; } |
| 825 |
.ec_admin_dashboard_chart:nth-child( 2n ){ margin-left:.5%; margin-right:0%; } |
| 826 |
.ec_admin_dashboard_chart:nth-child( 2n+1 ){ margin-left:0%; margin-right:.5%; } |
| 827 |
} |
| 828 |
|
| 829 |
@media screen and (max-width: 1299px) { |
| 830 |
.ec_admin_dashboard_chart{ float:left; width:100%; } |
| 831 |
.ec_admin_dashboard_chart:nth-child( 3n+2 ){ margin-left:0%; margin-right:0%; } |
| 832 |
.ec_admin_dashboard_chart:nth-child( 2n+1 ){ margin-left:0%; margin-right:0%; } |
| 833 |
.ec_admin_dashboard_chart:nth-child( 2n ){ margin-left:0%; margin-right:0%; } |
| 834 |
} |
| 835 |
|
| 836 |
.ec_admin_graph_header{ width:100%; margin:15px 0px; padding:15px 30px; border-top:2px solid #ada994; border-bottom:2px solid #ada994; background:#d3ceb6; text-align:center; font-size:18px; font-weight:bold; color:#706b55; } |
| 837 |
.ec_admin_chart{ margin:0 auto; width:100% !important; height:400px; background-color:#FFF; border:1px solid #ada994; padding:20px; display:block; } |
| 838 |
.ec_admin_chart_holder{ visibility:hidden; } |
| 839 |
.ec_admin_chart_holder_active{ display:block; visibility:visible; } |
| 840 |
.ec_admin_dashboard_stat_items{ float:left; width:100%; margin:0 0 10px; } |
| 841 |
.ec_admin_dashboard_stat_item{ float:left; background:white; margin-bottom:10px; padding:15px; border:1px solid #CCC; } |
| 842 |
.ec_admin_dashboard_stat_item_title{ float:left; width:100%; font-size:13px; font-weight:bold; text-transform:uppercase; color:#999; margin-bottom:8px; } |
| 843 |
.ec_admin_dashboard_stat_item_total{ float:left; width:100%; font-size:20px; font-weight:bold; color:#333; margin-bottom:5px; } |
| 844 |
.ec_admin_dashboard_stat_item_change{ float:left; width:100%; font-size:22px; font-weight:normal; margin-bottom:15px; } |
| 845 |
.ec_admin_dashboard_stat_item_change.increase{ color:green; } |
| 846 |
.ec_admin_dashboard_stat_item_change.decrease{ color:red; } |
| 847 |
.ec_admin_dashboard_stat_item_change .dashicons{ float:left; } |
| 848 |
.ec_admin_dashboard_stat_item_change.increase .dashicons:before{ color:green; } |
| 849 |
.ec_admin_dashboard_stat_item_change.decrease .dashicons:before{ color:red; } |
| 850 |
.ec_admin_dashboard_stat_item_prev_total{ float:left; width:100%; font-size:14px; font-weight:normal; color:#999 } |
| 851 |
.ec_admin_dashboard_stat_item.deactivate{ background:#EFEFEF; } |
| 852 |
.ec_admin_dashboard_stat_item.deactivate .ec_admin_dashboard_stat_item_title, .ec_admin_dashboard_stat_item.deactivate .ec_admin_dashboard_stat_item_total, .ec_admin_dashboard_stat_item.deactivate .ec_admin_dashboard_stat_item_change, .ec_admin_dashboard_stat_item.deactivate .ec_admin_dashboard_stat_item_prev_total{ color:#CCC; } |
| 853 |
.wpeasycart_admin_chart_types{ float:right; } |
| 854 |
.wpeasycart_admin_chart_types .dashicons{ cursor:pointer; } |
| 855 |
.wpeasycart_admin_chart_types .dashicons:before{ color:#AAA; } |
| 856 |
.wpeasycart_admin_chart_types .dashicons.selected:before{ color:#333; } |
| 857 |
.wpeasycart_admin_chart_types .dashicons-image-rotate{ animation:spin 1.4s infinite; -webkit-animation:spin 1.4s infinite; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; } |
| 858 |
.wpeasycart_admin_chart_export{ float:right; background:#333; padding:4px 10px; border-radius:5px; text-align:center; color:white; margin:13px 0 0 10px; cursor:pointer; } |
| 859 |
.wpeasycart_admin_chart_export:hover{ background:#222; color:#EFEFEF; } |
| 860 |
.wpeasycart_admin_chart_export .dashicons-image-rotate{ animation:spin 1.4s infinite; -webkit-animation:spin 1.4s infinite; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; } |
| 861 |
.wpeasycart_admin_modal{ z-index:9999998; position:fixed; background:rgba(0,0,0,.85); left:0; top:0; width:100%; height:100%; padding-top:100px; text-align:center; } |
| 862 |
.wpeasycart_admin_modal_content{ z-index:9999999; margin:0 auto; max-width:90%; width:500px; position:relative; padding:50px; border-radius:10px; background:#FFF; } |
| 863 |
.wpeasycart_admin_modal_close{ position:absolute; cursor:pointer; top:10px; right:10px; background:#333; padding:5px 10px; border:1px solid #CCC; color:white; border-radius:5px; } |
| 864 |
.wpeasycart_admin_modal_close:hover{ background:#222; color:#EFEFEF; } |
| 865 |
.wpeasycart_admin_download_report{ display:inline-block; padding:5px 10px; background:#333; color:#FFF !important; border-radius:5px; text-decoration:none; text-transform:uppercase; margin:5px 10px; } |
| 866 |
.wpeasycart_admin_download_report:hover{ background:#222; color:#EFEFEF !important; } |
| 867 |
.ec_admin_dashboard_chart_range_button{ float:left; background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width:350px; max-width:49.5%; margin-right:1%; min-height:80px; } |
| 868 |
.ec_admin_dashboard_chart_range_button:nth-child(2n){margin-right:0;} |
| 869 |
.ec_admin_simple_divider{ width:100%; height:1px; border-bottom:2px solid #ada994; margin:15px 0; } |
| 870 |
.ec_admin_general_stats_box{ float:left; width:100%; height:125px; margin:15px auto; border:1px solid #ada994; background:#FFF; padding:10px 25px; } |
| 871 |
.ec_admin_general_stat_item{ float:left; width:21%; padding:10px; height:100%; } |
| 872 |
.ec_admin_general_stat_item > .ec_admin_general_stat_number{ font-size:30px; font-weight:bold; width:135px; margin-left:65px; margin-top:25px; } |
| 873 |
.ec_admin_general_stat_item > .ec_admin_general_stat_label{ font-size:12px; width:200px; margin-left:0px; margin-top:6px; } |
| 874 |
.ec_admin_general_stat_item > .dashicons-before{ float:left; margin-top:5px; } |
| 875 |
.ec_admin_general_stat_item > .dashicons-before:before{ height:85px; width:85px; font-size:75px; } |
| 876 |
.ec_admin_general_stat_item.ec_admin_stat_item_orders{ color:#7ab041; text-align:center; margin:0 8% 0 0; } |
| 877 |
.ec_admin_general_stat_item.ec_admin_stat_item_reviews{ color:#419fb0; text-align:center; margin:0 6%; } |
| 878 |
.ec_admin_general_stat_item.ec_admin_stat_item_accounts{ color:#ff0066; text-align:center; margin:0 3% 0 9%; } |
| 879 |
@media screen and (min-width: 1350px) { |
| 880 |
.ec_admin_dashboard_stat_item{ width:19.5%; margin-left:.625%; } |
| 881 |
.ec_admin_dashboard_stat_item:nth-child(5n+1){ margin-left:0; } |
| 882 |
} |
| 883 |
@media screen and (min-width: 1050px) and (max-width: 1349px) { |
| 884 |
.ec_admin_dashboard_stat_item{ width:24.5%; margin-left:.666667%; } |
| 885 |
.ec_admin_dashboard_stat_item:nth-child(4n+1){ margin-left:0; } |
| 886 |
} |
| 887 |
@media screen and (min-width: 750px) and (max-width: 1049px) { |
| 888 |
.ec_admin_dashboard_stat_item{ width:33%; margin-left:.5%; } |
| 889 |
.ec_admin_dashboard_stat_item:nth-child(3n+1){ margin-left:0; } |
| 890 |
} |
| 891 |
@media screen and (min-width: 350px) and (max-width: 749px) { |
| 892 |
.ec_admin_dashboard_stat_item{ width:49.5%; margin-left:1%; } |
| 893 |
.ec_admin_dashboard_stat_item:nth-child(2n+1){ margin-left:0; } |
| 894 |
} |
| 895 |
@media screen and (max-width: 349px) { |
| 896 |
.ec_admin_dashboard_stat_item{ width:100%; margin-left:0%; } |
| 897 |
} |
| 898 |
@media screen and (max-width: 1299px) { |
| 899 |
.ec_admin_dashboard_chart_range_button{ width:49.5%; } |
| 900 |
.wpeasycart_admin_chart_export{ clear:both; } |
| 901 |
} |
| 902 |
@media screen and (max-width: 1124px) { |
| 903 |
.ec_admin_full_width_banner{ display:none; } |
| 904 |
.ec_admin_general_stat_item{ width:33%; margin:0 !important; } |
| 905 |
.ec_admin_general_stat_item > .dashicons-before{ display:none; } |
| 906 |
.ec_admin_general_stat_item > .ec_admin_general_stat_number{ width:100%; margin-left:0px; } |
| 907 |
.ec_admin_general_stat_item > .ec_admin_general_stat_label{ width:100%; } |
| 908 |
} |
| 909 |
@media screen and (max-width: 1189px) { |
| 910 |
.ec_admin_dashboard_chart_editor{ display:flex; flex-wrap:wrap; flex-direction:row; align-content:center; align-items:center; justify-content:center; } |
| 911 |
} |
| 912 |
@media screen and (min-width: 750px) and (max-width: 1189px) { |
| 913 |
.ec_admin_dashboard_chart_filters > select{ width:32.333333% !important; max-width:32.333333% !important; margin:0 .5%; } |
| 914 |
} |
| 915 |
@media screen and (min-width: 450px) and (max-width: 749px) { |
| 916 |
.ec_admin_dashboard_chart_filters > select{ width:49% !important; max-width:49% !important; margin:2px .5%; } |
| 917 |
} |
| 918 |
@media screen and (max-width: 449px) { |
| 919 |
.ec_admin_dashboard_chart_filters > select{ width:100% !important; max-width:100% !important; margin:2px 0%; } |
| 920 |
} |
| 921 |
/* Start General Styles for Settings Pages */ |
| 922 |
.ec_admin_important_numbered_list{ float:left; -moz-column-count:2; -moz-column-gap:10px; -webkit-column-count:2; -webkit-column-gap:10px; column-count:2; column-gap:10px; width:100%; } |
| 923 |
.ec_admin_important_numbered_list_fullwidth{ float:left; width:100%; } |
| 924 |
.ec_admin_list_line_item{ position:relative; border:1px solid #C1C1C1; background-color:#FFF; border-radius:2px; min-height:225px; display:inline-block; margin-bottom:10px; width:100%; } |
| 925 |
.ec_admin_list_line_item_fullwidth{ position:relative; border:1px solid #C1C1C1; background-color:#FFF; border-radius:2px; box-shadow:0px 2px 5px 0px #CACACA; min-height:225px; display:inline-block; margin-bottom:10px; width:100%; } |
| 926 |
.ec_admin_list_line_item_fullwidth_language{ position:relative; border:1px solid #C1C1C1; background-color:#FFF; border-radius:2px; box-shadow:0px 2px 5px 0px #CACACA; display:inline-block; margin-bottom:10px; width:95%; } |
| 927 |
.ec_admin_list_subactions{ opacity:0; } |
| 928 |
.easycart-wrap .wp-list-table tbody tr:hover .ec_admin_list_subactions{ opacity:1; } |
| 929 |
.ec_admin_list_title_edit:hover{ text-decoration:underline; color:#7ab041; } |
| 930 |
.ec_admin_line_item_scroller{ max-height:400px; overflow-y:scroll; float:left; width:100%; border-bottom:1px solid #cacaca; margin:0px 0px 10px 0px; } |
| 931 |
.ec_admin_line_item_no_scroll{ float:left; width:100%; border-bottom:1px solid #cacaca; margin:0px 0px 10px 0px; } |
| 932 |
.ec_admin_collapsable{ min-height:0px !important; } |
| 933 |
.ec_admin_collapsed_section{ display:none; } |
| 934 |
@media screen and (max-width: 1054px) { |
| 935 |
.ec_admin_important_numbered_list{ -moz-column-count:inherit; -moz-column-gap:inherit; -webkit-column-count:inherit; -webkit-column-gap:inherit; column-count:inherit; column-gap:inherit; width:100%; margin:0px; padding:8px; } |
| 936 |
.ec_admin_list_line_item{ float:left; display:block; width:100%; } |
| 937 |
} |
| 938 |
.ec_admin_settings_left{ float:left; width:75%; border-right:1px solid #7bb141; } |
| 939 |
.ec_admin_settings_right{ float:right; width:25%; } |
| 940 |
.ec_admin_settings_panel{ padding:10px; } |
| 941 |
.ec_admin_settings_panel h2{ position:relative; float:left; width:100%; font-size:30px; margin:0; text-align:left; color:#7bb141; border-bottom:1px solid #7bb141; padding:25px; text-transform:uppercase; background-color:#FFF; } |
| 942 |
.ec_admin_settings_panel h2 > .ec_admin_settings_header_text{ } |
| 943 |
.ec_admin_settings_panel h2 > .ec_admin_settings_header_text > .dashicons-before{ position:absolute; top:-35px; left:5px; border:4px solid #FFFFFF; background:#7bb141; width:85px; height:85px; } |
| 944 |
.ec_admin_settings_panel h2 > .ec_admin_settings_header_text > .dashicons-before:before{ font-size:65px; color:#F7F4E8; } |
| 945 |
.ec_admin_settings_panel h2 > .ec_admin_settings_header_text > .dashicons-admin-plugins:before{ margin-left:-44px; margin-top:6px; } |
| 946 |
.ec_admin_settings_panel h2 > .ec_admin_settings_header_text > .dashicons-admin-tools:before{ margin-left:-44px; margin-top:6px; } |
| 947 |
|
| 948 |
.ec_admin_demo_data_line{ line-height:140px; } |
| 949 |
.ec_admin_list_number{ float:left; font-size:45px; margin:15px 25px 15px 125px; font-weight:bold; color:#7bb141; padding:15px; border:3px solid #7bb141; } |
| 950 |
.ec_admin_list_number.ec_admin_settings_list_number_whats_next{ margin-left:255px; width:88px; text-align:center; } |
| 951 |
.ec_admin_settings_label{ position:relative; float:left; width:100%; line-height:45px; font-size:18px; font-weight:bold; color:#506219; vertical-align:middle; text-transform:uppercase; text-align:left; border-bottom:1px solid #CACACA; padding:8px 12px 6px; margin-bottom:15px; } |
| 952 |
.ec_admin_settings_label.ec_admin_expand_section_header{ cursor:pointer; } |
| 953 |
.ec_admin_settings_label > .dashicons-before{ position:absolute; top:12px; } |
| 954 |
.ec_admin_settings_label > .dashicons-before:before{ float:left; margin-top:12px; } |
| 955 |
.ec_admin_settings_label > span{ position:relative; float:left; margin-left:33px; padding-top:4px; } |
| 956 |
.ec_admin_settings_label > span.ec_admin_label_button{ float:right; font-size:12px; } |
| 957 |
.ec_admin_settings_label > span.ec_admin_label_button > a{ background:#7bb141; padding:5px 9px; color:#FFF; text-decoration:none; } |
| 958 |
.ec_admin_settings_label_center{ position:relative; float:left; width:100%; line-height:45px; font-size:18px; font-weight:bold; color:#506219; vertical-align:middle; text-transform:uppercase; text-align:center; border-bottom:1px solid #CACACA; padding:8px 12px 6px; margin-bottom:15px; } |
| 959 |
.ec_admin_settings_label_center > .dashicons-before{ position:relative; text-align:center; width:100%; float:left; } |
| 960 |
.ec_admin_settings_label_center > .dashicons-before:before{ font-size:33px; width:33px; height:33px; border:1px solid #506219; background:#506219; border-radius:33px; color:#FFF; padding:7px; } |
| 961 |
.ec_admin_settings_label_center > span{ float:left; margin-left:33px; padding-top:4px; } |
| 962 |
.ec_admin_settings_label_center > span.ec_admin_label_button{ float:right; font-size:12px; } |
| 963 |
.ec_admin_settings_label_center > span.ec_admin_label_button > a{ background:#7bb141; padding:5px 9px; color:#FFF; text-decoration:none; } |
| 964 |
.ec_admin_settings_input{ position:relative; float:left; line-height:1.8em; vertical-align:middle; width:100%; padding:0 15px 15px; } |
| 965 |
.ec_admin_settings_input > div{ float:left; width:100%; } |
| 966 |
.ec_admin_settings_input_order_row > div{ position:relative; float:left; width:100%; } |
| 967 |
.ec_admin_settings_input > div > input[type="text"], .ec_admin_settings_input > div > input[type="number"], .ec_admin_settings_input > div > select{ float:right; min-width:60%; max-width:100%; } |
| 968 |
.ec_admin_settings_input > span{ font-weight:bold; } |
| 969 |
.ec_admin_settings_input > span.ec_admin_settings_simple_button, .ec_admin_settings_input > input.ec_admin_settings_simple_button{ color:#FFF; background-color:#7bb141; padding:6px 12px; border:none; margin:0px; font-size:13px; font-weight:bold; cursor:pointer; -webkit-appearance:none; -webkit-border-radius:5px; border-radius:5px; } |
| 970 |
.ec_admin_settings_input > span.ec_admin_settings_simple_button:hover, .ec_admin_settings_input > input.ec_admin_settings_simple_button:hover{ background-color:#ADDA7E; } |
| 971 |
.ec_admin_settings_input > span.ec_admin_settings_simple_button a{ color:#FFF !important; text-decoration:none !important; } |
| 972 |
.ec_admin_settings_input select{ min-width:300px; max-width:100%; height:38px; line-height:38px; border:1px solid #7bb141; color:#506219; font-size:13px; } |
| 973 |
.ec_admin_settings_input .ec_admin_shipping_rate > select{ min-width:95% !important; } |
| 974 |
.ec_admin_settings_input input[type="checkbox"]{ border:1px solid #7bb141; } |
| 975 |
.ec_admin_list_line_item_submit{ float:left; width:100%; text-align:left; padding-left:15px; } |
| 976 |
.ec_admin_list_line_item_submit > input[type="submit"]{ margin:10px auto; width:300px; height:35px; background:#7bb141; border:1px solid #FFF; font-weight:bold; color:#FFF; cursor:pointer; } |
| 977 |
.ec_admin_list_line_item_submit > input[type="submit"]:hover{ background:#ADDA7E; } |
| 978 |
|
| 979 |
@media screen and (max-width: 1279px) { |
| 980 |
.ec_admin_settings_label > .dashicons-before{ top:1px; } |
| 981 |
.ec_admin_settings_label > span{ float:left; width:calc( 100% - 45px ); clear:both; line-height:1.2em; } |
| 982 |
.ec_admin_settings_label > a{ float:left; margin-left:0px; margin-right:5px; } |
| 983 |
} |
| 984 |
|
| 985 |
.ec_admin_settings_currency_section input[type="number"], .ec_admin_settings_currency_section input[type="text"], .ec_admin_settings_currency_section input[type="password"], .ec_admin_settings_currency_section input[type="date"], .ec_admin_settings_currency_section select{ float:right; margin-right:12px; line-height:30px; height:30px; border:1px solid #7bb141; color:#506219; font-size:13px; } |
| 986 |
.ec_admin_settings_currency_section .select2{ float:left; width:100% !important; margin-right:12px; line-height:30px; color:#506219; font-size:13px; } |
| 987 |
.ec_admin_settings_currency_section .select2 .select2-selection{ border:none; font-weight:normal; } |
| 988 |
.ec_admin_settings_products_section > div{ margin-top:-5px; } |
| 989 |
.ec_admin_settings_products_section input{ margin-right:12px; min-width:100px; line-height:30px; height:30px; border:1px solid #7bb141; color:#506219; font-size:13px; } |
| 990 |
.ec_admin_settings_products_section select{ margin-right:12px; min-width:170px; line-height:30px; height:30px; border:1px solid #7bb141; color:#506219; font-size:13px; } |
| 991 |
.ec_admin_settings_products_section select.ec_admin_settings_multiple_select{ height:160px; } |
| 992 |
.ec_admin_settings_products_section input[type="checkbox"]{ width:17px; height:17px; min-width:17px; margin-top:-2px; } |
| 993 |
.ec_admin_settings_show{ display:block; } |
| 994 |
.ec_admin_settings_hide{ display:none; } |
| 995 |
|
| 996 |
.ec_admin_settings_tax_clear{ float:left; width:100%; clear:both; } |
| 997 |
.ec_admin_settings_tax_section input, .ec_admin_settings_tax_section select{ float:right; margin-right:12px; min-width:170px; line-height:30px; height:30px; border:1px solid #7bb141; color:#506219; font-size:13px; } |
| 998 |
.ec_admin_settings_input .dashicons-plus{ position:absolute; width:25px; right:5px; top:5px; } |
| 999 |
.ec_admin_settings_tax_section input[type="checkbox"]{ float:none; width:17px; height:17px; min-width:17px; margin-top:-2px; } |
| 1000 |
.ec_admin_settings_tax_section input[type="number"]{ min-width:70px !important; width:70px !important; text-align:center; line-height:18px; margin-right:4px; } |
| 1001 |
.ec_admin_settings_tax_section input[type="button"]{ color:#FFF; background-color:#7bb141; padding:6px 12px; line-height:18px; font-weight:bold; cursor:pointer; border:none; text-transform:none; -webkit-appearance:none; -webkit-border-radius:0; } |
| 1002 |
.ec_admin_settings_tax_section input[type="button"]:hover{ background:#ADDA7E; } |
| 1003 |
.ec_admin_settings_tax_percentage{ float:right; margin-right:10px; } |
| 1004 |
.ec_admin_settings_tax_divider{ float:left; background-color:#7BB141; margin:12px 0px; height:1px; width:100%; } |
| 1005 |
.ec_admin_settings_light_tax_divider{ float:left; background-color:#E8E8E8; margin:12px 0px; height:1px; width:100%; } |
| 1006 |
|
| 1007 |
.ec_admin_settings_advanced_payment_section input[type="text"], .ec_admin_settings_advanced_payment_section input[type="password"], .ec_admin_settings_advanced_payment_section select{ float:left; line-height:30px; height:30px; border:1px solid #7bb141; color:#506219; font-size:13px; width:100%; margin-top:0px; margin-bottom:7px; } |
| 1008 |
.ec_admin_settings_advanced_payment_section > .ec_admin_settings_input{ padding-left:0px !important; } |
| 1009 |
.ec_admin_settings_third_party_section input[type="text"], .ec_admin_settings_third_party_section input[type="password"], .ec_admin_settings_third_party_section select{ float:left; line-height:30px; height:30px; border:1px solid #7bb141; color:#506219; font-size:13px; width:100%; margin-top:0px; margin-bottom:7px; } |
| 1010 |
.ec_admin_settings_third_party_section > .ec_admin_settings_input, .ec_admin_settings_live_payment_section > .ec_admin_settings_input{ padding-left:0px !important; } |
| 1011 |
.ec_admin_settings_live_payment_section input[type="text"], .ec_admin_settings_live_payment_section input[type="email"], .ec_admin_settings_live_payment_section input[type="password"], .ec_admin_settings_live_payment_section select{ float:left; line-height:30px; height:30px; border:1px solid #7bb141; color:#506219; font-size:13px; width:100%; max-width:100%; margin-top:0px; margin-bottom:7px; } |
| 1012 |
.ec_admin_settings_payment_full_text{ float:none; width:100%; margin:0; } |
| 1013 |
.ec_admin_settings_payment_full_textarea{ float:none; width:100%; margin:0; height:155px; } |
| 1014 |
.ec_admin_settings_notice{ line-height:initial; float:left; margin:12px 12px 0 0; } |
| 1015 |
|
| 1016 |
/* Payment Styles */ |
| 1017 |
.payment-bad{ background: rgb(140 37 37 / 21%); border-radius: 25px; padding: 2px 15px; } |
| 1018 |
.payment-processing{ background: rgb(222 244 24 / 34%); border-radius: 25px; padding: 2px 15px; } |
| 1019 |
.payment-neutral{ background: rgb(0 0 0 / 12%); border-radius: 25px; padding: 2px 15px; } |
| 1020 |
.payment-paid{ background: rgb(213 213 213 / 41%); border-radius: 25px; padding: 2px 15px; } |
| 1021 |
.order_status_chip{ background: rgb(213 213 213 / 41%); padding: 2px 7px; display:inline-block; width:100%; font-size:11px; text-align:center; } |
| 1022 |
.wpec-mobile-row .order_status_chip{ float:right; margin-right:25px; width:auto; } |
| 1023 |
.payments-details-view{ float:left; width:100%; border-radius:0px; text-align:center; } |
| 1024 |
.ec_admin_slider_row{ position:relative; float:left; width:100%; background:#FFF; border:1px solid #e1e1e1; padding:20px; margin:0 0 10px 0; } |
| 1025 |
.ec_admin_slider_row > h1{ font-size:24px; font-weight:400; text-align:center; } |
| 1026 |
.ec_admin_slider_row > h3{ float:left; width:100px; font-size:24px; font-weight:400; line-height:28px; } |
| 1027 |
.ec_admin_slider_row_input{ float:left; width:100%; margin:20px 0; } |
| 1028 |
.ec_admin_slider_row_input label{ float:left; width:24%; line-height:1.575rem; padding:.5rem .75rem .25rem 0; font-weight:500; font-size:.875rem; display:inline-block; vertical-align:middle; } |
| 1029 |
.ec_admin_slider_row_input input[type="text"]{ float:left; border-radius:.1875rem; -webkit-appearance:none; padding:.5625rem .625rem; border-radius:.1875rem; border:1px solid #cbd6e2; font-size:1rem; transition:all .15s ease-out; background-color:#f5f8fa; color:#33475b; display:block; height:2.5rem; line-height:1.375rem; text-align:left; vertical-align:middle; width:50%; } |
| 1030 |
.ec_admin_slider_row_input input[type="text"]::placeholder{ color:#b7c4d2; } |
| 1031 |
.ec_admin_slider_row_input input[type="button"]{ float:left; width:24%; transition:all .15s ease-out; cursor:pointer; border:none; background:#76b72a; padding:.5625rem .625rem;border-radius:.1875rem; font-size:1rem; color:#ffffff; -webkit-appearance:none; -webkit-border-radius:.1875rem; } |
| 1032 |
.ec_admin_slider_row_input input[type="button"]:hover{ background-color:#8fd043 !important; } |
| 1033 |
.ec_admin_slider_row_description{ float:left; max-width:500px; margin:16px 0 0; } |
| 1034 |
.ec_admin_slider_row_description > a{ float:left; clear:both; } |
| 1035 |
.ec_admin_toggles_wrap{ float:right; width:150px; } |
| 1036 |
.ec_admin_toggle{ height:42px; } |
| 1037 |
.ec_admin_toggle > span{ font-size:12px; color:#222; line-height:35px; } |
| 1038 |
.ec_admin_toggle > a{ position:relative; display:block; float:right; width:50px; height:42px; } |
| 1039 |
.ec_admin_toggle > a > span{ position:absolute; z-index:1; left:0; top:0; width:50px; height:42px; } |
| 1040 |
|
| 1041 |
.ec_admin_switch{ float:right; position:relative; display:inline-block; width:50px; height:23px; margin:10px 0 0; } |
| 1042 |
.ec_admin_switch input.ec_admin_slider_checkbox{ display:none; } |
| 1043 |
.ec_admin_slider{ position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background-color:#ccc; -webkit-transition:.4s; transition:.4s; } |
| 1044 |
.ec_admin_slider:before{ position:absolute; content:""; height:20px; width:20px; left:2px; bottom:2px; background-color:white; -webkit-transition:.4s; transition:.4s; } |
| 1045 |
input.ec_admin_slider_checkbox:focus + .ec_admin_slider{ box-shadow:0 0 1px #2196F3; } |
| 1046 |
input.ec_admin_slider_checkbox:checked + .ec_admin_slider{ background:#222; } |
| 1047 |
input.ec_admin_slider_checkbox:checked + .ec_admin_slider:before{ -webkit-transform:translateX(26px); -ms-transform:translateX(26px); transform:translateX(26px); } |
| 1048 |
|
| 1049 |
.ec_admin_slider.round{ border-radius:34px; } |
| 1050 |
.ec_admin_slider.round:before{ border-radius:50%; } |
| 1051 |
|
| 1052 |
.ec_admin_webhook{ float:left; margin:10px 0 0 100px; clear:both; } |
| 1053 |
.ec_admin_webhook_copy{ position:absolute; width:100%; height:100%; margin:0; top:0; left:0; text-align:center; background:rgba(0, 0, 0, 0.86); color:#FFF; padding:63px 0 0; } |
| 1054 |
|
| 1055 |
.ec_admin_gateways_all_button{ margin:0 auto; padding:15px 30px; background:#7ab041; color:#FFF; text-decoration:none; border-radius:5px; text-transform:uppercase; font-size:16px; font-weight:lighter; line-height:46px; } |
| 1056 |
.ec_admin_gateways_all_button:hover{ background:#699e31; color:#FFF !important; } |
| 1057 |
|
| 1058 |
.ec_admin_stripe_holder{ float:left; width:100%; padding:15px; } |
| 1059 |
.ec_admin_stripe_holder label{ float:left; width:100%; } |
| 1060 |
#ec_square_options{ float:left; width:100%; max-width:500px; clear:both; margin-left:100px; border:1px solid #CCC; margin-top:15px; } |
| 1061 |
@media screen and (max-width:1064px) { |
| 1062 |
#ec_square_options{ margin-left:0px; } |
| 1063 |
} |
| 1064 |
.ec_admin_progress_bar{ min-height:32px; float:left; width:100%; color:#000!important; background-color: #f1f1f1!important; border-radius: 16px; } |
| 1065 |
.ec_admin_progress_bar > div{ position:relative; min-height:32px; color:#fff!important; border-radius:16px; text-align:right; padding-right:10px; background-color: rgb(43,194,83); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(43,194,83)), color-stop(1, rgb(84,240,84)) ); background-image: -moz-linear-gradient( center bottom, rgb(43,194,83) 37%, rgb(84,240,84) 69% ); -webkit-box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4); -moz-box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4); box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4); } |
| 1066 |
.ec_admin_progress_bar > div:after{ content: ""; position: absolute; top:0; left:0; bottom:0; right:0; background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent) ); background-image: -moz-linear-gradient( -45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent ); z-index: 1; -webkit-background-size: 50px 50px; -moz-background-size: 50px 50px; background-size: 50px 50px; -webkit-animation: move 2s linear infinite; -moz-animation: move 2s linear infinite; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; -webkit-border-top-left-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomleft: 20px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; overflow: hidden; } |
| 1067 |
@keyframes move { |
| 1068 |
0% { |
| 1069 |
background-position: 0 0; |
| 1070 |
} |
| 1071 |
100% { |
| 1072 |
background-position: 50px 50px; |
| 1073 |
} |
| 1074 |
} |
| 1075 |
.ec_admin_progress_bar > div.done:after{ -webkit-animation: none !important; -moz-animation: none !important; } |
| 1076 |
.ec_admin_process_status{ float:left; width:100%; text-align:right; colior:#333; } |
| 1077 |
|
| 1078 |
/* PayPal Styles */ |
| 1079 |
.ec_admin_paypal_toggle_row{ position:relative; background:#FFF; transition:background-color .8s;float:left; width:94%; border:1px solid #CCC; padding:0 20px; margin:0 3%; text-align:center; } |
| 1080 |
.ec_admin_paypal_toggle_row > h3{ text-align:left; font-size:28px; font-weight:normal; } |
| 1081 |
.ec_admin_paypal_toggle_row.selected{ background:#ffc439; } |
| 1082 |
.ec_admin_paypal_toggle_row img{ display:inline; margin:0 0 20px; padding:20px; background:#FFF; border-radius:20px; } |
| 1083 |
.ec_admin_paypal_toggle_row.selected img{ display:none; } |
| 1084 |
|
| 1085 |
.ec_admin_paypal_express_toggle_row{ position:relative; background:#FFF; transition:background-color .8s;float:left; width:94%; border:1px solid #CCC; padding:0 20px; margin:0 3%; text-align:center; } |
| 1086 |
.ec_admin_paypal_express_toggle_row > h3{ text-align:left; font-size:28px; font-weight:normal; } |
| 1087 |
.ec_admin_paypal_express_toggle_row.selected{ background:#009be1; } |
| 1088 |
.ec_admin_paypal_express_toggle_row.selected > h3{ color:#FFF; } |
| 1089 |
|
| 1090 |
.ec_admin_paypal_credit_toggle_row{ position:relative; background:#FFF; transition:background-color .8s;float:left; width:94%; border:1px solid #CCC; padding:0 20px; margin:0 3%; text-align:center; } |
| 1091 |
.ec_admin_paypal_credit_toggle_row > h3{ text-align:left; font-size:28px; font-weight:normal; } |
| 1092 |
.ec_admin_paypal_credit_toggle_row.selected{ background:#009be1; } |
| 1093 |
.ec_admin_paypal_credit_toggle_row.selected > h3{ color:#FFF; } |
| 1094 |
|
| 1095 |
.ec_admin_paypal_input_row{ position:relative; background:#FFF; transition:background-color .8s; float:left; width:94%; border:1px solid #CCC; padding:20px; margin:0 3%; } |
| 1096 |
.ec_admin_paypal_numbered_row{ float:left; width:100%; } |
| 1097 |
.ec_admin_paypal_number{ font-size:32px; background:#ffc439; color:#333; border-radius:100px; width:40px; height:40px; line-height:38px; display:block; float:left; text-align:center; } |
| 1098 |
.ec_admin_paypal_number_content{ float:left; font-size:22px; line-height:40px; margin-left:10px; } |
| 1099 |
.ec_admin_paypal_numbered_row > input[type="text"]{ float:left; width:100%; font-size:16px; border-radius:5px; margin:10px 0; padding:15px 10px; } |
| 1100 |
.ec_admin_paypal_numbered_row > input[type="button"]{ cursor:pointer; float:right; padding:10px 20px; background:#ffc439; color:#333; font-size:16px; font-weight:normal; border:none; text-transform:uppercase; } |
| 1101 |
.ec_admin_paypal_numbered_row > input[type="button"]:hover{ background:#ffb60a; } |
| 1102 |
|
| 1103 |
.ec_admin_paypal_express_input_row{ position:relative; background:#FFF; transition:background-color .8s; float:left; width:94%; border:1px solid #CCC; padding:20px; margin:0 3%; } |
| 1104 |
.ec_admin_paypal_express_input_row > h3{ text-align:center; font-size:28px; font-weight:normal; } |
| 1105 |
.ec_admin_paypal_authorize_button{ float:left; width:100%; text-align:center; margin:20px 0; } |
| 1106 |
.ec_admin_paypal_authorize_button > a{ display:block; padding:10px 20px; border-radius:8px; background:#009be1; color:#FFF !important; text-decoration:none; font-size:20px; text-transform:uppercase; } |
| 1107 |
.ec_admin_paypal_authorize_button > a:hover{ background:#0272a5; } |
| 1108 |
|
| 1109 |
.ec_admin_paypal_express_credentials_toggle_row{ float:left; width:100%; margin:25px 0; } |
| 1110 |
.ec_admin_paypal_toggle{ position:absolute; top:20px; right:20px; } |
| 1111 |
|
| 1112 |
.ec_paypal_switch{ position:relative; display:inline-block; width:60px; height:34px; } |
| 1113 |
.ec_paypal_switch input.ec_paypal_checkbox{ display:none; } |
| 1114 |
.ec_paypal_slider{ position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background-color:#ccc; -webkit-transition:.4s; transition:.4s; } |
| 1115 |
.ec_paypal_slider:before{ position:absolute; content:""; height:26px; width:26px; left:4px; bottom:4px; background-color:white; -webkit-transition:.4s; transition:.4s; } |
| 1116 |
.ec_admin_paypal_toggle_row input.ec_paypal_checkbox:checked + .ec_paypal_slider{ background-color:#222; } |
| 1117 |
.ec_admin_paypal_express_toggle_row input.ec_paypal_checkbox:checked + .ec_paypal_slider{ background-color:#222; } |
| 1118 |
.ec_admin_paypal_credit_toggle_row input.ec_paypal_checkbox:checked + .ec_paypal_slider{ background-color:#222; } |
| 1119 |
input.ec_paypal_checkbox:focus + .ec_paypal_slider{ box-shadow:0 0 1px #2196F3; } |
| 1120 |
input.ec_paypal_checkbox:checked + .ec_paypal_slider:before{ -webkit-transform:translateX(26px); -ms-transform:translateX(26px); transform:translateX(26px); } |
| 1121 |
.ec_paypal_slider.round{ border-radius:34px; } |
| 1122 |
.ec_paypal_slider.round:before{ border-radius:50%; } |
| 1123 |
|
| 1124 |
.ec_admin_paypal_spacer{ float:left; width:100%; margin:20px 0 0; } |
| 1125 |
.ec_admin_paypal_or{ float:left; width:100%; margin:0 0 20px; text-align:center; font-size:22px; font-weight:bold; } |
| 1126 |
.ec_paypal_choose_other{ position:relative; background:#FFF; transition:background-color .8s; float:left; width:94%; border:1px solid #CCC; padding:0 20px; margin:0 3% 20px; text-align:left; } |
| 1127 |
.ec_paypal_choose_other > h3{ text-align:left; font-size:28px; font-weight:normal; } |
| 1128 |
|
| 1129 |
/* Stripe Sales */ |
| 1130 |
.ec_admin_stripe_title{ text-align:center; font-size:24px; color:#028ddd; font-weight:500; margin:15px 0 15px; float:left; width:100%; } |
| 1131 |
.ec_admin_stripe_subtitle{ text-align:center; font-size:18px; color:#666; font-weight:400; margin:0 0 20px; float:left; width:100%; } |
| 1132 |
.ec_admin_stripe_button_row{ text-align:center; } |
| 1133 |
.ec_admin_stripe_legal{ text-align:center; font-size:11px; color:#666; font-weight:normal; margin:5px 0 25px; } |
| 1134 |
.ec_admin_live_gateway_select{ text-align:center; margin:0px 0 30px; float:left; width:100%; } |
| 1135 |
|
| 1136 |
.ec_admin_tax_row{ float:left; width:100%; } |
| 1137 |
.ec_admin_tax_button_row{ float:left; width:100%; margin-bottom:-20px; margin-left:2px; } |
| 1138 |
.ec_admin_tax_button_row_last{ float:left; width:100%; margin-bottom:4px; margin-left:2px; } |
| 1139 |
.ec_admin_tax_link_button{ float:left !important; background:none; border:none !important; min-width:0px !important; line-height:35px !important; margin:0px !important; padding:5px 10px; text-transform:uppercase; color:#333; text-decoration:none; } |
| 1140 |
.ec_admin_tax_link_button:hover{ cursor:pointer; color:#7bb141; } |
| 1141 |
.ec_admin_tax_button_divider{ float:left; text-align:center; padding:5px 2px; } |
| 1142 |
.ec_admin_tax_link{ float:left !important; background:none; border:none !important; min-width:0px !important; padding:5px 10px; text-transform:uppercase; color:#333; text-decoration:none; } |
| 1143 |
.ec_admin_tax_link:hover{ cursor:pointer; color:#7bb141; } |
| 1144 |
.ec_admin_canada_tax_label_row{ float:left; width:100%; } |
| 1145 |
.ec_admin_canada_tax_rate_row{ float:left; width:100%; } |
| 1146 |
.ec_admin_canada_tax_rate_row > input{ float:left; margin-right:14px !important; } |
| 1147 |
.ec_admin_canada_tax_rate_row > span{ float:left; margin-right:8px; } |
| 1148 |
.ec_admin_tax_spacer{ width:100%; float:left; height:14px; } |
| 1149 |
input.ec_admin_taxcloud_field, select.ec_admin_taxcloud_field{ float:right; margin-right:12px; min-width:275px; line-height:30px; height:30px; border:1px solid #7bb141; color:#506219; font-size:13px; } |
| 1150 |
|
| 1151 |
/* Tax */ |
| 1152 |
.ec_admin_tax_row{ float:left; width:100%; } |
| 1153 |
.ec_admin_tax_button_row{ float:left; width:100%; margin-bottom:-20px; margin-left:2px; } |
| 1154 |
.ec_admin_tax_button_row_last{ float:left; width:100%; margin-bottom:4px; margin-left:2px; } |
| 1155 |
.ec_admin_tax_link_button{ float:left !important; background:none; border:none !important; min-width:0px !important; line-height:35px !important; margin:0px !important; padding:5px 10px; text-transform:uppercase; color:#333; text-decoration:none; } |
| 1156 |
.ec_admin_tax_link_button:hover{ cursor:pointer; color:#7bb141; } |
| 1157 |
.ec_admin_tax_button_divider{ float:left; text-align:center; padding:5px 2px; } |
| 1158 |
.ec_admin_tax_link{ float:left !important; background:none; border:none !important; min-width:0px !important; padding:5px 10px; text-transform:uppercase; color:#333; text-decoration:none; } |
| 1159 |
.ec_admin_tax_link:hover{ cursor:pointer; color:#7bb141; } |
| 1160 |
.ec_admin_canada_tax_label_row{ float:left; width:100%; } |
| 1161 |
.ec_admin_canada_tax_rate_row{ float:left; width:100%; } |
| 1162 |
.ec_admin_canada_tax_rate_row > input{ float:left; margin-right:14px !important; } |
| 1163 |
.ec_admin_canada_tax_rate_row > span{ float:left; margin-right:8px; } |
| 1164 |
.ec_admin_tax_spacer{ width:100%; float:left; height:14px; } |
| 1165 |
input.ec_admin_taxcloud_field, select.ec_admin_taxcloud_field{ float:right; margin-right:12px; min-width:275px; line-height:30px; height:30px; border:1px solid #7bb141; color:#506219; font-size:13px; } |
| 1166 |
|
| 1167 |
/* Shipping */ |
| 1168 |
.ec_admin_shipping_rates_panel{ float:left; width:100%; background-color:#FFF; border-bottom:1px solid #7BB141; } |
| 1169 |
.ec_admin_shipping_trigger{ float:left; width:47%; text-align:left; } |
| 1170 |
.ec_admin_shipping_trigger > span{ float:left !important; width:100%; } |
| 1171 |
.ec_admin_shipping_trigger > input{ float:left !important; } |
| 1172 |
.ec_admin_shipping_rate{ float:left; width:47%; text-align:left; } |
| 1173 |
.ec_admin_shipping_rate > span{ float:left !important; width:100%; } |
| 1174 |
.ec_admin_shipping_rate > input{ float:left !important } |
| 1175 |
.ec_admin_shipping_rate > select{ float:left !important; } |
| 1176 |
.ec_admin_shipping_rate_delete > div{ margin-top:4px; cursor:pointer; } |
| 1177 |
.ec_admin_shipping_rate_update > div{ margin-top:4px; cursor:pointer; } |
| 1178 |
.ec_admin_static_shipping_row, .ec_admin_shipping_price_trigger_row, .ec_admin_shipping_weight_trigger_row, .ec_admin_shipping_quantity_trigger_row, .ec_admin_shipping_percentage_trigger_row{ background:#efefef; padding:10px; border:1px solid #7bb141; margin-bottom:10px;} |
| 1179 |
.ec_admin_static_shipping_row:nth-child(odd), .ec_admin_shipping_price_trigger_row:nth-child(odd), .ec_admin_shipping_weight_trigger_row:nth-child(odd), .ec_admin_shipping_quantity_trigger_row:nth-child(odd), .ec_admin_shipping_percentage_trigger_row:nth-child(odd){ background:#FFF; } |
| 1180 |
.ec_admin_static_shipping_row > div, .ec_admin_shipping_price_trigger_row > div, .ec_admin_shipping_weight_trigger_row > div, .ec_admin_shipping_quantity_trigger_row > div, .ec_admin_shipping_percentage_trigger_row > div, .ec_admin_static_shipping_row > div{ float:left; width:27%; } |
| 1181 |
.ec_admin_static_shipping_row > div:last-child, .ec_admin_shipping_price_trigger_row > div:last-child, .ec_admin_shipping_weight_trigger_row div:last-child, .ec_admin_shipping_quantity_trigger_row > div:last-child, .ec_admin_shipping_percentage_trigger_row > div:last-child{ max-width:18%; float:right; } |
| 1182 |
.ec_admin_static_shipping_row > div > .ec_admin_shipping_rate_delete > div, .ec_admin_shipping_price_trigger_row > .ec_admin_shipping_rate_delete > div, .ec_admin_shipping_weight_trigger_row > .ec_admin_shipping_rate_delete > div, .ec_admin_shipping_quantity_trigger_row > .ec_admin_shipping_rate_delete > div, .ec_admin_shipping_percentage_trigger_row > .ec_admin_shipping_rate_delete > div{ float:right; margin:8px 0 -10px; } |
| 1183 |
.ec_admin_static_shipping_row > div > .ec_admin_shipping_rate_update > div, .ec_admin_shipping_price_trigger_row > .ec_admin_shipping_rate_update > div, .ec_admin_shipping_weight_trigger_row > .ec_admin_shipping_rate_update > div, .ec_admin_shipping_quantity_trigger_row > .ec_admin_shipping_rate_update > div, .ec_admin_shipping_percentage_trigger_row > .ec_admin_shipping_rate_update > div{ float:right; margin:8px 10px -10px 0; } |
| 1184 |
.ec_admin_static_shipping_row > div.ec_admin_settings_shipping_input, .ec_admin_shipping_price_trigger_row > div.ec_admin_settings_shipping_input, .ec_admin_shipping_weight_trigger_row > div.ec_admin_settings_shipping_input, .ec_admin_shipping_price_trigger_row > div.ec_admin_settings_shipping_input{ margin-top:4px; } |
| 1185 |
.ec_admin_static_shipping_row > div.ec_admin_settings_shipping_input > input, .ec_admin_shipping_price_trigger_row > div.ec_admin_settings_shipping_input > input, .ec_admin_shipping_weight_trigger_row > div.ec_admin_settings_shipping_input > input, .ec_admin_shipping_quantity_trigger_row > div.ec_admin_settings_shipping_input > input, .ec_admin_shipping_percentage_trigger_row > div.ec_admin_settings_shipping_input > input{ float:right !important; margin-right:10px; } |
| 1186 |
.ec_admin_settings_fraktjakt_section > div > input{ float:left !important; } |
| 1187 |
.ec_admin_settings_shipping_divider{ float:left; background-color:#7BB141; margin:12px 0px; height:1px; width:100%; } |
| 1188 |
.ec_admin_settings_shipping_section input[type="text"], .ec_admin_settings_shipping_section input[type="number"], .ec_admin_settings_shipping_section select{ float:right; margin-right:12px; max-width:95%; line-height:30px; height:30px; border:1px solid #7bb141; color:#506219; font-size:13px; } |
| 1189 |
.ec_admin_settings_shipping_section input[type="checkbox"]{ float:none; width:17px; height:17px; min-width:17px; margin-top:-2px; } |
| 1190 |
.ec_admin_settings_shipping_section input[type="number"]{ min-width:80px; width:80px; text-align:center; line-height:18px; margin-right:4px; } |
| 1191 |
.ec_admin_settings_shipping_section input[type="button"]{ color:#FFF; background-color:#7bb141; padding:6px 12px; line-height:18px; font-weight:bold; cursor:pointer; border:none; text-transform:none; -webkit-appearance:none; -webkit-border-radius:0; } |
| 1192 |
.ec_admin_settings_shipping_section input[type="button"]:hover{ background:#ADDA7E; } |
| 1193 |
.ec_admin_shipping_link_button{ float:left !important; background:none; border:none !important; min-width:0px !important; line-height:35px !important; margin:0px !important; padding:5px 10px; text-transform:uppercase; color:#333; text-decoration:none; } |
| 1194 |
.ec_admin_shipping_link_button:hover{ cursor:pointer; color:#7bb141; } |
| 1195 |
.ec_admin_settings_shipping_input{ float:left; width:100%; } |
| 1196 |
.ec_admin_settings_shipping_input > input{ float:left !important; min-width:inherit !important; line-height:normal !important; height:inherit; text-transform:none !important; color:#FFF !important; background-color:#7bb141; padding:6px 12px; border:none; margin:0px; font-size:13px; font-weight:bold; cursor:pointer; -webkit-appearance:none; -webkit-border-radius:0; } |
| 1197 |
.ec_admin_settings_shipping_input > input:hover{ background-color:#ADDA7E; } |
| 1198 |
.ec_admin_method_label_input{ float:left !important; width:300px; text-transform:none !important; } |
| 1199 |
.ec_admin_shipping_method_trigger_row_new > span, .ec_admin_shipping_method_trigger_row > span{ width:94px; margin-right:6px !important; float:left !important; } |
| 1200 |
.ec_admin_shipping_method_trigger_row_new, .ec_admin_shipping_method_trigger_row{ margin-bottom:4px; } |
| 1201 |
.ec_admin_live_label_input > option.select-hr{ border-bottom:1px dotted #333; } |
| 1202 |
.ec_admin_shipping_live_trigger_row_new span{ float:left; width:175px; } |
| 1203 |
.ec_admin_shipping_live_trigger_row_new input, .ec_admin_shipping_live_trigger_row_new select{ float:left; } |
| 1204 |
.ec_admin_shipping_live_trigger_row_new{ margin-bottom:4px; } |
| 1205 |
.ec_admin_live_rate_table{ position:relative; float:left; width:100%; } |
| 1206 |
.ec_admin_live_rate_display{ position:relative; float:left; width:100%; cursor:move; text-align:left; border:1px solid #79af40; padding:10px; margin-right:1%; margin-bottom:15px; background:#efefef; } |
| 1207 |
.ec_admin_live_rate_display select, .ec_admin_live_rate_display input[type="text"]{ float:none !important; width:100% !important; min-width:100% !important; text-align:left; } |
| 1208 |
.ec_admin_live_rate_display input[type="number"]{ float:right; width:45%;; text-align:left; } |
| 1209 |
.ec_admin_live_rate_display span{ width:18%; font-size:12px; float:left; text-align:right; } |
| 1210 |
.ec_admin_live_rate_label_bold{ font-weight:bold; } |
| 1211 |
.ec_admin_input_no_upper{ text-transform:none !important } |
| 1212 |
input.ec_admin_settings_simple_delete_button, .ec_admin_settings_simple_delete_button{ float:right !important; width:70px; color:#FFF; background-color:#7bb141; padding:6px 12px; border:none; margin:0px; font-size:13px; font-weight:bold; cursor:pointer; } |
| 1213 |
.ec_admin_settings_simple_delete_button:hover{ background-color:#ADDA7E; } |
| 1214 |
.ec_admin_shipping_zone{ float:left; width:100%; padding:3px; margin:-5px 0 5px 0; border-bottom:1px solid #333; } |
| 1215 |
.ec_admin_shipping_zone_toggle{ float:left; cursor:pointer; } |
| 1216 |
.ec_admin_shipping_zone_toggle > .dashicons-arrow-down{ display:none; } |
| 1217 |
.ec_admin_shipping_zone_toggle > .dashicons-arrow-down:before, .ec_admin_shipping_zone_toggle > .dashicons-arrow-up:before{ font-size:30px; } |
| 1218 |
.ec_admin_shipping_zone_toggle > .dashicons-arrow-down, .ec_admin_shipping_zone_toggle > .dashicons-arrow-up{ margin-top:3px; line-height:5px; margin-right:15px; } |
| 1219 |
.ec_admin_shipping_zone_label{ float:left; } |
| 1220 |
.ec_admin_shipping_zone_items{ float:left; display:none; margin:10px 0; padding:5px 35px; border-bottom:1px solid #333; } |
| 1221 |
.ec_admin_shipping_zone_actions{ float:right; } |
| 1222 |
.ec_admin_live_shipping_row{ float:left; width:100%; } |
| 1223 |
.ec_admin_live_shipping_row > input[type="number"], .ec_admin_live_shipping_row > input[type="text"], .ec_admin_live_shipping_row > select{ margin-right:0px !important; min-width:80% !important; text-align:left; } |
| 1224 |
.ec_admin_live_rate_content{ float:left; width:100%; display:none; } |
| 1225 |
.ec_admin_settings_live_rate_heading{ float:left; width:100%; margin:10px 0; font-size:14px; font-weight:bold; } |
| 1226 |
.ec_admin_settings_live_rate_toggle{ position:absolute; top:10px; left:11px; } |
| 1227 |
.ec_admin_settings_live_rate_toggle div.dashicons-before{ position:relative !important; top:0px; right:inherit; background:#7bb141; width:25px; height:25px; border-radius:5px; } |
| 1228 |
.ec_admin_settings_live_rate_toggle div.dashicons-before:before{ color:#FFF; line-height:28px; margin-left:1px; } |
| 1229 |
.ec_admin_settings_live_rate_toggle div.dashicons-before.dashicons-minus:before{ margin-left:2px; } |
| 1230 |
.ec_admin_live_shipping_status_disabled, .ec_admin_live_shipping_status_connected, .ec_admin_live_shipping_status_error{ float:right !important; width:auto !important; padding:0px 20px; background:#b9b9b9; color:#FFF; border-radius:25px; font-weight:bold; } |
| 1231 |
.ec_admin_live_shipping_status_error{ background:#b10000; } |
| 1232 |
.ec_admin_live_shipping_status_connected{ background:#7bb042; } |
| 1233 |
.wpeasycart_shipping_settings_section_enabled{ display:block; } |
| 1234 |
.wpeasycart_shipping_settings_section_disabled{ display:none; } |
| 1235 |
.wpeasycart_shipping_settings_section_disabled_enabled{ display:block; } |
| 1236 |
.wpeasycart_shipping_settings_section_disabled_disabled{ display:none; } |
| 1237 |
@media screen and (max-width: 530px) { |
| 1238 |
.ec_admin_static_shipping_row > div, .ec_admin_shipping_price_trigger_row > div, .ec_admin_shipping_weight_trigger_row > div, .ec_admin_shipping_quantity_trigger_row > div, .ec_admin_shipping_percentage_trigger_row > div, .ec_admin_static_shipping_row > div{ width:100%; } |
| 1239 |
} |
| 1240 |
|
| 1241 |
/* Additional Stuff */ |
| 1242 |
.ec_admin_registration_header{ float:left; width:100%; font-size:32px; line-height:1.2em; font-weight:normal !important; margin:25px 0 10px; display:block; } |
| 1243 |
.ec_admin_settings_complete{ position:absolute; left:320px; float:left; width:35px; height:35px; margin-left:15px; margin-right:15px; margin-top:20px; } |
| 1244 |
.ec_admin_settings_complete_whats_next{ margin-right:275px; } |
| 1245 |
.ec_admin_settings_complete > .dashicons-yes{ border:4px solid #7bb141; background:#7bb141; border-radius:35px; width:35px; height:35px; } |
| 1246 |
.ec_admin_settings_complete > .dashicons-yes:before{ font-size:35px; margin-left:-6px; margin-top:-2px; color:#FFFFFF; } |
| 1247 |
|
| 1248 |
.ec_admin_settings_incomplete{ position:absolute; left:339px; float:left; width:35px; height:35px; padding-left:318px; margin-right:15px; margin-top:55px; border-top:1px solid #7bb141; cursor:help; } |
| 1249 |
.ec_admin_settings_incomplete > .ec_admin_settings_incomplete_description{ display:none; } |
| 1250 |
.ec_admin_settings_incomplete:hover > .ec_admin_settings_incomplete_description{ display:block; } |
| 1251 |
.ec_admin_settings_incomplete_description{ position:absolute; top:-40px; left:52px; width:250px; height:auto; background:#7bb141; color:#FFF; padding:8px; border:3px solid #FFF; } |
| 1252 |
.ec_admin_settings_incomplete_whats_next{ margin-right:275px; } |
| 1253 |
.ec_admin_settings_incomplete > .dashicons-no{ border:4px solid #B14141; background:#B14141; border-radius:45px; width:35px; height:35px; margin-top:-17px; } |
| 1254 |
.ec_admin_settings_incomplete > .dashicons-no:before{ font-size:35px; margin-left:-4px; margin-top:-2px; color:#FFFFFF; } |
| 1255 |
.ec_admin_initial_hide{ display:none; } |
| 1256 |
.ec_admin_text_full_field{ float:left !important; width:100%; } |
| 1257 |
.ec_admin_page_intro li{ line-height:1.8em; } |
| 1258 |
|
| 1259 |
/*success & failure designs */ |
| 1260 |
.ec_save_success{ border-style:dashed; border-width:1px; padding-left:15px; border-color:#16d000; background-color:#eeffec; font-weight:bold; margin:5px; } |
| 1261 |
.ec_save_failure{ border-style:dashed; border-width:1px; padding-left:15px; border-color:#ea8404; background-color:#fff6c7; font-weight:bold; margin:5px; } |
| 1262 |
|
| 1263 |
/* Colorizer Settings */ |
| 1264 |
.ec_colorizer_row_label{ float:left; width:150px; line-height:25px; } |
| 1265 |
.ec_color_block_input{ width:130px; } |
| 1266 |
.ec_colorizer_row_input{ float:left; width:140px; line-height:30px; } |
| 1267 |
.ec_colorizer_select{ float:left; } |
| 1268 |
|
| 1269 |
/* Deconetwork Instructions */ |
| 1270 |
.settings_list_items ul{ list-style:disc; } |
| 1271 |
.settings_list_items ul li{ line-height:16px; margin-left:20px; } |
| 1272 |
|
| 1273 |
/* Email Settings */ |
| 1274 |
.language_input { text-transform:none !important;} |
| 1275 |
|
| 1276 |
/* EC Table CSS */ |
| 1277 |
.ec_admin_content_area .wrap, .ec_admin_content_area .easycart-wrap{ margin:10px 20px 0 19px; } |
| 1278 |
.ec_admin_content_area h1.wp-heading-inline, .ec_admin_content_area h1.easycart-wp-heading-inline{ position:relative; float:left; width:100%; line-height:45px; font-size:18px; font-weight:bold; color:#506219; vertical-align:middle; text-transform:uppercase; text-align:left; border:1px solid #C1C1C1; padding:8px 12px; background:#FFF; margin-top:13px; } |
| 1279 |
.ec_admin_content_area h1.wp-heading-inline div, .ec_admin_content_area h1.easycart-wp-heading-inline div{ float:left; margin:0px 10px 0 0; line-height:42px; } |
| 1280 |
.ec_admin_content_area h1.wp-heading-inline div:before, .ec_admin_content_area h1.easycart-wp-heading-inline div:before{ width:24px; height:42px; line-height:42px; } |
| 1281 |
.ec_admin_content_area h1.wp-heading-inline a, .ec_admin_content_area h1.easycart-wp-heading-inline a{ float:right; margin:8px 2px; color:#506219; } |
| 1282 |
.ec_admin_content_area h1.wp-heading-inline a:hover, .ec_admin_content_area h1.easycart-wp-heading-inline a:hover{ border-color:#5b9220; background:#7bb141; color:#FFF; } |
| 1283 |
.ec_admin_content_area .search-box{ margin:8px 0; } |
| 1284 |
.ec_admin_content_area .search-box input[type="search"].ec_admin_list_submit{ margin:4px 0 0 0; padding:4px 8px; position:relative; top:-3px; text-decoration:none; border:none; border:1px solid #ccc; -webkit-border-radius:2px; border-radius:2px; background:#f7f7f7; text-shadow:none; font-weight:600; font-size:13px; line-height:normal; color:#506219; outline:0; height:29px; width:200px; } |
| 1285 |
.ec_admin_content_area input[type="submit"].ec_admin_list_submit{ margin-left:4px; margin-top:4px !important; padding:4px 8px; position:relative; top:-3px; text-decoration:none; border:none; border:1px solid #ccc; -webkit-border-radius:2px; border-radius:2px; background:#f7f7f7; text-shadow:none; font-weight:600; font-size:13px; line-height:normal; color:#506219; cursor:pointer; outline:0; -webkit-appearance:none; -webkit-border-radius:0; } |
| 1286 |
.ec_admin_content_area input[type="submit"].ec_admin_list_submit:hover, .ec_admin_content_area input[type="submit"].ec_admin_list_submit:active, .ec_admin_content_area input[type="submit"].ec_admin_list_submit:focus{ border-color:#5b9220; background:#7bb141; background-color:#7bb141 !important; color:#FFF !important; } |
| 1287 |
.ec_admin_content_area .tablenav.top{ background:#FFF; border:1px solid #C1C1C1; padding:10px 10px; height:auto; } |
| 1288 |
.ec_admin_content_area .tablenav-pages-navspan, .ec_admin_content_area .tablenav .tablenav-pages a{ height:27px; width:27px; color:#506219; } |
| 1289 |
.ec_admin_content_area .tablenav .tablenav-pages a:hover, .ec_admin_content_area .tablenav .tablenav-pages a:focus, .ec_admin_content_area .tablenav .tablenav-pages a:active{ border-color:#5b9220; background:#7bb141; color:#FFF; } |
| 1290 |
.ec_admin_content_area .paging-input{ padding:0 8px 0 8px; } |
| 1291 |
.ec_admin_content_area .wp-list-table a{ color:#506219; } |
| 1292 |
.ec_admin_content_area .wp-list-table a:hover{ color:#7ab041; } |
| 1293 |
.ec_admin_content_area .tablenav .tablenav-pages{ margin-top:3px; } |
| 1294 |
.ec_admin_content_area table .dashicons-before{ float:left; padding:0 5px; margin:2px; } |
| 1295 |
.ec_admin_content_area table{ border: 1px solid #C1C1C1; } |
| 1296 |
.filteractions, .pagingactions{ margin:5px 0; } |
| 1297 |
.filteractions input[type="submit"].ec_admin_list_submit{ top:2px; } |
| 1298 |
.displaying-num.showing-all{ float:right; margin-top:4px; } |
| 1299 |
.tablenav.top .pagingactions{ margin:0px; } |
| 1300 |
.wp-list-table div.dashicons-before{ margin:4px !important; } |
| 1301 |
.wp-easycart-admin-swatch{ float:left; background:#79b041; color:#FFF; border-radius:5px; padding:5px 10px; } |
| 1302 |
@media screen and (max-width: 1189px) { |
| 1303 |
.easycart-wp-heading-inline > div.dashicons-before{ position:absolute; left:10px; top: 0px; } |
| 1304 |
.easycart-wp-heading-inline > span{ clear:both; float:left; width:calc( 100% - 35px ); margin-left:35px; line-height:1.5em; } |
| 1305 |
.easycart-wp-heading-inline > a{ float:left !important; } |
| 1306 |
} |
| 1307 |
|
| 1308 |
/* Table Search Bar */ |
| 1309 |
.wp-easycart-editable-table-search-bar input, .wp-easycart-editable-table-search-btn, .wp-easycart-editable-table-search-btn:before, .wp-easycart-editable-table-search-btn:after{ transition: all 0.25s ease-out; } |
| 1310 |
.wp-easycart-editable-table-search-bar input, .wp-easycart-editable-table-search-btn{ width: 3em; height: 3em; } |
| 1311 |
.wp-easycart-editable-table-search-bar input:invalid:not(:focus), .wp-easycart-editable-table-search-btn{ cursor: pointer; } |
| 1312 |
.wp-easycart-editable-table-search-bar, .wp-easycart-editable-table-search-bar input:focus, .wp-easycart-editable-table-search-bar input:valid{ width: 100%; } |
| 1313 |
.wp-easycart-editable-table-search-bar input:focus, .wp-easycart-editable-table-search-bar input:not(:focus) + .wp-easycart-editable-table-search-btn:focus{ outline: transparent; } |
| 1314 |
.wp-easycart-editable-table-search-bar{ max-width: 40%; position:relative; top:0; right:0; padding:0; float:right; } |
| 1315 |
.wp-easycart-editable-table-search-bar input{ position:absolute; right:0; background: transparent; border-radius: 1.5em; box-shadow: 0 0 0 0.4em #171717 inset; padding: 0.75em; transform: translate(-4px,4px) scale(0.5); transform-origin: 100% 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; min-width:0px; } |
| 1316 |
.wp-easycart-editable-table-search-bar input::-webkit-search-decoration{ -webkit-appearance: none; } |
| 1317 |
.wp-easycart-editable-table-search-bar input:focus, .wp-easycart-editable-table-search-bar input:valid{ background:#fff; border-radius:0.375em 0 0 0.375em; box-shadow:0 0 0 0.1em #d9d9d9 inset; transform: scale(1); margin-top:0px; position:relative; float:right; } |
| 1318 |
.wp-easycart-editable-table-search-btn{ background:#171717; border-radius: 0 0.75em 0.75em 0 / 0 1.5em 1.5em 0; padding: 0.75em; position: absolute; right:0; transform: translate(0.25em,0.25em) rotate(45deg) scale(0.25,0.125); } |
| 1319 |
.wp-easycart-editable-table-search-btn:before, .wp-easycart-editable-table-search-btn:after{ content: ""; display: block; opacity: 0; position: absolute; } |
| 1320 |
.wp-easycart-editable-table-search-btn:before{ border-radius: 50%; box-shadow: 0 0 0 0.2em #f1f1f1 inset; top: 0.5em; left: 0.6em; width: 1.2em; height: 1.2em; } |
| 1321 |
.wp-easycart-editable-table-search-btn:after{ background: #f1f1f1; border-radius: 0 0.25em 0.25em 0; top: 51%; left: 51%; width: 0.75em; height: 0.25em; transform: translate(0.2em,0) rotate(45deg); transform-origin: 0 50%; } |
| 1322 |
.wp-easycart-editable-table-search-btn span{ display: inline-block; overflow: hidden; width: 1px; height: 1px; } |
| 1323 |
.wp-easycart-editable-table-search-bar input:focus + .wp-easycart-editable-table-search-btn, .wp-easycart-editable-table-search-bar input:valid + .wp-easycart-editable-table-search-btn{ background: #333333; border-radius: 0 0.375em 0.375em 0; transform: scale(1); margin-top:0px; margin-bottom:4px; } |
| 1324 |
.wp-easycart-editable-table-search-bar input:focus + .wp-easycart-editable-table-search-btn:before, .wp-easycart-editable-table-search-bar input:focus + .wp-easycart-editable-table-search-btn:after, .wp-easycart-editable-table-search-bar input:valid + .wp-easycart-editable-table-search-btn:before, .wp-easycart-editable-table-search-bar input:valid + .wp-easycart-editable-table-search-btn:after{ opacity: 1; } |
| 1325 |
.wp-easycart-editable-table-search-bar input:focus + .wp-easycart-editable-table-search-btn:hover, .wp-easycart-editable-table-search-bar input:valid + .wp-easycart-editable-table-search-btn:hover, .wp-easycart-editable-table-search-bar input:valid:not(:focus) + .wp-easycart-editable-table-search-btn:focus{ background: #222222; } |
| 1326 |
.wp-easycart-editable-table-search-bar input:focus + .wp-easycart-editable-table-search-btn:active, .wp-easycart-editable-table-search-bar input:valid + .wp-easycart-editable-table-search-btn:active{ transform: translateY(1px); } |
| 1327 |
.wp-easycart-square-sync-icon{ float:left; max-height:14px; padding:0; margin-top:2px; margin-right:5px; } |
| 1328 |
@media screen and (prefers-color-scheme: dark) { |
| 1329 |
.wp-easycart-editable-table-search-bar input{ box-shadow: 0 0 0 0.4em #f1f1f1 inset; } |
| 1330 |
.wp-easycart-editable-table-search-bar input:focus, .wp-easycart-editable-table-search-bar input:valid{ background: #3d3d3d; box-shadow: 0 0 0 0.1em #3d3d3d inset; } |
| 1331 |
.wp-easycart-editable-table-search-btn{ background: #f1f1f1; } |
| 1332 |
} |
| 1333 |
@media screen and (max-width: 782px) { |
| 1334 |
.ec_admin_wrap .tablenav.top > .actions{ display:block !important; overflow:visible; } |
| 1335 |
.ec_admin_wrap .tablenav.top > .actions > select{ margin-top:-4px; } |
| 1336 |
.ec_admin_wrap .tablenav.top > .tablenav-pages{ float:left; width:auto; height:inherit; text-align:inherit; margin:10px 0 0 0; } |
| 1337 |
.ec_admin_wrap .tablenav.top > .tablenav-pages .tablenav-paging-text{ width:auto !important; float:none !important; } |
| 1338 |
.ec_admin_wrap .tablenav.top > .tablenav-pages .tablenav-pages-navspan{ padding:2px 11px 12px; } |
| 1339 |
.ec_admin_wrap .tablenav.top > .tablenav-pages .current-page{ height:27px; } |
| 1340 |
.ec_admin_wrap .tablenav.top > .tablenav-pages .pagination-links > a{ padding:3px; } |
| 1341 |
.ec_admin_wrap .wp-list-table .check-column{ width:3.2em; } |
| 1342 |
.ec_admin_wrap .wp-list-table td{ padding:4px 10px; } |
| 1343 |
.ec_admin_wrap .search-box{ float:left; position:relative !important; } |
| 1344 |
.ec_admin_wrap .search-box > .button{ float:right; } |
| 1345 |
.ec_admin_settings_input > div > input[type="text"], .ec_admin_settings_input > div > input[type="number"], .ec_admin_settings_input > div > select{ min-width:100%; float:left; } |
| 1346 |
.ec_admin_registration_header{ font-size:22px; } |
| 1347 |
.ec_admin_wrap .filteractions select{ max-width:49% !important; width:49%; margin:2px .5%; } |
| 1348 |
.ec_admin_wrap .filteractions input[type="submit"]{ float:right; margin:2px .5%; } |
| 1349 |
} |
| 1350 |
|
| 1351 |
/* Details */ |
| 1352 |
.ec_admin_details_panel .ec_admin_important_numbered_list{ column-count:inherit; -moz-column-count:inherit; -webkitcolumn-count:inherit; } |
| 1353 |
.ec_admin_details_panel .ec_admin_list_line_item{ vertical-align:top; } |
| 1354 |
.ec_admin_details_header{ display:inline-block; margin-right:5px; font-size:23px; font-weight:400; margin:10px; padding:9px 0 4px; line-height:29px; } |
| 1355 |
.ec_admin_details_header a{ margin-left:4px; padding:4px 8px; position:relative; top:-3px; text-decoration:none; border:none; border:1px solid #ccc; -webkit-border-radius:2px; border-radius:2px; background:#FFFFFF; text-shadow:none; font-weight:600; font-size:13px; line-height:normal; color:#586f40; cursor:pointer; outline:0; } |
| 1356 |
.ec_admin_details_header ec_admin_header_selected.a, .ec_admin_details_header a:hover, .ec_admin_details_header a:focus, .ec_admin_details_header a:active{ background:#7bb141; color:#FFF; } |
| 1357 |
.ec_admin_details_panel input[type="text"]{ font-weight:normal; } |
| 1358 |
.ec_admin_details_panel input[type="checkbox"]{ min-width:20px; width:20px; height:20px; float:left; margin-top:6px; } |
| 1359 |
.ec_admin_details_panel input[type="checkbox"]:checked:before, .ec_admin_details_panel input[type="checkbox"]:before{ margin:-1px 0 0 -2px; font-size:21px; color:#7bb141; } |
| 1360 |
.ec_admin_details_panel input[type="number"]{ min-width:215px; font-weight:normal; } |
| 1361 |
.ec_admin_details_panel select{ min-width:215px; font-weight:normal; } |
| 1362 |
.ec_admin_details_panel textarea{ width:99%; height:150px; font-weight:normal; border:1px solid #7bb141; } |
| 1363 |
.ec_admin_details_panel .ec_admin_settings_label{ margin-bottom:10px; } |
| 1364 |
.ec_admin_collapsable > .ec_admin_settings_label{ margin-bottom:0px; } |
| 1365 |
.ec_admin_details_panel .ec_admin_settings_input > div{ font-weight:bold; } |
| 1366 |
.ec_admin_flex_row{ display:flex; width:100%; } |
| 1367 |
.ec_admin_col_first{ margin-left:0% !important; } |
| 1368 |
.ec_admin_col_3{ width:24.50%; margin-left:1%; } |
| 1369 |
.ec_admin_col_4{ width:32.33333333333332%; margin-left:1%; } |
| 1370 |
.ec_admin_col_6{ width:49.5%; margin-left:1%; } |
| 1371 |
.ec_admin_col_8{ width:66.16666666666665%; margin-left:1%; } |
| 1372 |
.ec_admin_col_9{ width:74.50%; margin-left:1%; } |
| 1373 |
.ec_admin_col_12{ width:100%; } |
| 1374 |
|
| 1375 |
.ec_admin_details_panel input.ec_admin_settings_simple_button{ float:right; min-width:215px; margin-right:12px;color:#FFF; background-color:#7bb141; padding:6px 12px; border:none; font-size:13px; font-weight:bold; cursor:pointer; } |
| 1376 |
#ec_admin_product_details_googlemerchant_section .ec_admin_settings_simple_button{ float:left; } |
| 1377 |
.ec_admin_details_panel input.ec_admin_settings_simple_button:hover{ background-color:#ADDA7E; } |
| 1378 |
.ec_admin_hidden{ display:none; } |
| 1379 |
.ec_admin_settings_submit_row{ float:left; width:929px; margin:0 0 0 8px; background:#FFF; box-shadow:#afafaf 0px 3px 8px; padding:10px 0; text-align:right; border:1px solid #cacaca; } |
| 1380 |
.ec_admin_settings_submit_row input[type="submit"]{ min-width:215px; margin-right:12px;color:#FFF; background-color:#7bb141; padding:12px; border:none; font-size:13px; font-weight:bold; cursor:pointer; } |
| 1381 |
.ec_admin_settings_submit_row a{ margin-right:35px; color:#8c8c8c; text-decoration:none; } |
| 1382 |
|
| 1383 |
.ec_admin_field_error{ |
| 1384 |
border:1px solid #d02e22; |
| 1385 |
border-color:#d02e22 !important; |
| 1386 |
} |
| 1387 |
@media screen and (max-width: 1099px) { |
| 1388 |
#add_new_advanced_option{ width:225px; min-width:225px; } |
| 1389 |
.ec_admin_flex_row{ display:block; } |
| 1390 |
.ec_admin_col_6, .ec_admin_col_3, .ec_admin_col_9{ width:100%; margin-left:0%; padding:10px; } |
| 1391 |
} |
| 1392 |
|
| 1393 |
.ec_admin_products_submit{ position:relative; float:left; line-height:35px; vertical-align:middle; width:100%; padding:15px 0 0; } |
| 1394 |
.ec_admin_products_submit > input.ec_admin_products_simple_button{ color:#FFF; background-color:#7bb141; padding:6px 12px; border:none; margin:0px; font-size:13px; font-weight:bold; cursor:pointer; -webkit-appearance:none; -webkit-border-radius:0; } |
| 1395 |
.ec_admin_products_submit > input.ec_admin_products_simple_button:hover{ background-color:#ADDA7E; } |
| 1396 |
#ec_admin_row_use_advanced_optionset, #ec_admin_row_use_optionitem_images{ float:none; width:240px; margin:15px auto 0; } |
| 1397 |
#ec_admin_row_option1, #ec_admin_row_image1{ margin-top:20px; } |
| 1398 |
.ec_admin_option_header{ margin-top:20px; float:left; width:100%; border:1px solid #CCC; padding:5px 10px; } |
| 1399 |
#ec_admin_row_advanced_options{ margin-top:20px; } |
| 1400 |
#ec_admin_row_tier_pricing, #ec_admin_row_b2b_pricing{ border:1px solid #CCC; padding:10px; margin-top:20px; border-top:1px solid #7bb141; } |
| 1401 |
#advanced_options_holder{ float:left; width:100%; } |
| 1402 |
#advanced_options_holder > div:nth-child(odd), #categories_holder > div:nth-child(odd), #ec_admin_product_details_optionitem_quantities_holder > div:nth-child(odd), #price_tiers_holder > div:nth-child(odd), #role_prices_holder > div:nth-child(odd){ float:left; width:100%; background:#FEFEFE; padding:5px 10px; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #CCC; } |
| 1403 |
#advanced_options_holder > div:nth-child(even), #categories_holder > div:nth-child(even), #ec_admin_product_details_optionitem_quantities_holder > div:nth-child(even), #price_tiers_holder > div:nth-child(even), #role_prices_holder > div:nth-child(even){ float:left; width:100%; background:#DEDEDE; padding:5px 10px; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #CCC; } |
| 1404 |
#ec_admin_add_new_advanced_option_row, #ec_admin_add_new_categories_row, #ec_admin_add_new_price_tier_row, #ec_admin_add_new_role_price_row{ float:left; width:100%; border-top:1px solid #CCC; border-bottom:1px solid #CCC; padding:10px 0; } |
| 1405 |
#ec_admin_add_new_optionitem_quantity_row{ float:left; width:100%; border-top:1px solid #CCC; border-bottom:1px solid #CCC; padding:10px 0; margin:10px 0; } |
| 1406 |
#ec_admin_add_new_advanced_option_row > input, #ec_admin_add_new_category_row > input, #ec_admin_add_new_price_tier_row > input[type="button"], #ec_admin_add_new_role_price_row > input[type="button"]{ float:left; color:#FFF; background-color:#7bb141; padding:7px 12px; border:none; margin:0 0 0 10px; font-size:13px; font-weight:bold; cursor:pointer; -webkit-appearance:none; -webkit-border-radius:0; } |
| 1407 |
#ec_admin_add_new_advanced_option_row > input:hover, #ec_admin_add_new_category_row > input:hover, #ec_admin_add_new_price_tier_row > input[type="button"]:hover, #ec_admin_add_new_role_price_row > input[type="button"]:hover{ background-color:#ADDA7E; } |
| 1408 |
#ec_admin_add_new_price_tier_row > input[type="number"]{ float:left; min-width:125px; } |
| 1409 |
#ec_admin_add_new_price_tier_row > span{ float:left; margin-right:10px; } |
| 1410 |
#ec_admin_add_new_role_price_row > input[type="number"], #ec_admin_add_new_role_price_row > select{ float:left; min-width:125px; } |
| 1411 |
#ec_admin_add_new_role_price_row > span{ float:left; margin-right:10px; } |
| 1412 |
#ec_admin_add_new_optionitem_quantity_row > h3{ margin:5px 0; } |
| 1413 |
#ec_admin_add_new_optionitem_quantity_row > h3 > a{ margin-left:4px; padding:4px 8px; position:relative; top:-3px; text-decoration:none; border:none; border:1px solid #ccc; border-radius:2px; background:#f7f7f7; text-shadow:none; font-weight:600; font-size:13px; line-height:normal; color:#7bb141; cursor:pointer; outline:0; } |
| 1414 |
#ec_admin_add_new_optionitem_quantity_row > h3 > a:hover{ border-color:#538024; background:#7bb141; color:#fff; } |
| 1415 |
#ec_admin_add_new_optionitem_quantity_row > input[type="number"]{ width:100%; max-width:100%; margin:5px auto; } |
| 1416 |
#ec_admin_add_new_optionitem_quantity_row > input[type="button"]{ float:left; color:#FFF; background-color:#7bb141; padding:7px 12px; border:none; margin:10px 0 0; font-size:13px; font-weight:bold; cursor:pointer; clear:both; -webkit-appearance:none; -webkit-border-radius:0; } |
| 1417 |
#ec_admin_add_new_optionitem_quantity_row > input[type="button"]:hover{ background-color:#ADDA7E; } |
| 1418 |
#ec_admin_add_new_advanced_option_row > select, #ec_admin_add_new_advanced_option_row > span, #ec_admin_add_new_category_row > select, #ec_admin_add_new_category_row > span{ float:left; margin-right:0px; } |
| 1419 |
#ec_admin_add_new_optionitem_quantity_row > select, #ec_admin_add_new_optionitem_quantity_row > span{ float:none; width:100% !important; margin-right:0px; } |
| 1420 |
#ec_admin_no_advanced_options, #ec_admin_no_categories, #ec_admin_no_optionitem_quantities, #ec_admin_no_price_tiers, #ec_admin_no_role_prices{ padding:35px 0 !important; text-align:center; clear:both; } |
| 1421 |
#ec_admin_add_new_category_row > span.select2{ width:80% !important; } |
| 1422 |
.ec_admin_option_header > span:first-child, #advanced_options_holder > div > span:first-child{ float:left; width:40%; text-align:left; } |
| 1423 |
.ec_admin_option_header > span:nth-child(2), #advanced_options_holder > div > span:nth-child(2){ float:left; width:30%; text-align:left; } |
| 1424 |
.ec_admin_option_header > span:nth-child(3), #advanced_options_holder > div > span:nth-child(3){ float:left; width:20%; text-align:center; } |
| 1425 |
.ec_admin_option_header > span:last-child, #advanced_options_holder > div > span:last-child{ float:left; width:10%; text-align:right; } |
| 1426 |
.ec_admin_optionitem_quantity_header{ float:left; width:100%; padding:5px 10px; border-bottom:1px solid #CCC; } |
| 1427 |
.ec_admin_optionitem_quantity_header > span:first-child{ float:left; width:40%; text-align:left; } |
| 1428 |
.ec_admin_optionitem_quantity_header > span:nth-child(2){ float:left; width:45%; text-align:left; } |
| 1429 |
.ec_admin_optionitem_quantity_header > span:last-child{ float:left; width:10%; text-align:right; } |
| 1430 |
#categories_holder > div > span:first-child{ float:left; width:90%; text-align:left; line-height:2.2em; } |
| 1431 |
#categories_holder > div > span:last-child{ float:right; width:10%; text-align:right; } |
| 1432 |
#ec_admin_product_details_optionitem_quantities_holder > div > label{ float:left; width:40%; } |
| 1433 |
#ec_admin_product_details_optionitem_quantities_holder > div > input{ float:left; width:25%; min-width:25%; max-width:25%; } |
| 1434 |
#ec_admin_product_details_optionitem_quantities_holder > div > span{ float:right; width:25%; text-align:right; } |
| 1435 |
#ec_admin_product_details_optionitem_quantities_holder > div > span > a{ float:right; margin-left:10px; } |
| 1436 |
#price_tiers_holder > div > span:first-child{ float:left; width:39%; margin-right:1%; } |
| 1437 |
#price_tiers_holder > div > span:nth-child(2){ float:left; width:25%; min-width:25%; max-width:25%; } |
| 1438 |
#price_tiers_holder > div > span:last-child{ float:right; width:25%; text-align:right; } |
| 1439 |
#price_tiers_holder > div > span:last-child > a{ float:right; margin-left:10px; } |
| 1440 |
#role_prices_holder > div > span:first-child{ float:left; width:40%; } |
| 1441 |
#role_prices_holder > div > span:nth-child(2){ float:left; width:25%; min-width:25%; max-width:25%; } |
| 1442 |
#role_prices_holder > div > span:last-child{ float:right; width:25%; text-align:right; } |
| 1443 |
#ec_admin_row_optionitem_images{ margin-top:20px; } |
| 1444 |
#ec_admin_add_new_optionitem_image_row{ float:left; width:100%; padding:15px 0; border-top:1px solid #CCC; border-bottom:1px solid #CCC; margin-bottom:15px; } |
| 1445 |
.ec_admin_product_details_optionitem_image_row_label{ float:left; width:100%; margin:10px 0; font-size:18px; text-align:center; } |
| 1446 |
@media screen and (max-width: 689px) { |
| 1447 |
#ec_admin_row_use_advanced_optionset, #ec_admin_row_use_optionitem_images{ position:relative; margin:10px 15px 0; } |
| 1448 |
} |
| 1449 |
/* Product Details Custom Design */ |
| 1450 |
.ec_admin_product_details_manufacturer_column2 > input[type="text"]{ float:right !important; min-width:250px !important; max-width:250px !important; margin-right:5px; } |
| 1451 |
.ec_admin_product_details_manufacturer_column2 > input[type="button"]{ float:right; margin-right:12px; color:#FFF; background-color:#7bb141; padding:6px 12px; border:none; font-size:13px; font-weight:bold; cursor:pointer; -webkit-appearance:none; -webkit-border-radius:0; } |
| 1452 |
#ec_admin_product_details_options_section > .ec_admin_row_heading_title, #ec_admin_product_details_images_section > .ec_admin_row_heading_title{ display:none; } |
| 1453 |
#ec_admin_row_option1, #ec_admin_row_option2, #ec_admin_row_option3, #ec_admin_row_option4, #ec_admin_row_option5{ border:1px solid #eaeaea; margin-bottom:5px; padding:5px 10px; } |
| 1454 |
#ec_admin_add_new_advanced_option_row > input[type="button"]{ height:39px; -webkit-appearance:none; -webkit-border-radius:0; } |
| 1455 |
#advanced_options_holder > .ec_admin_option_row div.dashicons-trash:before, #categories_holder > .ec_admin_category_row div.dashicons-trash:before, #ec_admin_product_details_optionitem_quantities_holder > .ec_admin_opionitem_quantity_row div.dashicons-trash:before, #price_tiers_holder > .ec_admin_price_tier_row div.dashicons-trash:before, #role_prices_holder > .ec_admin_role_price_row div.dashicons-trash:before{ color:#d54e21; margin-top:8px; } |
| 1456 |
#ec_admin_product_details_optionitem_quantities_holder > .ec_admin_opionitem_quantity_row div.dashicons-yes:before, #price_tiers_holder > div > span:last-child > a > div.dashicons-yes:before{ color:#7bb141; margin-top:8px; } |
| 1457 |
#ec_admin_product_details_optionitem_quantities_holder > .ec_admin_opionitem_quantity_row div.dashicons-image-rotate:before, #price_tiers_holder > div > span:last-child > a > div.dashicons-image-rotate:before{ color:#7bb141; margin-top:8px; } |
| 1458 |
#ec_admin_add_new_optionitem_image_row > select{ margin-left:5px; } |
| 1459 |
#ec_admin_row_menulevel1_id_3, #ec_admin_row_menulevel2_id_3{ margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #d2d2d2; } |
| 1460 |
.ec_admin_category_row > span{ float:right; } |
| 1461 |
.ec_admin_category_row.deactivated{ background:#efefef; } |
| 1462 |
.ec_admin_category_row.deactivated > span{ color:#CCC !important; } |
| 1463 |
#ec_admin_product_details_tags_section{ padding-top:10px; } |
| 1464 |
.ec_admin_delete_image{ float:right; } |
| 1465 |
.ec_admin_option_quantity_tracking_basic_note{ float:left; width:300px; text-align:left; padding:10px; border:1px solid #CCC; background:#fbfbfb; } |
| 1466 |
|
| 1467 |
/* Product Details Inventory Notify Display */ |
| 1468 |
.ec_admin_stock_notification_view{ position:relative; float:left; width:100%; margin-top:20px; } |
| 1469 |
.ec_admin_stock_notification_view h4{ float:left; width:100%; font-size:20px; margin:20px 0 0; } |
| 1470 |
.ec_admin_stock_notification_view h4 > a{ margin-left:10px; padding:10px; background:#7bb141; color:#fff; display:inline-block; font-size:14px; line-height:14px; border-radius:6px; text-decoration:none; } |
| 1471 |
.ec_admin_stock_notification_view h4 > a:hover{ background:#ADDA7E; } |
| 1472 |
.ec_admin_stock_notification_view table{ float:left; width:100%; } |
| 1473 |
.ec_admin_stock_notification_view > .ec_admin_stock_notification_add_new{ float:left; width:100%; margin:10px 0; text-align:center; border-top:1px solid #bbb; padding:15px 0 0; } |
| 1474 |
.ec_admin_stock_notification_view > .ec_admin_stock_notification_add_new > label{ display:inline-block; } |
| 1475 |
.ec_admin_stock_notification_view > .ec_admin_stock_notification_add_new > input[type="text"]{ display:inline-block; width:200px; min-width:200px !important; } |
| 1476 |
.ec_admin_stock_notification_view > .ec_admin_stock_notification_add_new > input[type="button"]{ display:inline-block !important; border:none; padding:10px; background:#7bb141; color:#fff; display:inline-block; font-size:14px; line-height:10px; border-radius:6px; text-decoration:none; cursor:pointer; } |
| 1477 |
.ec_admin_stock_notification_view > .ec_admin_stock_notification_add_new > input[type="button"]:hover{ background:#ADDA7E; } |
| 1478 |
.ec_out_of_stock_notify_loader_cover{ display:block; position:absolute !important; top:0 !important; left:0 !important; width:100%; height:100%; background:rgba(255, 255, 255, 0.85); z-index:9; } |
| 1479 |
.ec_out_of_stock_notify_loader{ display:inline-block; z-index:10; position:absolute; width:64px; height:64px; top:50%; left:50%; margin-top:-32px; margin-left:-32px; } |
| 1480 |
.ec_out_of_stock_notify_loader div{ position:absolute; width:5px; height:5px; background:#222; border-radius:50%; animation:ec_out_of_stock_notify_loader 1.2s linear infinite; } |
| 1481 |
.ec_out_of_stock_notify_loader div:nth-child(1){ animation-delay:0s; top:29px; left:53px; } |
| 1482 |
.ec_out_of_stock_notify_loader div:nth-child(2){ animation-delay:-0.1s; top:18px; left:50px; } |
| 1483 |
.ec_out_of_stock_notify_loader div:nth-child(3){ animation-delay:-0.2s; top:9px; left:41px; } |
| 1484 |
.ec_out_of_stock_notify_loader div:nth-child(4){ animation-delay:-0.3s; top:6px; left:29px; } |
| 1485 |
.ec_out_of_stock_notify_loader div:nth-child(5){ animation-delay:-0.4s; top:9px; left:18px; } |
| 1486 |
.ec_out_of_stock_notify_loader div:nth-child(6){ animation-delay:-0.5s; top:18px; left:9px; } |
| 1487 |
.ec_out_of_stock_notify_loader div:nth-child(7){ animation-delay:-0.6s; top:29px; left:6px; } |
| 1488 |
.ec_out_of_stock_notify_loader div:nth-child(8){ animation-delay:-0.7s; top:41px; left:9px; } |
| 1489 |
.ec_out_of_stock_notify_loader div:nth-child(9){ animation-delay:-0.8s; top:50px; left:18px; } |
| 1490 |
.ec_out_of_stock_notify_loader div:nth-child(10){ animation-delay:-0.9s; top:53px; left:29px; } |
| 1491 |
.ec_out_of_stock_notify_loader div:nth-child(11){ animation-delay:-1s; top:50px; left:41px; } |
| 1492 |
.ec_out_of_stock_notify_loader div:nth-child(12){ animation-delay:-1.1s; top:41px; left:50px; } |
| 1493 |
@keyframes ec_out_of_stock_notify_loader{ |
| 1494 |
0%, 20%, 80%, 100%{ transform:scale(1); } |
| 1495 |
50%{ transform:scale(1.5); } |
| 1496 |
} |
| 1497 |
|
| 1498 |
/* Product Details Conditional Option Logic */ |
| 1499 |
.ec_admin_option_logic{ float:left; width:100% } |
| 1500 |
.ec_admin_option_logic_content{ float:left; width:100%; display:none; } |
| 1501 |
.ec_admin_option_logic_main_row{ float:left; width:100%; padding:10px 0; border-top:1px solid #7bb141; } |
| 1502 |
.ec_admin_option_logic_main_row > select{ float:left; min-width:inherit !important; max-width:inherit !important; margin-right:10px; } |
| 1503 |
.ec_admin_option_logic_main_row > span{ float:left; margin-right:10px; } |
| 1504 |
.ec_admin_option_logic_item{ float:left; width:100%; } |
| 1505 |
.ec_admin_option_logic_item > select, .ec_admin_option_logic_item > input{ float:left; min-width:inherit !important; max-width:inherit !important; } |
| 1506 |
.ec_admin_option_logic_item > input{ padding:8px 6px 9px; border:1px solid #7bb141; } |
| 1507 |
.ec_admin_option_logic_content > .ec_admin_option_logic_item:nth-child(2) > .remove{ display:none; } |
| 1508 |
.ec_admin_option_logic_item > .add, .ec_admin_option_logic_item > .remove{ float:left; height:20px; width:20px; margin-left:10px; border:2px solid #333; border-radius:30px; color:#333; text-align:center; text-decoration:none !important; line-height:12px; font-size:20px; margin-top:10px; } |
| 1509 |
.ec_admin_option_logic_item > .add:hover, .ec_admin_option_logic_item > .remove:hover{ color:#7bb141; border-color:#7bb141; } |
| 1510 |
|
| 1511 |
/* Select 2 Design */ |
| 1512 |
.select2-container{ float:right; min-width:80%; margin-top:3px; line-height:1.8em; } |
| 1513 |
.select2-container > .selection > .select2-selection{ border:1px solid #7bb141; border-radius:0px; } |
| 1514 |
.select2-container > .selection > .select2-selection > span{ font-weight:normal; } |
| 1515 |
.select2-basic.select2-hidden-accessible{ display:none; } |
| 1516 |
|
| 1517 |
@media screen and (max-width: 799px) { |
| 1518 |
.ec_admin_settings_currency_section .select2{ float:left; width:99% !important; } |
| 1519 |
.ec_admin_product_details_manufacturer_column2 > input[type="button"]{ float:left; } |
| 1520 |
.ec_admin_product_details_manufacturer_column2 > input[type="text"]{ float:left; width:99%; max-width:99% !important; } |
| 1521 |
} |
| 1522 |
|
| 1523 |
/* Expand/Contract Sections */ |
| 1524 |
.ec_admin_section_expand{ position:absolute; width:100%; height:32px; bottom:2px; left:0px; text-align:center; } |
| 1525 |
.ec_admin_expand_section > div{ float:right; margin:14px 4px -14px -2px; } |
| 1526 |
.ec_admin_expand_section > div.dashicons-arrow-down-alt2:before{ font-size:22px; width:22px; height:22px; background:#7bb141; color:#FFF; border-radius:5px; line-height:24px; } |
| 1527 |
.ec_admin_expand_section > div.dashicons-arrow-up-alt2:before{ font-size:22px; width:22px; height:22px; background:#7bb141; color:#FFF; border-radius:5px; line-height:22px; } |
| 1528 |
|
| 1529 |
/* Add new custom */ |
| 1530 |
.ec_admin_option_add_new_row{ margin:10px 0 -10px; text-align:right; } |
| 1531 |
.ec_admin_option_add_new_row input[type="button"]{ cursor:pointer; color:#FFF; background:#7bb141; border:none; padding:14px 20px; font-size:1rem; font-weight:400; border-radius:10px; -webkit-appearance:none; -webkit-border-radius:0; } |
| 1532 |
|
| 1533 |
/* Slide Out Container */ |
| 1534 |
.ec_admin_slideout_container{ display:none; background-color:rgba(45,62,80,.79); bottom:0; left:0; overflow:hidden; position:fixed; right:0; top:0; z-index:1030; } |
| 1535 |
.ec_admin_slideout_container_content{ width:550px; max-width:100%; bottom:0; position:absolute; right:-600px; top:0; display:flex; flex-direction:column; overflow:hidden; background-color:#fff; } |
| 1536 |
.ec_admin_slideout_container_content_header{ margin-top:30px; display:flex; flex-direction:column; background-color:#87c142; background-image:linear-gradient(-303deg,#87c142,#75af32 56%,#8fc551); color:#fff; } |
| 1537 |
.ec_admin_slideout_container_content_header_inner{ align-items:center; display:flex; min-height:4.25rem; padding:.25rem 3.5rem .25rem 2.5rem; } |
| 1538 |
.ec_admin_slideout_container_content_header_inner > h3{ color:#FFF; font-weight:400; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-smoothing:antialiased; text-shadow:0 0 1px transparent; margin-bottom:1.25rem; margin-top:0; display:block; font-size:1.25rem; line-height:normal; text-transform:none; margin:0; } |
| 1539 |
.ec_admin_slideout_close{ cursor:pointer; transition:all .15s ease-out; color:#fff; height:1rem; position:absolute; right:1.5rem; top:3.2rem; width:40px; height:40px; border-radius:40px; z-index: 1; } |
| 1540 |
.ec_admin_slideout_close:hover{ background:rgba(255,255,255,.13); } |
| 1541 |
.ec_admin_slideout_close > div:before{ font-size:40px; line-height:41px; width:40px; height:40px; } |
| 1542 |
.ec_admin_slideout_container_content_inner{ flex:1 1 auto; flex-basis:0; min-height:auto; overflow:auto; padding:2.5rem; padding-left:2.5rem; padding-right:2.5rem; padding-top:2.5rem; font-size:.875rem; } |
| 1543 |
.ec_admin_slideout_container_content_footer{ background-color:#f5f8fa; border-top:1px solid #cbd6e2; padding-bottom:1.25rem; padding-top:1.25rem;padding-left: 2.5rem; padding-right:2.5rem; flex:none; border-radius:0;} |
| 1544 |
.ec_admin_slideout_container_content_footer_inner{ flex:none; border-radius:0; display:flex; flex-direction:row; } |
| 1545 |
.ec_admin_slideout_container_content_footer_inner_body{ flex:1; order:2; min-width:0; } |
| 1546 |
.ec_admin_slideout_container_content_footer_inner_body ul{ display:inline-block; max-width:100%; margin-top:0; margin-bottom:0; list-style:none !important; padding-left:0 !important; } |
| 1547 |
.ec_admin_slideout_container_content_footer_inner_body li{ padding-left:4px; padding-right:4px; display:inline-block; max-width:100%; } |
| 1548 |
.ec_admin_slideout_container_content_footer_inner_body button{ transition: all .15s ease-out; background-color:#76b72a; border-color:#76b72a; color:#fff; font-size:.875rem; line-height:.875rem; padding:.75rem 1.5rem; font-weight:500; border-radius:.1875rem; border-style:solid; border-width:1px; text-align: center; cursor: pointer; display:inline-block; max-width:100%; vertical-align:middle; -webkit-appearance:button; } |
| 1549 |
.ec_admin_slideout_container_content_footer_inner_body button:hover{ background-color:#8fd043; } |
| 1550 |
.ec_footer_slideout_button_alt{ background-color:#ffffff !important; border-color:#76b72a !important; } |
| 1551 |
.ec_footer_slideout_button_alt:hover{ background-color:#f5f8fa !important; } |
| 1552 |
.ec_admin_slideout_container_content_footer_inner_body button > span{ font-size:.875rem; line-height:.875rem; padding:.75rem .25rem; font-weight:500; } |
| 1553 |
.ec_admin_slideout_container_input_row{ margin-top:12px; } |
| 1554 |
.ec_admin_slideout_container_input_row > div{ float:left; width:100%; } |
| 1555 |
.ec_admin_slideout_container_input_row:first-child{ margin-top:0px !important; } |
| 1556 |
.ec_admin_slideout_container_input_row label{ padding:.5rem .75rem .25rem 0; font-weight:500; font-size:.875rem; display:inline-block; vertical-align:middle; } |
| 1557 |
.ec_admin_slideout_container_input_row input[type="text"], .ec_admin_slideout_container_input_row input[type="number"]{ border-radius:.1875rem; -webkit-appearance:none; padding:.5625rem .625rem; border-radius:.1875rem; border:1px solid #cbd6e2; font-size:1rem; transition:all .15s ease-out; background-color:#f5f8fa; color:#33475b; display:block; height:2.5rem; line-height:1.375rem; text-align:left; vertical-align:middle; width:100%; } |
| 1558 |
.ec_admin_slideout_container_input_row input[type="text"]::placeholder, .ec_admin_slideout_container_input_row input[type="number"]::placeholder{ color:#b7c4d2; } |
| 1559 |
.ec_admin_slideout_container_input_row .select2{ float:none; margin:1px; padding-bottom:.5rem; padding-right:1rem; padding-top:.5rem; -webkit-appearance:none; font-weight: 400; padding:.5625rem .625rem; border-radius:.1875rem; border:1px solid #cbd6e2; font-size:1rem; transition:all .15s ease-out; background-color:#f5f8fa; color:#33475b; display:block; height:2.5rem; line-height:1.375rem; text-align:left; vertical-align:middle; width:100% !important; cursor:pointer; } |
| 1560 |
.ec_admin_slideout_container_input_row .select2 .select2-selection{ border:none !important; color:#33475b; background:none !important; flex-grow: 1; margin-right:4px; -webkit-hyphens:none; -ms-hyphens:none; hyphens:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; min-width:0; text-align:left; padding-bottom:.125rem; padding-top:.125rem; margin-bottom:-.125rem; margin-top:-.3rem; } |
| 1561 |
.ec_admin_slideout_container_input_row .select2 .select2-selection .select2-selection__arrow b{ margin-top:3px !important; } |
| 1562 |
.ec_admin_slideout_container_input_row input[type="text"].wpec-admin-upload-input, .wpec-admin-75-select{ float:left; width:75%; } |
| 1563 |
.ec_admin_slideout_container_input_row .wpec-admin-50-wide{ float:left; width:50%; } |
| 1564 |
.ec_admin_slideout_container_input_row .wpec-admin-upload-button{ float:right; width:24%; transition:all .15s ease-out; cursor:pointer; border:none; background:#76b72a; padding:.5625rem .625rem;border-radius:.1875rem; font-size:1rem; color:#ffffff; -webkit-appearance:none; -webkit-border-radius:0; } |
| 1565 |
.ec_admin_slideout_container_input_row .wpec-admin-upload-button:hover{ background-color:#8fd043 !important; } |
| 1566 |
.ec_admin_slideout_error{ background-color:#e4cfcf !important; border-color:red !important; } |
| 1567 |
.ec_admin_slideout_error_text{ display:none; float:left; width:100%; margin:5px 0; color:red; text-align:left; } |
| 1568 |
.ec_admin_slideout_container_simple_row{ background:#76b033; color:#FFF; padding:10px; font-size:16px; } |
| 1569 |
.ec_admin_slideout_container_simple_row:nth-child(even){ background:#e4eaef; color:#222; } |
| 1570 |
.ec_admin_slideout_container_notice{ float: left; width: 100%; margin: 0 0 25px; font-size: 1.2em; line-height: 1.6em; font-weight: 500; color:#812222; } |
| 1571 |
|
| 1572 |
.ec_live_shipping_status_good{ float:left; width:175px; background-color:#f2ffe0; border-radius:5px; -bottom:5px; -style:solid; border-width:1px; border-color:#378e42; box-shadow:none !important; height:auto !important; padding:0 5px; margin-right:5px; } |
| 1573 |
.ec_live_shipping_status_bad{ float:left; width:175px; background-color:#ffe6e6; border-radius:5px; margin-bottom:5px; border-style: solid; border-width: 1px; border-color: #ff0000; box-shadow: none !important; padding:0 5px; margin-right:5px; } |
| 1574 |
.ec_live_shipping_status_good .dashicons-yes:before{ color:#116b21; } |
| 1575 |
.ec_live_shipping_status_bad .dashicons-no:before{ color:#750909; } |
| 1576 |
.ec_live_shipping_status_good .dashicons-yes:before, .ec_live_shipping_status_bad .dashicons-no:before{ width:25px; display:inline; float:left; font-size:25px; padding-top:6px; } |
| 1577 |
.ec_live_shipping_status_label{ font-size:11px; font-weight:bold; margin-left:5px; } |
| 1578 |
|
| 1579 |
@media screen and (max-width: 459px) { |
| 1580 |
.ec_admin_content_area{ padding:5px; } |
| 1581 |
.ec_admin_important_numbered_list{ padding:0px; } |
| 1582 |
.ec_admin_mobile_hide{ display:none !important; } |
| 1583 |
.ec_admin_slideout_container{ overflow:scroll; } |
| 1584 |
.ec_admin_slideout_container_content{ position:relative !important; } |
| 1585 |
.ec_admin_slideout_container_content_header{ display:block; } |
| 1586 |
.ec_admin_slideout_container_content_inner{ flex:none; flex-basis:inherit; padding:1rem; padding-left:1rem; padding-right:1rem; padding-top:1rem; } |
| 1587 |
.ec_admin_slideout_container_content_footer{ display:block; padding:1rem; padding-left:1rem; padding-right:1rem; padding-top:1rem; } |
| 1588 |
.ec_admin_slideout_container_input_row input[type="text"].wpec-admin-upload-input, .wpec-admin-75-select{ width:100%; } |
| 1589 |
.ec_admin_slideout_container_input_row .wpec-admin-50-wide{ width:100%; } |
| 1590 |
.ec_admin_slideout_container_input_row .wpec-admin-upload-button{ width:100%; } |
| 1591 |
.ec_admin_settings_input input[type="checkbox"]:before{ margin:-6px -8px; } |
| 1592 |
} |
| 1593 |
|
| 1594 |
@media screen and (max-width: 399px) { |
| 1595 |
.ec_admin_mobile_hide{ display:none !important; } |
| 1596 |
} |
| 1597 |
|
| 1598 |
::-webkit-input-placeholder { /* Chrome/Opera/Safari */ |
| 1599 |
color: #E6E6E6; |
| 1600 |
} |
| 1601 |
::-moz-placeholder { /* Firefox 19+ */ |
| 1602 |
color: #E6E6E6; |
| 1603 |
} |
| 1604 |
:-ms-input-placeholder { /* IE 10+ */ |
| 1605 |
color: #E6E6E6; |
| 1606 |
} |
| 1607 |
:-moz-placeholder { /* Firefox 18- */ |
| 1608 |
color: #E6E6E6; |
| 1609 |
} |
| 1610 |
|
| 1611 |
/* Checkbox Toggle */ |
| 1612 |
.wp-easycart-admin-toggle-group{ float:left; width:100%; min-height:26px; position: relative; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; top: 50%; left:0px; margin-top:0px; margin-bottom:10px; } |
| 1613 |
.wp-easycart-admin-onoffswitch{ position:absolute; top:0px; left:0px; width:55px; display:inline-block; font-size:80%; } |
| 1614 |
.wp-easycart-group-title{ float:left; width:100%; font-size:1.1em; line-height:1.5em; font-weight:bold; padding-left:65px; } |
| 1615 |
.wp-easycart-group-subtitle{ float:left; width:100%; font-size:1.0em; line-height:1.3em; font-weight:500; padding-left:65px; color:#636c70; } |
| 1616 |
.wp-easycart-admin-onoffswitch .wp-easycart-admin-onoffswitch-label{ display:block; overflow:hidden; cursor:pointer; border:1px solid #e6e6e6; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; margin:0; } |
| 1617 |
.wp-easycart-admin-onoffswitch .wp-easycart-admin-onoffswitch-inner{ width:200%; margin-left:-100%; -webkit-transition:margin 0.15s ease-in-out; -o-transition:margin 0.15s ease-in-out; -moz-transition:margin 0.15s ease-in-out; transition:margin 0.15s ease-in-out; } |
| 1618 |
.wp-easycart-admin-onoffswitch .wp-easycart-admin-onoffswitch-inner:before, .wp-easycart-admin-onoffswitch .wp-easycart-admin-onoffswitch-inner:after{ float:left; width:50%; height:24px; padding:0; line-height:24px; font-size:80%; color:#ffffff; font-weight:normal; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } |
| 1619 |
.wp-easycart-admin-onoffswitch .wp-easycart-admin-onoffswitch-inner:before{ content:"ON"; padding-left:10px; background-color:#7bb141; color: #ffffff; } |
| 1620 |
.wp-easycart-admin-onoffswitch .wp-easycart-admin-onoffswitch-inner:after{ content:"OFF"; padding-right:10px; background-color:#fafafa; color:#3d3d3d; text-align:right; } |
| 1621 |
.wp-easycart-admin-onoffswitch .wp-easycart-admin-onoffswitch-switch{ width:22px; height:22px; margin:0; background:#ffffff; box-shadow:0 0 3px rgba(0, 0, 0, 0.3); -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; position:absolute; top:2px; bottom:0; right:35px; -webkit-transition:right 0.15s ease-in-out; -o-transition:right 0.15s ease-in-out; -moz-transition:right 0.15s ease-in-out; transition:right 0.15s ease-in-out; overflow: hidden; } |
| 1622 |
.wp-easycart-admin-toggle-group-text{ position: relative; min-height:30px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; top: 50%; padding-left:65px; margin-top:0px; margin-bottom:10px; } |
| 1623 |
.wp-easycart-admin-toggle-group-text label{ position:relative; cursor:pointer; display:inline-block; text-align:left; line-height:1.5em; font-size:1.1em; width: 100%; z-index: 1; font-weight:bold; margin-bottom:5px; } |
| 1624 |
.wp-easycart-admin-toggle-group-text label > div{ position:relative; padding-left:0px; left:0px; top:0px; font-size:1em; line-height:1.3em; color:#636c70 !important; } |
| 1625 |
.wp-easycart-admin-toggle-group-text input{ margin-top:5px !important; } |
| 1626 |
.wp-easycart-admin-toggle-group-text .select2{ width:100% !important; max-width:100%; } |
| 1627 |
.wp_easycart_admin_no_padding .wp-easycart-admin-toggle-group-text{ padding-left:0px !important; } |
| 1628 |
.wp-easycart-admin-toggle-group input[type=checkbox]{ position: absolute; width:1px; height:1px; left: 10px; top:10px; } |
| 1629 |
.wp-easycart-admin-toggle-group input[type=checkbox]:checked ~ .wp-easycart-admin-onoffswitch .wp-easycart-admin-onoffswitch-label{ background:#7bb141; } |
| 1630 |
.wp-easycart-admin-toggle-group input[type=checkbox]:checked ~ .wp-easycart-admin-onoffswitch .wp-easycart-admin-onoffswitch-label .wp-easycart-admin-onoffswitch-inner{ margin-left:0; } |
| 1631 |
.wp-easycart-admin-toggle-group input[type=checkbox]:checked ~ .wp-easycart-admin-onoffswitch .wp-easycart-admin-onoffswitch-label .wp-easycart-admin-onoffswitch-switch{ right:1px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); } |
| 1632 |
.wp-easycart-admin-toggle-group input[type=checkbox]:focus ~ .wp-easycart-admin-onoffswitch{ outline: thin dotted #333; outline: 0; } |
| 1633 |
.wp-easycart-admin-toggle-group input[type=checkbox]:checked:before{ content:none !important; } |
| 1634 |
.wp-easycart-admin-toggle-group label{ position:absolute; left:0px; cursor:pointer; padding-left:65px; display:inline-block; text-align:left; line-height:18px; width:100%; z-index: 1; height:30px; font-weight: 600; } |
| 1635 |
.wp-easycart-admin-toggle-group label > div{ position:absolute; left:40px; top:17px; font-size:12px; color:#888888 !important; } |
| 1636 |
.wp-easycart-admin-aural{ clip:rect(1px, 1px, 1px, 1px); height:1px; overflow:hidden; position:absolute; width:1px; } |
| 1637 |
.wp-easycart-admin-aural:focus{ clip:rect(0, 0, 0, 0); font-size:1em; height:auto; outline:thin dotted; position:static !important; width:auto; overflow:visible; } |
| 1638 |
.wp-easycart-admin-onoffswitch-switch > .dashicons-before{ margin:1px; color:#58bf4c; } |
| 1639 |
|
| 1640 |
.wpeasycart-admin-more-options-bar{ padding-left:65px; margin-bottom:20px; } |
| 1641 |
.wpeasycart-admin-more-options-bar > div{ border-top:4px solid #3c434a; border-right:1px solid #3c434a; border-left:1px solid #3c434a; border-bottom:1px solid #3c434a; padding-right:10px; padding-left:10px; } |
| 1642 |
.wpeasycart-admin-more-options-bar .dashicons-arrow-down{ margin-top:-14px; font-size:35px; margin-left:46%; } |
| 1643 |
|
| 1644 |
.wp-easycart-admin-dual-ring{ display:inline-block; width:24px; height:24px; } |
| 1645 |
.wp-easycart-admin-dual-ring:after{ content:" "; display:block; width:10px; height:10px; margin:4px 3px 4px 5px; border-radius:50%; border:2px solid #a7a7a7; border-color:#868686 transparent #fff transparent; animation: wp-easycart-admin-dual-ring 1.2s linear infinite; } |
| 1646 |
@keyframes wp-easycart-admin-dual-ring { |
| 1647 |
0%{ transform: rotate(0deg); } |
| 1648 |
100%{ transform: rotate(360deg); } |
| 1649 |
} |
| 1650 |
|
| 1651 |
/* Text Input w/ Save Icon */ |
| 1652 |
.wp-easycart-admin-field-container{ position:relative; padding:0; margin:0; border:0; width:100%; } |
| 1653 |
.wp-easycart-admin-icons-container{ position:absolute; top:3px; right:0px; width:35px; height:35px; overflow:hidden; } |
| 1654 |
.wp-easycart-admin-field-percentage{ position:absolute; top:9px; right:40px; color:#CCC; cursor:default; } |
| 1655 |
.wp-easycart-admin-icon-close{ position: absolute; right:3px; top:4px; height:26px; width:26px; border-radius:4px; background:#ffffff; border:1px solid #EDEDED; cursor:pointer; } |
| 1656 |
.wp-easycart-admin-icon-close-check{ position:absolute; top:3px; left:9px; width:8px; height:16px; display: inline-block; transform: rotate(45deg); border-bottom: 3px solid #d4d4d4; border-right: 3px solid #d4d4d4; } |
| 1657 |
.wp-easycart-admin-icon-close .wp_easycart_toggle_saved{ margin:2px; color:#58bf4c; } |
| 1658 |
.wp-easycart-admin-icon-search{ position: relative; top: 5px; left: 8px; width: 50%; height: 50%; opacity: 1; border-radius: 50%; border: 3px solid #ffffff; transition: opacity 0.25s ease, transform 0.43s cubic-bezier(0.694, 0.048, 0.335, 1); } |
| 1659 |
.wp-easycart-admin-icon-search:after{ content: ""; position: absolute; bottom: -9px; right: -2px; width: 4px; border-radius: 3px; transform: rotate(-45deg); height: 10px; background-color: #ffffff; } |
| 1660 |
textarea.wp-easycart-admin-field{ border:1px solid #CCC; min-height:200px; } |
| 1661 |
.wp-easycart-admin-field{ border: 0; width: 100%; height:30px !important; line-height:30px !important; padding:0px 8px !important; background: white; border-radius: 3px; box-shadow: 0px 8px 15px rgba(75, 72, 72, 0.1); transition: all 0.4s ease; } |
| 1662 |
.wp-easycart-admin-field.wp-easycart-admin-field-select-multiple{ min-height:125px; padding:0px !important; } |
| 1663 |
.wp-easycart-admin-field.wp-easycart-admin-field-select-multiple > option{ padding:5px; } |
| 1664 |
.wp-easycart-admin-field:focus{ outline:none; box-shadow:0px 9px 20px rgba(75, 72, 72, 0.3); } |
| 1665 |
.wp-easycart-admin-field:focus + .wp-easycart-admin-icons-container .wp-easycart-admin-icon-close > .wp-easycart-admin-icon-close-check{ border-bottom: 3px solid #78b13f; border-right: 3px solid #78b13f; } |
| 1666 |
select.wp-easycart-admin-field + .wp-easycart-admin-icons-container{ width:40px; } |
| 1667 |
select.wp-easycart-admin-field + .wp-easycart-admin-icons-container > .wp-easycart-admin-icon-close{ top:2px; right:15px; border:none; background:transparent; } |
| 1668 |
|
| 1669 |
/* Editable Table */ |
| 1670 |
.wp-easycart-editable-table-holder{ float:left; width:100%; border:1px solid #CCC; padding:5px; } |
| 1671 |
.wp-easycart-editable-table-bulk{ float:left; width:100% !important; background:#FFF; border:1px solid #CCC; padding:5px; margin-bottom:5px; position:relative; } |
| 1672 |
.wp-easycart-editable-table-bulk > select{ float:left !important; width:auto; min-width:150px !important; border:none; border-bottom:1px solid #333; border-radius:0px !important; } |
| 1673 |
.wp-easycart-editable-table-bulk-apply{ cursor:default; float:left; background:#EFEFEF; color:#999; border:none; padding:6px 9px; border-radius:5px; text-transform:uppercase; border-bottom:1px solid #CCC; } |
| 1674 |
.wp-easycart-editable-table-bulk-apply.active{ cursor:pointer; background:#333; color:#FFF; } |
| 1675 |
.wp-easycart-editable-table-pagination{ float:left; width:100%; padding:5px 0; margin-bottom:2px; } |
| 1676 |
.wp-easycart-editable-table-pagination > select{ float:left !important; width:auto; min-width:150px !important; border:none; border-bottom:1px solid #333; border-radius:0px !important; } |
| 1677 |
.wp-easycart-editable-table-pagination ul{ float:right; margin:5px 0 0; } |
| 1678 |
.wp-easycart-editable-table-pagination ul li{ float:left; cursor:pointer; width:30px; height:30px; line-height:30px; margin-left:5px; font-weight:bold; text-align: center; background:#eaeaea; border-radius:100px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } |
| 1679 |
.wp-easycart-editable-table-pagination ul li:hover{ background:#CCC; } |
| 1680 |
.wp-easycart-editable-table-pagination ul li.selected{ background:#333; color:#FFF; } |
| 1681 |
.wp-easycart-editable-table-pagination ul li:nth-child(n+5){ display:none; } |
| 1682 |
.wp-easycart-editable-table-pagination ul li.wp-easycart-editable-table-pagination-first, .wp-easycart-editable-table-pagination ul li.wp-easycart-editable-table-pagination-last{ display:block; } |
| 1683 |
.wp-easycart-editable-table{ float:left; width:100%; } |
| 1684 |
.wp-easycart-editable-table thead{ background:#efefef; } |
| 1685 |
.wp-easycart-editable-table th, .wp-easycart-editable-table td{ position:relative; text-align:left; padding:5px 4px; vertical-align:top; } |
| 1686 |
.wp-easycart-editable-table th input{ margin:0 auto; } |
| 1687 |
.wp-easycart-editable-table td select, .wp-easycart-editable-table td input, .wp-easycart-editable-table td span.select2{ float:left; margin:0; min-width:50px; height:auto; line-height:2em; min-height:unset; width:100%; max-width:100%; } |
| 1688 |
.wp-easycart-editable-table td input[type="number"]{ float:left; margin:0; min-width:50px; height:auto; line-height:2em; min-height:unset; width:100%; max-width:100%; text-align:left; } |
| 1689 |
.wp-easycart-editable-table td select.error, .wp-easycart-editable-table td input.error{ background:#f1d8d8; border-color:#8e1111; } |
| 1690 |
.wp-easycart-editable-table-row td select, .wp-easycart-editable-table-row td input, .wp-easycart-editable-table-row td span.select2{ padding-left:30px; } |
| 1691 |
.wp-easycart-editable-table td input.percentage{ max-width:80%; margin-right:5px; } |
| 1692 |
.wp-easycart-editable-table tr > td:first-child, .wp-easycart-editable-table tr > th:first-child{ text-align:center; width:35px; } |
| 1693 |
.wp-easycart-editable-table tr > td:last-child{ text-align:center; } |
| 1694 |
.wp-easycart-editable-table-paging{ float:right; line-height:37px; margin-right:10px; } |
| 1695 |
.wp-easycart-editable-table.pagination-10 > tbody tr.wp-easycart-editable-table-row:nth-child( n+11 ){ display:none; } |
| 1696 |
.wp-easycart-editable-table.pagination-25 > tbody tr.wp-easycart-editable-table-row:nth-child( n+26 ){ display:none; } |
| 1697 |
.wp-easycart-editable-table.pagination-50 > tbody tr.wp-easycart-editable-table-row:nth-child( n+51 ){ display:none; } |
| 1698 |
.wp-easycart-editable-table.pagination-100 > tbody tr.wp-easycart-editable-table-row:nth-child( n+101 ){ display:none; } |
| 1699 |
.wpeasycart-editable-table-delete{ text-decoration:none; } |
| 1700 |
.wp-easycart-editable-table th.sortable{ cursor:pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } |
| 1701 |
.wp-easycart-editable-table th.sortable:hover{ background:#e4e4e4; } |
| 1702 |
.wp-easycart-editable-table th.sortable .wpeasycart-editable-table-sort{ float:left; margin:2px 6px 0 2px; color:#bfbfbf; } |
| 1703 |
.wp-easycart-editable-table th.sortable.selected{ background:#CCC; color:#333; } |
| 1704 |
.wp-easycart-editable-table th.sortable.selected .wpeasycart-editable-table-sort{ float:left; margin:2px 6px 0 2px; color:#676767; } |
| 1705 |
.wp-easycart-editable-table th.sortable.selected.reverse .wpeasycart-editable-table-sort{ transform: scaleX(-1); } |
| 1706 |
.wp-easycart-editable-table-row-none{ padding:25px; } |
| 1707 |
.wp-easycart-editable-table-row-default{ display:none; } |
| 1708 |
.wp-easycart-editable-table-update-row{ position:absolute; left:6px; top:7px; width:25px; height:24px; border-radius:4px; background:#CCC; color:white; border:none; text-align:center; } |
| 1709 |
.wp-easycart-editable-table-update-row.focused{ cursor:pointer; background:green; } |
| 1710 |
.wp-easycart-editable-table-update-row > .dashicons{ margin-left:-4px; } |
| 1711 |
.wp-easycart-editable-table-add-new-break{ background:#CCC; text-align:center; } |
| 1712 |
.wp-easycart-editable-table-add-new{ background:#cfefcf; text-decoration:none !important; } |
| 1713 |
.wp-easycart-editable-table-add-new.loading, .wp-easycart-editable-table-row.loading{ background:#CCC !important; } |
| 1714 |
.wp-easycart-editable-table-add-new .dashicons{ position:relative; top:4px; right:0; cursor:pointer; background:green; border-radius:20px; width:20px; height:20px; line-height:23px; color:#FFF; } |
| 1715 |
.wp-easycart-editable-table-add-new .dashicons.loading{ background:#999 !important; cursor:default !important; font-size:11px; line-height:21px; } |
| 1716 |
.wp-easycart-editable-table-add-new .dashicons:before{ margin-left:-1px; } |
| 1717 |
.wp-easycart-editable-table-add-new .dashicons:hover{ background:#57af57; } |
| 1718 |
|
| 1719 |
/* Status Circle: Credit circle.firchow.net for base */ |
| 1720 |
.ec_admin_dashboard_license_status{ float:left; width:44%; background:white; border:1px solid #CCC; padding:10px; } |
| 1721 |
.ec_admin_status_circle_container{ width:24% !important; float:left; margin-right:1.333333%; margin-bottom:25px; } |
| 1722 |
.ec_admin_status_circle_container.large{ width:100% !important; float:left; margin-right:0% !important; margin-bottom:25px; border-bottom:1px solid #CCC; padding-bottom:25px; text-align:center; } |
| 1723 |
.ec_admin_status_circle_container.large .ec_admin_status_circle{ float:none !important; line-height:240px; width:240px; font-size:240px; } |
| 1724 |
.ec_admin_status_circle_container.large .ec_admin_status_circle_content{ display:block !important; float:left; width:100%; } |
| 1725 |
.ec_admin_status_circle_container.large .ec_admin_status_circle_content h4{ font-size:32px; margin:10px auto; } |
| 1726 |
.ec_admin_status_circle_container.large .ec_admin_status_circle_content div{ font-size:18px; } |
| 1727 |
.ec_admin_status_circle_container.large .ec_admin_status_circle_content a{ display:inline-block; float:none !important; margin:10px auto; font-size:18px; padding:8px 20px; } |
| 1728 |
.ec_admin_status_circle_container:nth-child(4n){ margin-right:0; } |
| 1729 |
.ec_admin_status_circle_content{ display:table-cell; height:120px; padding-left:10px; vertical-align:middle; } |
| 1730 |
.ec_admin_status_circle_content > h4{ margin:0 0 5px; font-size:20px; } |
| 1731 |
.ec_admin_status_circle_content > div{ float:left; width:100%; font-weight:normal; line-height:1.3em; } |
| 1732 |
.ec_admin_status_circle_content > a{ float:left; margin:5px 0 0; background:#333; color:#FFF; text-decoration:none; padding:4px 10px; border-radius:5px; } |
| 1733 |
.ec_admin_status_circle.over-half .ec_admin_status_circle_slice{ clip: rect(auto, auto, auto, auto); } |
| 1734 |
.ec_admin_status_circle .ec_admin_status_circle_bar, .ec_admin_status_circle.over-half .ec_admin_status_circle_fill{ position: absolute; border: 0.08em solid #307bbb; width: 1em; height: 1em; clip: rect(0em, 0.5em, 1em, 0em); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } |
| 1735 |
.ec_admin_status_circle.over-half .ec_admin_status_circle_bar, .ec_admin_status_circle.over-half .ec_admin_status_circle_fill{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } |
| 1736 |
.ec_admin_status_circle{ float:left; cursor: default; position: relative; width: 120px; height: 1em; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: #cccccc; margin: 0 auto 15px; font-size: 120px; } |
| 1737 |
.ec_admin_status_circle *, .ec_admin_status_circle *:before, .ec_admin_status_circle *:after{ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } |
| 1738 |
.ec_admin_status_circle > span{ position: absolute; font-weight:lighter; width: 100%; height: 100%; font-size: 0.2em; color: #929292; z-index: 1; left: 0; top: 0; line-height: 5em; display: block; text-align: center; white-space: nowrap; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } |
| 1739 |
.ec_admin_status_circle > span.expired{ color:#e03333 !important; font-size:.15em; font-weight:bold; line-height:7em; } |
| 1740 |
.ec_admin_status_circle:after{ position: absolute; top: 0.08em; left: 0.08em; display: block; content: " "; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: whitesmoke; width: 0.84em; height: 0.84em; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; } |
| 1741 |
.ec_admin_status_circle .ec_admin_status_circle_slice{ position: absolute; width: 1em; height: 1em; clip: rect(0em, 1em, 1em, 0.5em); } |
| 1742 |
.ec_admin_status_circle .ec_admin_status_circle_bar{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } |
| 1743 |
.ec_admin_status_circle:after{ top: 0.04em; left: 0.04em; width: 0.92em; height: 0.92em; } |
| 1744 |
.ec_admin_status_circle.green .ec_admin_status_circle_bar, .ec_admin_status_circle.green .ec_admin_status_circle_fill{ border-color: #5fd400 !important; } |
| 1745 |
.ec_admin_status_circle.orange .ec_admin_status_circle_bar, .ec_admin_status_circle.orange .ec_admin_status_circle_fill{ border-color: #dd9d22 !important; } |
| 1746 |
.ec_admin_status_circle.red .ec_admin_status_circle_bar, .ec_admin_status_circle.red .ec_admin_status_circle_fill{ border-color: #e03333 !important; } |
| 1747 |
.ec_admin_status_circle.grey .ec_admin_status_circle_bar, .ec_admin_status_circle.grey .ec_admin_status_circle_fill{ border-color: #b7b7b7 !important; } |
| 1748 |
.ec_admin_status_circle.grey > span{ color: #b7b7b7; } |
| 1749 |
@media screen and (max-width: 889px) { |
| 1750 |
.ec_admin_status_circle_content{ height:auto; } |
| 1751 |
.ec_admin_status_circle_content > h4{ font-size:1.7em !important; line-height:1.5em; } |
| 1752 |
} |
| 1753 |
|
| 1754 |
/* Start Product Images Section */ |
| 1755 |
.ec_admin_product_details_media_free{ float:left; width:100%; border:2px dashed #222; border-radius:5px; } |
| 1756 |
.ec_admin_product_details_media_empty_free{ display:block; font-size:250px; width:250px; height:250px; line-height:250px; margin:50px auto; cursor: pointer; } |
| 1757 |
.ec_admin_product_image_container_free{ position:relative; display: table; vertical-align: middle; width:100%; height:100%; text-align:center; } |
| 1758 |
.ec_admin_product_details_media_add_free.dashicons{ position:absolute; left:50%; top:50%; color:#666; font-size:52px; width:52px; height:52px; line-height:52px; margin:-26px auto auto -26px; display:block; vertical-align: middle; cursor: pointer; } |
| 1759 |
.ec_admin_product_details_media_add_free:hover{ color:#222; } |
| 1760 |
.ec_admin_product_details_media_free ul.actions{ float:left; width:100%; } |
| 1761 |
.ec_admin_product_details_media_free .ec_admin_product_image_free{ position:relative; display:flex; flex-flow:column; justify-content:center; width:calc( 20% - 10px ); margin:5px; padding:5px; vertical-align: middle; background:#efefef; } |
| 1762 |
.ec_admin_product_details_media_free .ec_admin_product_image_free img{ float:left; max-width:100%; height:auto; } |
| 1763 |
.ec_admin_product_details_media_free .ec_admin_product_image_free ul.actions{ position:absolute; bottom:5px; right:5px; margin:0px; } |
| 1764 |
.ec_admin_product_details_media_free .ec_admin_product_image_free ul.actions li{ float:right; margin:5px; } |
| 1765 |
.ec_admin_product_details_media_free .ec_admin_product_image_free ul.actions li a{ text-decoration:none; } |
| 1766 |
.ec_admin_product_details_media_free .ec_admin_product_image_free ul.actions li .dashicons{ font-size:18px; line-height:26px; width:26px; height:26px; background:#FFF; border-radius:100px; } |
| 1767 |
.ec_admin_product_details_media_free .ec_admin_product_image_free ul.actions li a:hover .dashicons{ background:#efefef; color:#222; } |
| 1768 |
|
| 1769 |
.ec_admin_product_image_menu_free{ position:absolute; width:100%; height:100%; left:0px; top:0px; z-index:2; } |
| 1770 |
.ec_admin_product_image_menu_bg_free{ position:absolute; width:100%; height:100%; background:#FFF; z-index:2; } |
| 1771 |
.ec_admin_product_image_menu_close_free{ position:absolute; top:5px; right:5px; z-index:5; cursor:pointer; } |
| 1772 |
.ec_admin_product_image_menu_close_free:hover > .dashicons{ color:#000; } |
| 1773 |
.ec_admin_product_image_menu_group_free{ position:absolute; width:100%; height:100%; z-index:4; } |
| 1774 |
.ec_admin_product_image_menu_list_free{ position:relative; display:table; width:100%; height:100%; padding:10px; margin:0px; text-align:center; } |
| 1775 |
.ec_admin_product_image_menu_list_free > li{ display:inline-block; font-weight:bold; background:#ededed; padding:5px 15px; margin:45px 5px 0px; border-radius:10px; text-align:center; cursor:pointer; } |
| 1776 |
.ec_admin_product_image_menu_list_free > li:hover{ background:#dedede; } |
| 1777 |
|
| 1778 |
.ec_admin_product_image_input_group_free{ width:400px; max-width:100%; padding:10px; margin:0px auto; } |
| 1779 |
.ec_admin_product_image_input_group_free > label{ float:left; width:100%; text-align:center; font-weight:bold; margin:0 0 5px; } |
| 1780 |
.ec_admin_product_image_input_group_free > input{ float:left; width:100%; text-align:center; margin:0px; } |
| 1781 |
.ec_admin_product_image_input_group_free > button{ margin:5px; padding:5px 10px; font-weight:bold; text-transform:uppercase; } |
| 1782 |
|
| 1783 |
.wp-easycart-admin-product-details-images-locked{ display:none; } |
| 1784 |
.wp-easycart-admin-product-details-image-locked{ display:flex; width:16.666667%; position:relative; padding:6px; } |
| 1785 |
.wp-easycart-admin-product-details-image-locked > span{ position:absolute; font-size:100px; left:50%; margin-left:-50px; top:50%; margin-top:-50px; z-index:2; } |
| 1786 |
.wp-easycart-admin-product-details-image-locked > img{ max-width:100%; height:auto; opacity:.5; } |
| 1787 |
|
| 1788 |
@media screen and (max-width: 1399px) { |
| 1789 |
.ec_admin_dashboard_license_status, .ec_admin_dashboard_chart_filters{ width:100%; margin-bottom:25px; } |
| 1790 |
} |
| 1791 |
|
| 1792 |
@media screen and (min-width: 1250px) and (max-width: 1699px) { |
| 1793 |
.ec_admin_status_circle_container{ width:32% !important; float:left; margin-right:1.5%; } |
| 1794 |
.ec_admin_status_circle_container:nth-child(4n){ margin-right:1.5%; } |
| 1795 |
.ec_admin_status_circle_container:nth-child(3n){ margin-right:0%; } |
| 1796 |
.ec_admin_status_circle_container:nth-child(3n+1){ clear:both; } |
| 1797 |
} |
| 1798 |
@media screen and (min-width: 1000px) and (max-width: 1249px) { |
| 1799 |
.ec_admin_status_circle_container{ width:49.5% !important; float:left; margin-right:1%; } |
| 1800 |
.ec_admin_status_circle_container:nth-child(4n){ margin-right:1%; } |
| 1801 |
.ec_admin_status_circle_container:nth-child(2n){ margin-right:0%; } |
| 1802 |
.ec_admin_status_circle_container:nth-child(2n+1){ clear:both; } |
| 1803 |
} |
| 1804 |
@media screen and (max-width: 999px) { |
| 1805 |
.ec_admin_status_circle_container{ width:100% !important; float:left; margin-right:0%; clear:both } |
| 1806 |
} |
| 1807 |
|
| 1808 |
/* ===================================================================== |
| 1809 |
WP EasyCart — Customer Snapshot + Modernized User Details Form |
| 1810 |
Added for the user-details screen (admin/template/users/users/). |
| 1811 |
Reuses the --ecv2-* design tokens defined in admin-v2.css :root. |
| 1812 |
===================================================================== */ |
| 1813 |
|
| 1814 |
/* ---------- Customer Snapshot ---------- */ |
| 1815 |
.ec_user_overview { margin: 0 0 22px; } |
| 1816 |
.ec_user_overview * { box-sizing: border-box; } |
| 1817 |
.ec_user_overview .ecuo-card { background:#fff; border:1px solid var(--ecv2-g200,#e5e7eb); border-radius:var(--ecv2-r,8px); box-shadow:var(--ecv2-sh,0 1px 3px rgba(0,0,0,.1)); } |
| 1818 |
|
| 1819 |
.ec_user_overview .ecuo-head { display:flex; flex-wrap:wrap; align-items:center; gap:12px; padding:16px 18px; border-bottom:1px solid var(--ecv2-g200,#e5e7eb); } |
| 1820 |
.ec_user_overview .ecuo-avatar { width:42px; height:42px; border-radius:50%; background:var(--ecv2-primary-light,rgba(34,197,94,.1)); color:var(--ecv2-primary-hover,#16a34a); display:flex; align-items:center; justify-content:center; font-weight:700; font-size:16px; flex:0 0 auto; } |
| 1821 |
.ec_user_overview .ecuo-head-text { line-height:1.35; min-width:0; } |
| 1822 |
.ec_user_overview .ecuo-name { font-size:16px; font-weight:700; color:var(--ecv2-g900,#111827); text-transform:none; } |
| 1823 |
.ec_user_overview .ecuo-name .ecuo-id { font-weight:400; color:var(--ecv2-g400,#9ca3af); } |
| 1824 |
.ec_user_overview .ecuo-sub { font-size:12px; color:var(--ecv2-g500,#6b7280); } |
| 1825 |
.ec_user_overview .ecuo-sub a { color:var(--ecv2-g600,#4b5563); text-decoration:none; } |
| 1826 |
.ec_user_overview .ecuo-sub a:hover { color:var(--ecv2-primary-hover,#16a34a); } |
| 1827 |
.ec_user_overview .ecuo-head-actions { margin-left:auto; display:flex; gap:8px; flex-wrap:wrap; } |
| 1828 |
|
| 1829 |
.ec_user_overview .ecuo-btn { display:inline-flex; align-items:center; gap:5px; font-size:12px; font-weight:600; padding:6px 11px; border-radius:var(--ecv2-rs,4px); border:1px solid var(--ecv2-g300,#d1d5db); background:#fff; color:var(--ecv2-g700,#374151); text-decoration:none; cursor:pointer; transition:all var(--ecv2-tr,150ms ease); line-height:1.3; } |
| 1830 |
.ec_user_overview .ecuo-btn:hover { border-color:var(--ecv2-primary,#22c55e); color:var(--ecv2-primary-hover,#16a34a); } |
| 1831 |
.ec_user_overview .ecuo-btn .dashicons-before { display:inline-flex; align-items:center; justify-content:center; width:15px; height:15px; flex:0 0 auto; } |
| 1832 |
.ec_user_overview .ecuo-btn .dashicons-before:before { display:block; font-size:15px; width:15px; height:15px; line-height:1; } |
| 1833 |
.ec_user_overview .ecuo-btn-primary { background:var(--ecv2-primary,#22c55e); border-color:var(--ecv2-primary,#22c55e); color:#fff; } |
| 1834 |
.ec_user_overview .ecuo-btn-primary:hover { background:var(--ecv2-primary-hover,#16a34a); border-color:var(--ecv2-primary-hover,#16a34a); color:#fff; } |
| 1835 |
.ec_user_overview .ecuo-btn:disabled { opacity:.6; cursor:default; } |
| 1836 |
|
| 1837 |
.ec_user_overview .ecuo-flags { display:flex; flex-wrap:wrap; gap:6px; padding:12px 18px 0; } |
| 1838 |
.ec_user_overview .ecuo-flag { display:inline-flex; align-items:center; gap:4px; font-size:11px; font-weight:600; padding:3px 9px; border-radius:999px; border:1px solid transparent; } |
| 1839 |
.ec_user_overview .ecuo-flag .dashicons-before { display:inline-flex; align-items:center; justify-content:center; width:13px; height:13px; flex:0 0 auto; } |
| 1840 |
.ec_user_overview .ecuo-flag .dashicons-before:before { display:block; font-size:13px; width:13px; height:13px; line-height:1; } |
| 1841 |
.ec_user_overview .ecuo-flag-green { background:#ecfdf5; color:#065f46; border-color:#a7f3d0; } |
| 1842 |
.ec_user_overview .ecuo-flag-blue { background:#eff6ff; color:#1e40af; border-color:#bfdbfe; } |
| 1843 |
.ec_user_overview .ecuo-flag-amber { background:#fffbeb; color:#92400e; border-color:#fde68a; } |
| 1844 |
.ec_user_overview .ecuo-flag-gray { background:var(--ecv2-g100,#f3f4f6); color:var(--ecv2-g600,#4b5563); border-color:var(--ecv2-g200,#e5e7eb); } |
| 1845 |
|
| 1846 |
.ec_user_overview .ecuo-kpis { display:grid; grid-template-columns:repeat(6,1fr); gap:0; padding:14px 6px; } |
| 1847 |
.ec_user_overview .ecuo-kpi { padding:4px 12px; border-right:1px solid var(--ecv2-g200,#e5e7eb); } |
| 1848 |
.ec_user_overview .ecuo-kpi:last-child { border-right:none; } |
| 1849 |
.ec_user_overview .ecuo-kpi-label { display:block; font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:.5px; color:var(--ecv2-g400,#9ca3af); margin-bottom:3px; } |
| 1850 |
.ec_user_overview .ecuo-kpi-value { display:block; font-size:18px; font-weight:700; color:var(--ecv2-g800,#1f2937); line-height:1.2; } |
| 1851 |
.ec_user_overview .ecuo-kpi-value small { font-size:11px; font-weight:500; color:var(--ecv2-g400,#9ca3af); } |
| 1852 |
.ec_user_overview .ecuo-kpi-value.is-amber { color:#b45309; } |
| 1853 |
|
| 1854 |
.ec_user_overview .ecuo-strip { display:flex; flex-wrap:wrap; gap:8px; padding:12px 18px 0; } |
| 1855 |
.ec_user_overview .ecuo-chip { display:flex; flex-direction:column; padding:8px 12px; border:1px solid var(--ecv2-g200,#e5e7eb); border-left:3px solid var(--ecv2-g300,#d1d5db); border-radius:var(--ecv2-rs,4px); background:var(--ecv2-g50,#f9fafb); min-width:160px; text-decoration:none; transition:background var(--ecv2-tr,150ms ease); } |
| 1856 |
.ec_user_overview a.ecuo-chip:hover { background:var(--ecv2-g100,#f3f4f6); } |
| 1857 |
.ec_user_overview .ecuo-chip-sub { border-left-color:var(--ecv2-blue,#3b82f6); } |
| 1858 |
.ec_user_overview .ecuo-chip-cart { border-left-color:var(--ecv2-amber,#f59e0b); } |
| 1859 |
.ec_user_overview .ecuo-chip-title { font-size:12px; font-weight:600; color:var(--ecv2-g800,#1f2937); display:flex; align-items:center; gap:4px; } |
| 1860 |
.ec_user_overview .ecuo-chip-title .dashicons-before { display:inline-flex; align-items:center; justify-content:center; width:14px; height:14px; flex:0 0 auto; vertical-align:-2px; } |
| 1861 |
.ec_user_overview .ecuo-chip-title .dashicons-before:before { display:block; font-size:14px; width:14px; height:14px; line-height:1; color:var(--ecv2-amber,#f59e0b); } |
| 1862 |
.ec_user_overview .ecuo-chip-meta { font-size:11px; color:var(--ecv2-g500,#6b7280); margin-top:2px; } |
| 1863 |
|
| 1864 |
.ec_user_overview .ecuo-body { display:grid; grid-template-columns:1fr 1fr; gap:16px; padding:16px 18px 18px; } |
| 1865 |
.ec_user_overview .ecuo-panel { display:flex; flex-direction:column; min-height:0; } |
| 1866 |
.ec_user_overview .ecuo-panel-head { display:flex; align-items:center; justify-content:space-between; padding:10px 12px; background:var(--ecv2-g50,#f9fafb); border:1px solid var(--ecv2-g200,#e5e7eb); border-bottom:none; border-radius:var(--ecv2-rs,4px) var(--ecv2-rs,4px) 0 0; } |
| 1867 |
.ec_user_overview .ecuo-panel-title { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.4px; color:var(--ecv2-g600,#4b5563); } |
| 1868 |
.ec_user_overview .ecuo-panel-hint { font-size:11px; font-weight:500; color:var(--ecv2-g400,#9ca3af); white-space:nowrap; cursor:help; border-bottom:1px dotted var(--ecv2-g300,#d1d5db); } |
| 1869 |
.ec_user_overview .ecuo-panel-link { font-size:11px; font-weight:600; color:var(--ecv2-primary-hover,#16a34a); text-decoration:none; } |
| 1870 |
.ec_user_overview .ecuo-panel-link:hover { text-decoration:underline; } |
| 1871 |
.ec_user_overview .ecuo-scroll { max-height:320px; overflow-y:auto; border:1px solid var(--ecv2-g200,#e5e7eb); border-radius:0 0 var(--ecv2-rs,4px) var(--ecv2-rs,4px); } |
| 1872 |
|
| 1873 |
.ec_user_overview .ecuo-order { display:flex; align-items:center; gap:10px; padding:10px 12px; border-bottom:1px solid var(--ecv2-g100,#f3f4f6); text-decoration:none; color:inherit; transition:background var(--ecv2-tr,150ms ease); } |
| 1874 |
.ec_user_overview .ecuo-order:last-child { border-bottom:none; } |
| 1875 |
.ec_user_overview .ecuo-order:hover { background:var(--ecv2-g50,#f9fafb); } |
| 1876 |
.ec_user_overview .ecuo-order-main { min-width:0; flex:1 1 auto; } |
| 1877 |
.ec_user_overview .ecuo-order-id { font-size:13px; font-weight:700; color:var(--ecv2-g800,#1f2937); } |
| 1878 |
.ec_user_overview .ecuo-order-id .ecuo-guest { font-size:10px; font-weight:600; color:var(--ecv2-g400,#9ca3af); margin-left:4px; text-transform:uppercase; } |
| 1879 |
.ec_user_overview .ecuo-order-meta { font-size:11px; color:var(--ecv2-g500,#6b7280); margin-top:1px; } |
| 1880 |
.ec_user_overview .ecuo-order-right { text-align:right; flex:0 0 auto; } |
| 1881 |
.ec_user_overview .ecuo-order-total { font-size:13px; font-weight:700; color:var(--ecv2-g800,#1f2937); } |
| 1882 |
.ec_user_overview .ecuo-order-refund { font-size:10px; font-weight:600; color:var(--ecv2-danger-hover,#dc2626); } |
| 1883 |
.ec_user_overview .ecuo-status { display:inline-block; font-size:10px; font-weight:600; padding:2px 8px; border-radius:999px; border:1px solid var(--ecv2-g300,#d1d5db); background:#fff; color:var(--ecv2-g700,#374151); white-space:nowrap; margin-top:3px; } |
| 1884 |
|
| 1885 |
.ec_user_overview .ecuo-addnote { padding:10px 12px; border:1px solid var(--ecv2-g200,#e5e7eb); border-bottom:none; background:#fff; } |
| 1886 |
.ec_user_overview .ecuo-addnote-input { width:100%; border:1px solid var(--ecv2-g300,#d1d5db); border-radius:var(--ecv2-rs,4px); padding:7px 9px; font-size:12px; color:var(--ecv2-g800,#1f2937); resize:vertical; line-height:1.5; } |
| 1887 |
.ec_user_overview .ecuo-addnote-input:focus { outline:none; border-color:var(--ecv2-primary,#22c55e); box-shadow:0 0 0 3px var(--ecv2-primary-light,rgba(34,197,94,.1)); } |
| 1888 |
.ec_user_overview .ecuo-addnote-actions { display:flex; align-items:center; justify-content:flex-end; gap:10px; margin-top:7px; } |
| 1889 |
.ec_user_overview .ecuo-addnote-status { font-size:11px; color:var(--ecv2-g500,#6b7280); margin-right:auto; } |
| 1890 |
.ec_user_overview .ecuo-addnote-status.is-error { color:var(--ecv2-danger-hover,#dc2626); } |
| 1891 |
|
| 1892 |
.ec_user_overview .ecuo-note { padding:10px 12px; border-bottom:1px solid var(--ecv2-g100,#f3f4f6); border-left:3px solid var(--ecv2-g300,#d1d5db); } |
| 1893 |
.ec_user_overview .ecuo-note:last-child { border-bottom:none; } |
| 1894 |
.ec_user_overview .ecuo-note.is-admin { border-left-color:var(--ecv2-blue,#3b82f6); } |
| 1895 |
.ec_user_overview .ecuo-note.is-customer { border-left-color:var(--ecv2-amber,#f59e0b); } |
| 1896 |
.ec_user_overview .ecuo-note.is-account { border-left-color:var(--ecv2-primary,#22c55e); } |
| 1897 |
.ec_user_overview .ecuo-note-head { display:flex; align-items:center; gap:8px; margin-bottom:4px; } |
| 1898 |
.ec_user_overview .ecuo-note-author { font-size:11px; font-weight:700; color:var(--ecv2-g700,#374151); } |
| 1899 |
.ec_user_overview .ecuo-note-link { font-size:11px; color:var(--ecv2-primary-hover,#16a34a); text-decoration:none; } |
| 1900 |
.ec_user_overview .ecuo-note-link:hover { text-decoration:underline; } |
| 1901 |
.ec_user_overview .ecuo-note-date { font-size:10px; color:var(--ecv2-g400,#9ca3af); margin-left:auto; } |
| 1902 |
.ec_user_overview .ecuo-note-body { font-size:12px; color:var(--ecv2-g600,#4b5563); line-height:1.5; white-space:pre-wrap; word-wrap:break-word; } |
| 1903 |
|
| 1904 |
.ec_user_overview .ecuo-empty { padding:22px 14px; text-align:center; font-size:12px; color:var(--ecv2-g400,#9ca3af); } |
| 1905 |
|
| 1906 |
@media screen and (max-width:1100px) { |
| 1907 |
.ec_user_overview .ecuo-kpis { grid-template-columns:repeat(3,1fr); gap:10px 0; } |
| 1908 |
.ec_user_overview .ecuo-kpi:nth-child(3) { border-right:none; } |
| 1909 |
} |
| 1910 |
@media screen and (max-width:900px) { |
| 1911 |
.ec_user_overview .ecuo-body { grid-template-columns:1fr; } |
| 1912 |
} |
| 1913 |
@media screen and (max-width:600px) { |
| 1914 |
.ec_user_overview .ecuo-kpis { grid-template-columns:repeat(2,1fr); } |
| 1915 |
.ec_user_overview .ecuo-kpi { border-right:none; } |
| 1916 |
} |
| 1917 |
|
| 1918 |
/* ---------- Modernized User Details form (scoped) ---------- */ |
| 1919 |
.ec_admin_user_details_modern .ec_admin_list_line_item { border:1px solid var(--ecv2-g200,#e5e7eb); background:#fff; border-radius:var(--ecv2-r,8px); box-shadow:var(--ecv2-sh,0 1px 3px rgba(0,0,0,.1)); min-height:0; margin-bottom:16px; } |
| 1920 |
|
| 1921 |
.ec_admin_user_details_modern .ec_admin_settings_label { display:flex; align-items:center; gap:10px; float:none; width:auto; line-height:normal; font-size:13px; font-weight:700; letter-spacing:.5px; color:var(--ecv2-g500,#6b7280); text-transform:uppercase; border-bottom:1px solid var(--ecv2-g200,#e5e7eb); padding:14px 18px; margin:0; } |
| 1922 |
.ec_admin_user_details_modern .ec_admin_settings_label > .dashicons-before { position:static; top:auto; color:var(--ecv2-g400,#9ca3af); } |
| 1923 |
.ec_admin_user_details_modern .ec_admin_settings_label > .dashicons-before:before { float:none; margin:0; } |
| 1924 |
.ec_admin_user_details_modern .ec_admin_settings_label > span { position:static; float:none; margin:0; padding:0; } |
| 1925 |
.ec_admin_user_details_modern .ec_admin_settings_label .ec_page_title_button_wrap { margin-left:auto; display:flex; align-items:center; gap:8px; } |
| 1926 |
|
| 1927 |
.ec_admin_user_details_modern .ec_admin_row_heading_title { font-size:14px; font-weight:700; color:var(--ecv2-g800,#1f2937); } |
| 1928 |
.ec_admin_user_details_modern .ec_admin_row_heading_message { font-size:12px; color:var(--ecv2-g500,#6b7280); } |
| 1929 |
|
| 1930 |
.ec_admin_user_details_modern .ec_admin_settings_input > div > input[type="text"], |
| 1931 |
.ec_admin_user_details_modern .ec_admin_settings_input > div > input[type="number"], |
| 1932 |
.ec_admin_user_details_modern .ec_admin_settings_input > div > input[type="date"], |
| 1933 |
.ec_admin_user_details_modern .ec_admin_settings_input > div > input[type="password"], |
| 1934 |
.ec_admin_user_details_modern .ec_admin_settings_input > div > select, |
| 1935 |
.ec_admin_user_details_modern .ec_admin_settings_input > div > textarea, |
| 1936 |
.ec_admin_user_details_modern .ec_admin_settings_input select, |
| 1937 |
.ec_admin_user_details_modern .ec_admin_settings_input textarea { |
| 1938 |
border:1px solid var(--ecv2-g300,#d1d5db); border-radius:var(--ecv2-rs,4px); padding:8px 10px; font-size:13px; color:var(--ecv2-g800,#1f2937); background:#fff; box-shadow:none; min-height:38px; line-height:1.4; transition:border-color var(--ecv2-tr,150ms ease), box-shadow var(--ecv2-tr,150ms ease); } |
| 1939 |
.ec_admin_user_details_modern .ec_admin_settings_input > div > input:focus, |
| 1940 |
.ec_admin_user_details_modern .ec_admin_settings_input > div > select:focus, |
| 1941 |
.ec_admin_user_details_modern .ec_admin_settings_input > div > textarea:focus, |
| 1942 |
.ec_admin_user_details_modern .ec_admin_settings_input select:focus, |
| 1943 |
.ec_admin_user_details_modern .ec_admin_settings_input textarea:focus { |
| 1944 |
outline:none; border-color:var(--ecv2-primary,#22c55e); box-shadow:0 0 0 3px var(--ecv2-primary-light,rgba(34,197,94,.1)); } |
| 1945 |
.ec_admin_user_details_modern .ec_admin_settings_input > div { padding:7px 0; } |
| 1946 |
.ec_admin_user_details_modern .ec_admin_settings_input > div > span, |
| 1947 |
.ec_admin_user_details_modern .ec_admin_settings_input > span { font-weight:600; color:var(--ecv2-g700,#374151); } |
| 1948 |
|
| 1949 |
/* Buttons: secondary by default, the submit/Save is primary green */ |
| 1950 |
.ec_admin_user_details_modern .ec_page_title_button { display:inline-flex; align-items:center; gap:5px; background:#fff; border:1px solid var(--ecv2-g300,#d1d5db); color:var(--ecv2-g700,#374151); border-radius:var(--ecv2-rs,4px); padding:7px 13px; font-size:13px; font-weight:600; text-decoration:none; line-height:1.3; cursor:pointer; transition:all var(--ecv2-tr,150ms ease); -webkit-appearance:none; } |
| 1951 |
.ec_admin_user_details_modern .ec_page_title_button:hover { border-color:var(--ecv2-primary,#22c55e); color:var(--ecv2-primary-hover,#16a34a); } |
| 1952 |
.ec_admin_user_details_modern input[type="submit"].ec_page_title_button { background:var(--ecv2-primary,#22c55e); border-color:var(--ecv2-primary,#22c55e); color:#fff; } |
| 1953 |
.ec_admin_user_details_modern input[type="submit"].ec_page_title_button:hover { background:var(--ecv2-primary-hover,#16a34a); border-color:var(--ecv2-primary-hover,#16a34a); color:#fff; } |
| 1954 |
.ec_admin_user_details_modern .ec_help_icon_link { display:inline-flex; align-items:center; gap:4px; color:var(--ecv2-g400,#9ca3af); text-decoration:none; font-size:12px; } |
| 1955 |
.ec_admin_user_details_modern .ec_help_icon_link:hover { color:var(--ecv2-g600,#4b5563); } |
| 1956 |
|
| 1957 |
/* Sticky save bar for long forms */ |
| 1958 |
.ec_admin_user_details_modern .ec_admin_details_footer { position:static; float:none; clear:both; width:auto; display:flex; align-items:center; justify-content:flex-end; gap:8px; background:#fff; border:1px solid var(--ecv2-g200,#e5e7eb); border-radius:var(--ecv2-r,8px); padding:12px 16px; margin-top:16px; box-shadow:none; } |
| 1959 |
.ec_admin_user_details_modern .ec_admin_details_footer .ec_page_title_button_wrap { position:static; float:none; margin:0; display:flex; align-items:center; gap:8px; flex-wrap:wrap; } |
| 1960 |
|
| 1961 |
/* ===================================================================== |
| 1962 |
Customer Snapshot — v2 refinements |
| 1963 |
Readability pass (larger text / stronger contrast), richer order rows, |
| 1964 |
filterable subscriptions, and consistent form inputs. Loaded after the |
| 1965 |
base block above so these declarations win. |
| 1966 |
===================================================================== */ |
| 1967 |
|
| 1968 |
/* ---- Readability: bump small/low-contrast text ---- */ |
| 1969 |
.ec_user_overview .ecuo-sub { font-size:13px; color:var(--ecv2-g600,#4b5563); } |
| 1970 |
.ec_user_overview .ecuo-flag { font-size:12px; } |
| 1971 |
.ec_user_overview .ecuo-kpi-label { font-size:11px; color:var(--ecv2-g500,#6b7280); } |
| 1972 |
.ec_user_overview .ecuo-kpi-value { font-size:19px; } |
| 1973 |
.ec_user_overview .ecuo-kpi-value.is-green { color:var(--ecv2-primary-hover,#16a34a); } |
| 1974 |
.ec_user_overview .ecuo-chip-title { font-size:13px; } |
| 1975 |
.ec_user_overview .ecuo-chip-meta { font-size:12px; color:var(--ecv2-g600,#4b5563); } |
| 1976 |
.ec_user_overview .ecuo-panel-head { padding:11px 14px; } |
| 1977 |
.ec_user_overview .ecuo-panel-title { font-size:13px; color:var(--ecv2-g700,#374151); } |
| 1978 |
.ec_user_overview .ecuo-panel-link { font-size:12px; } |
| 1979 |
.ec_user_overview .ecuo-note { padding:11px 14px; } |
| 1980 |
.ec_user_overview .ecuo-note-author { font-size:12px; } |
| 1981 |
.ec_user_overview .ecuo-note-link { font-size:12px; } |
| 1982 |
.ec_user_overview .ecuo-note-date { font-size:11px; color:var(--ecv2-g500,#6b7280); } |
| 1983 |
.ec_user_overview .ecuo-note-body { font-size:13px; color:var(--ecv2-g700,#374151); } |
| 1984 |
.ec_user_overview .ecuo-empty { font-size:13px; color:var(--ecv2-g500,#6b7280); } |
| 1985 |
.ec_user_overview .ecuo-addnote-status { font-size:12px; color:var(--ecv2-g600,#4b5563); } |
| 1986 |
.ec_user_overview .ecuo-scroll { max-height:340px; } |
| 1987 |
|
| 1988 |
/* ---- Richer order-history rows (two lines + products) ---- */ |
| 1989 |
.ec_user_overview .ecuo-order { align-items:flex-start; gap:12px; padding:11px 14px; } |
| 1990 |
.ec_user_overview .ecuo-order-toprow { display:flex; align-items:center; gap:8px; flex-wrap:wrap; } |
| 1991 |
.ec_user_overview .ecuo-order-id { font-size:14px; font-weight:700; color:var(--ecv2-g900,#111827); } |
| 1992 |
.ec_user_overview .ecuo-guest { font-size:10px; font-weight:700; color:var(--ecv2-g500,#6b7280); background:var(--ecv2-g100,#f3f4f6); border-radius:3px; padding:1px 5px; text-transform:uppercase; letter-spacing:.3px; } |
| 1993 |
.ec_user_overview .ecuo-order-products { font-size:13px; color:var(--ecv2-g700,#374151); margin-top:3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } |
| 1994 |
.ec_user_overview .ecuo-order-meta { font-size:12px; color:var(--ecv2-g500,#6b7280); margin-top:3px; } |
| 1995 |
.ec_user_overview .ecuo-order-total { font-size:14px; } |
| 1996 |
.ec_user_overview .ecuo-order-refund { font-size:11px; margin-top:2px; } |
| 1997 |
.ec_user_overview .ecuo-status { font-size:11px; padding:2px 9px; color:var(--ecv2-g600,#4b5563); margin-top:0; } |
| 1998 |
|
| 1999 |
/* ---- Subscriptions: filterable panel ---- */ |
| 2000 |
.ec_user_overview .ecuo-subs-panel { margin:14px 18px 0; border:1px solid var(--ecv2-g200,#e5e7eb); border-radius:var(--ecv2-rs,4px); overflow:hidden; } |
| 2001 |
.ec_user_overview .ecuo-subs-head { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; padding:9px 12px; background:var(--ecv2-g50,#f9fafb); border-bottom:1px solid var(--ecv2-g200,#e5e7eb); } |
| 2002 |
.ec_user_overview .ecuo-count { display:inline-block; font-size:11px; font-weight:700; color:var(--ecv2-g600,#4b5563); background:var(--ecv2-g200,#e5e7eb); border-radius:999px; padding:1px 7px; margin-left:3px; } |
| 2003 |
.ec_user_overview .ecuo-subs-controls { display:flex; flex-wrap:wrap; align-items:center; gap:8px; } |
| 2004 |
.ec_user_overview .ecuo-filter-btns { display:flex; flex-wrap:wrap; gap:5px; } |
| 2005 |
.ec_user_overview .ecuo-filter-btn { font-size:12px; font-weight:600; padding:4px 11px; border:1px solid var(--ecv2-g300,#d1d5db); background:#fff; color:var(--ecv2-g600,#4b5563); border-radius:999px; cursor:pointer; transition:all var(--ecv2-tr,150ms ease); } |
| 2006 |
.ec_user_overview .ecuo-filter-btn:hover { border-color:var(--ecv2-primary,#22c55e); color:var(--ecv2-primary-hover,#16a34a); } |
| 2007 |
.ec_user_overview .ecuo-filter-btn.is-active { background:var(--ecv2-primary,#22c55e); border-color:var(--ecv2-primary,#22c55e); color:#fff; } |
| 2008 |
.ec_user_overview .ecuo-filter-btn.is-active .ecuo-count { background:rgba(255,255,255,.25); color:#fff; } |
| 2009 |
.ec_user_overview .ecuo-subs-search { font-size:12px; padding:5px 10px; border:1px solid var(--ecv2-g300,#d1d5db); border-radius:var(--ecv2-rs,4px); min-width:120px; color:var(--ecv2-g800,#1f2937); } |
| 2010 |
.ec_user_overview .ecuo-subs-search:focus { outline:none; border-color:var(--ecv2-primary,#22c55e); box-shadow:0 0 0 3px var(--ecv2-primary-light,rgba(34,197,94,.1)); } |
| 2011 |
.ec_user_overview .ecuo-subs-scroll { display:flex; flex-wrap:wrap; align-content:flex-start; gap:8px; padding:12px; max-height:190px; overflow-y:auto; } |
| 2012 |
.ec_user_overview .ecuo-subs-scroll .ecuo-chip { margin:0; } |
| 2013 |
.ec_user_overview .ecuo-chip-sub.status-active { border-left-color:var(--ecv2-primary,#22c55e); } |
| 2014 |
.ec_user_overview .ecuo-chip-sub.status-active .ecuo-sub-status { color:var(--ecv2-primary-hover,#16a34a); } |
| 2015 |
.ec_user_overview .ecuo-chip-sub.status-canceled, |
| 2016 |
.ec_user_overview .ecuo-chip-sub.status-cancelled { border-left-color:var(--ecv2-g300,#d1d5db); } |
| 2017 |
.ec_user_overview .ecuo-sub-status { font-weight:600; } |
| 2018 |
.ec_user_overview .ecuo-subs-empty { width:100%; padding:14px; } |
| 2019 |
|
| 2020 |
/* ---- User Details form: consistent inputs + tighter, more readable spacing ---- */ |
| 2021 |
.ec_admin_user_details_modern .ec_admin_row_heading_title { font-size:14px; font-weight:700; color:var(--ecv2-g800,#1f2937); } |
| 2022 |
.ec_admin_user_details_modern .ec_admin_row_heading_message, |
| 2023 |
.ec_admin_user_details_modern .ec_admin_row_heading_message p { font-size:13px; color:var(--ecv2-g600,#4b5563); } |
| 2024 |
|
| 2025 |
.ec_admin_user_details_modern .ec_admin_settings_input { padding:4px 18px 14px; } |
| 2026 |
.ec_admin_user_details_modern .ec_admin_settings_input > div { padding:8px 0; margin:0; } |
| 2027 |
.ec_admin_user_details_modern .ec_admin_settings_input > div > span, |
| 2028 |
.ec_admin_user_details_modern .ec_admin_settings_input > span { font-weight:600; color:var(--ecv2-g700,#374151); font-size:13px; } |
| 2029 |
|
| 2030 |
/* Consistent control styling for every text input / select / textarea in the form |
| 2031 |
(broad descendant selector so it catches all field layouts, not just direct children). */ |
| 2032 |
.ec_admin_user_details_modern .ec_admin_settings_input input[type="text"], |
| 2033 |
.ec_admin_user_details_modern .ec_admin_settings_input input[type="number"], |
| 2034 |
.ec_admin_user_details_modern .ec_admin_settings_input input[type="date"], |
| 2035 |
.ec_admin_user_details_modern .ec_admin_settings_input input[type="email"], |
| 2036 |
.ec_admin_user_details_modern .ec_admin_settings_input input[type="password"], |
| 2037 |
.ec_admin_user_details_modern .ec_admin_settings_input select, |
| 2038 |
.ec_admin_user_details_modern .ec_admin_settings_input textarea { |
| 2039 |
border:1px solid var(--ecv2-g300,#d1d5db); border-radius:var(--ecv2-rs,4px); padding:8px 11px; font-size:13px; color:var(--ecv2-g800,#1f2937); background:#fff; box-shadow:none; min-height:36px; line-height:1.4; transition:border-color var(--ecv2-tr,150ms ease), box-shadow var(--ecv2-tr,150ms ease); } |
| 2040 |
.ec_admin_user_details_modern .ec_admin_settings_input input[type="text"]:focus, |
| 2041 |
.ec_admin_user_details_modern .ec_admin_settings_input input[type="number"]:focus, |
| 2042 |
.ec_admin_user_details_modern .ec_admin_settings_input input[type="date"]:focus, |
| 2043 |
.ec_admin_user_details_modern .ec_admin_settings_input input[type="email"]:focus, |
| 2044 |
.ec_admin_user_details_modern .ec_admin_settings_input input[type="password"]:focus, |
| 2045 |
.ec_admin_user_details_modern .ec_admin_settings_input select:focus, |
| 2046 |
.ec_admin_user_details_modern .ec_admin_settings_input textarea:focus { |
| 2047 |
outline:none; border-color:var(--ecv2-primary,#22c55e); box-shadow:0 0 0 3px var(--ecv2-primary-light,rgba(34,197,94,.1)); } |
| 2048 |
.ec_admin_user_details_modern .ec_admin_settings_input textarea { min-height:90px; resize:vertical; } |
| 2049 |
|
| 2050 |
/* ===================================================================== |
| 2051 |
Customer Snapshot — order list fit + responsive pass |
| 2052 |
Loaded last so these win. Order rows are now a vertical stack (total |
| 2053 |
inline on the first line, no fixed side column), the two body panels |
| 2054 |
stretch to equal height (no empty gap under the shorter one), and the |
| 2055 |
whole snapshot reflows cleanly on tablet / mobile. |
| 2056 |
===================================================================== */ |
| 2057 |
|
| 2058 |
/* ---- Order rows: stacked, total inline, fully fluid ---- */ |
| 2059 |
.ec_user_overview .ecuo-order { display:block; padding:11px 14px; border-bottom:1px solid var(--ecv2-g100,#f3f4f6); text-decoration:none; color:inherit; transition:background var(--ecv2-tr,150ms ease); } |
| 2060 |
.ec_user_overview .ecuo-order:last-child { border-bottom:none; } |
| 2061 |
.ec_user_overview .ecuo-order:hover { background:var(--ecv2-g50,#f9fafb); } |
| 2062 |
.ec_user_overview .ecuo-order-line1 { display:flex; align-items:center; gap:8px; flex-wrap:wrap; } |
| 2063 |
.ec_user_overview .ecuo-order-id { font-size:14px; font-weight:700; color:var(--ecv2-g900,#111827); } |
| 2064 |
.ec_user_overview .ecuo-order-total { margin-left:auto; font-size:14px; font-weight:700; color:var(--ecv2-g900,#111827); white-space:nowrap; } |
| 2065 |
.ec_user_overview .ecuo-order-products { font-size:13px; color:var(--ecv2-g700,#374151); margin-top:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } |
| 2066 |
.ec_user_overview .ecuo-order-line3 { display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap; margin-top:4px; } |
| 2067 |
.ec_user_overview .ecuo-order-meta { font-size:12px; color:var(--ecv2-g500,#6b7280); } |
| 2068 |
.ec_user_overview .ecuo-order-refund { font-size:11px; font-weight:600; color:var(--ecv2-danger-hover,#dc2626); white-space:nowrap; } |
| 2069 |
.ec_user_overview .ecuo-status { max-width:100%; overflow:hidden; text-overflow:ellipsis; } |
| 2070 |
|
| 2071 |
/* ---- Balanced, filling panels (kills the empty gap below the shorter column) ---- */ |
| 2072 |
.ec_user_overview .ecuo-body { align-items:stretch; } |
| 2073 |
.ec_user_overview .ecuo-panel { height:100%; min-height:0; } |
| 2074 |
.ec_user_overview .ecuo-panel-head, |
| 2075 |
.ec_user_overview .ecuo-addnote { flex:0 0 auto; } |
| 2076 |
.ec_user_overview .ecuo-scroll { flex:1 1 auto; min-height:180px; max-height:520px; } |
| 2077 |
|
| 2078 |
/* prevent any inner control from forcing horizontal overflow */ |
| 2079 |
.ec_user_overview .ecuo-card { max-width:100%; } |
| 2080 |
.ec_user_overview .ecuo-addnote-input, |
| 2081 |
.ec_user_overview .ecuo-subs-search { max-width:100%; } |
| 2082 |
|
| 2083 |
/* ---- Tablet: single column, independent scrolls ---- */ |
| 2084 |
@media screen and (max-width:900px) { |
| 2085 |
.ec_user_overview .ecuo-body { grid-template-columns:1fr; } |
| 2086 |
.ec_user_overview .ecuo-panel { height:auto; } |
| 2087 |
.ec_user_overview .ecuo-scroll { flex:0 0 auto; min-height:0; max-height:380px; } |
| 2088 |
} |
| 2089 |
|
| 2090 |
/* ---- Mobile: compact paddings, stacked chips, no overflow ---- */ |
| 2091 |
@media screen and (max-width:600px) { |
| 2092 |
.ec_user_overview .ecuo-head { padding:14px; gap:10px; } |
| 2093 |
.ec_user_overview .ecuo-head-actions { width:100%; margin-left:0; } |
| 2094 |
.ec_user_overview .ecuo-head-actions .ecuo-btn { flex:1 1 auto; justify-content:center; } |
| 2095 |
.ec_user_overview .ecuo-flags { padding-left:14px; padding-right:14px; } |
| 2096 |
.ec_user_overview .ecuo-kpis { grid-template-columns:repeat(2,1fr); padding:12px 4px; } |
| 2097 |
.ec_user_overview .ecuo-kpi-value { font-size:16px; } |
| 2098 |
.ec_user_overview .ecuo-strip { padding-left:14px; padding-right:14px; } |
| 2099 |
.ec_user_overview .ecuo-subs-panel { margin-left:14px; margin-right:14px; } |
| 2100 |
.ec_user_overview .ecuo-subs-controls { width:100%; } |
| 2101 |
.ec_user_overview .ecuo-subs-search { flex:1 1 100%; min-width:0; } |
| 2102 |
.ec_user_overview .ecuo-strip .ecuo-chip, |
| 2103 |
.ec_user_overview .ecuo-subs-scroll .ecuo-chip { min-width:0; width:100%; } |
| 2104 |
.ec_user_overview .ecuo-body { padding:14px; gap:14px; } |
| 2105 |
} |
| 2106 |
|
| 2107 |
/* ===================================================================== |
| 2108 |
Customer Snapshot — container-aware layout + balanced panel heights |
| 2109 |
The WP admin menu (and EasyCart's own nav panel) steal horizontal |
| 2110 |
space, so a viewport media query stacks too late. We make the snapshot |
| 2111 |
a query container and respond to ITS width instead. Panels also get an |
| 2112 |
explicit equal height so the order box fills its column rather than |
| 2113 |
leaving white space beneath it. This block is loaded last and wins. |
| 2114 |
===================================================================== */ |
| 2115 |
|
| 2116 |
.ec_user_overview { container-type:inline-size; container-name:ecuo; } |
| 2117 |
|
| 2118 |
/* Desktop default: two columns, equal height, each scroll fills its panel. |
| 2119 |
max-height (not height) lets panels shrink to content when a customer has |
| 2120 |
no activity, while still stretching to match + fill when one column is long. */ |
| 2121 |
.ec_user_overview .ecuo-body { grid-template-columns:1fr 1fr; align-items:stretch; } |
| 2122 |
.ec_user_overview .ecuo-panel { max-height:clamp(360px, 56vh, 600px); } |
| 2123 |
.ec_user_overview .ecuo-scroll { flex:1 1 auto; min-height:0; max-height:none; } |
| 2124 |
|
| 2125 |
/* Stack early, based on the snapshot's own width (≈ where two columns get cramped). */ |
| 2126 |
@container ecuo (max-width: 880px) { |
| 2127 |
.ec_user_overview .ecuo-body { grid-template-columns:1fr; } |
| 2128 |
.ec_user_overview .ecuo-panel { max-height:none; } |
| 2129 |
.ec_user_overview .ecuo-scroll { flex:0 0 auto; max-height:380px; } |
| 2130 |
} |
| 2131 |
|
| 2132 |
/* Narrow container: compact paddings, full-width chips, no overflow. */ |
| 2133 |
@container ecuo (max-width: 560px) { |
| 2134 |
.ec_user_overview .ecuo-head { padding:14px; gap:10px; } |
| 2135 |
.ec_user_overview .ecuo-head-actions { width:100%; margin-left:0; } |
| 2136 |
.ec_user_overview .ecuo-head-actions .ecuo-btn { flex:1 1 auto; justify-content:center; } |
| 2137 |
.ec_user_overview .ecuo-flags { padding-left:14px; padding-right:14px; } |
| 2138 |
.ec_user_overview .ecuo-kpis { grid-template-columns:repeat(2,1fr); padding:12px 4px; } |
| 2139 |
.ec_user_overview .ecuo-kpi-value { font-size:16px; } |
| 2140 |
.ec_user_overview .ecuo-strip { padding-left:14px; padding-right:14px; } |
| 2141 |
.ec_user_overview .ecuo-subs-panel { margin-left:14px; margin-right:14px; } |
| 2142 |
.ec_user_overview .ecuo-subs-controls { width:100%; } |
| 2143 |
.ec_user_overview .ecuo-subs-search { flex:1 1 100%; min-width:0; } |
| 2144 |
.ec_user_overview .ecuo-strip .ecuo-chip, |
| 2145 |
.ec_user_overview .ecuo-subs-scroll .ecuo-chip { min-width:0; width:100%; } |
| 2146 |
.ec_user_overview .ecuo-body { padding:14px; gap:14px; } |
| 2147 |
} |
| 2148 |
|
| 2149 |
/* Fallback for browsers without container-query support: stack on small viewports. */ |
| 2150 |
@media screen and (max-width: 900px) { |
| 2151 |
.ec_user_overview .ecuo-body { grid-template-columns:1fr; } |
| 2152 |
.ec_user_overview .ecuo-panel { max-height:none; } |
| 2153 |
.ec_user_overview .ecuo-scroll { flex:0 0 auto; max-height:380px; } |
| 2154 |
} |
| 2155 |
|
| 2156 |
/* ===================================================================== |
| 2157 |
User Details form — darker titles, tighter spacing, aligned header buttons |
| 2158 |
===================================================================== */ |
| 2159 |
|
| 2160 |
/* Section titles were grey-500 (too light) — darken to grey-800. */ |
| 2161 |
.ec_admin_user_details_modern .ec_admin_settings_label { color:var(--ecv2-g800,#1f2937); } |
| 2162 |
.ec_admin_user_details_modern .ec_admin_settings_label > span { color:var(--ecv2-g800,#1f2937); } |
| 2163 |
|
| 2164 |
/* Reduce the airy vertical rhythm between fields. */ |
| 2165 |
.ec_admin_user_details_modern .ec_admin_settings_input { line-height:1.5; padding:2px 18px 12px; } |
| 2166 |
.ec_admin_user_details_modern .ec_admin_settings_input > span { font-size:13px; font-weight:600; color:var(--ecv2-g700,#374151); margin-top:8px; } |
| 2167 |
.ec_admin_user_details_modern .ec_admin_settings_input > div { margin-bottom:4px; } |
| 2168 |
.ec_admin_user_details_modern .ec_admin_settings_input > div > input[type="text"], |
| 2169 |
.ec_admin_user_details_modern .ec_admin_settings_input > div > input[type="number"], |
| 2170 |
.ec_admin_user_details_modern .ec_admin_settings_input > div > input[type="email"], |
| 2171 |
.ec_admin_user_details_modern .ec_admin_settings_input > div > input[type="password"], |
| 2172 |
.ec_admin_user_details_modern .ec_admin_settings_input > div > select { margin:3px 0 6px; } |
| 2173 |
|
| 2174 |
/* Header action buttons: one consistent row, evenly aligned. */ |
| 2175 |
.ec_admin_user_details_modern .ec_admin_settings_label .ec_page_title_button_wrap { float:none; margin:0 0 0 auto; display:flex; align-items:center; gap:8px; flex-wrap:wrap; } |
| 2176 |
.ec_admin_user_details_modern .ec_admin_settings_label .ec_page_title_button { margin:0; } |
| 2177 |
|
| 2178 |
/* Tame the legacy grey "HELP" pill so it sits inline with the rest. */ |
| 2179 |
.ec_admin_user_details_modern .ec_admin_settings_label .ec_help_icon_link { float:none; margin:0; background:transparent; color:var(--ecv2-g500,#6b7280) !important; padding:6px 9px !important; border-radius:var(--ecv2-rs,4px); font-size:12px; line-height:1.3; display:inline-flex; align-items:center; gap:4px; } |
| 2180 |
.ec_admin_user_details_modern .ec_admin_settings_label .ec_help_icon_link:hover { background:var(--ecv2-g100,#f3f4f6); color:var(--ecv2-g700,#374151) !important; } |
| 2181 |
.ec_admin_user_details_modern .ec_admin_settings_label .ec_help_icon { float:none; color:var(--ecv2-g400,#9ca3af) !important; margin:0 !important; } |
| 2182 |
|
| 2183 |
/* ===================================================================== |
| 2184 |
Customer Snapshot — order history filter bar (status + date range) |
| 2185 |
===================================================================== */ |
| 2186 |
.ec_user_overview .ecuo-order-filters { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:9px 12px; background:var(--ecv2-g50,#f9fafb); border-left:1px solid var(--ecv2-g200,#e5e7eb); border-right:1px solid var(--ecv2-g200,#e5e7eb); border-bottom:1px solid var(--ecv2-g200,#e5e7eb); } |
| 2187 |
.ec_user_overview .ecuo-order-filters + #ecuo_order_list { border-top:none; } |
| 2188 |
.ec_user_overview .ecuo-mini-control { font-size:12px; padding:5px 8px; border:1px solid var(--ecv2-g300,#d1d5db); border-radius:var(--ecv2-rs,4px); color:var(--ecv2-g700,#374151); background:#fff; line-height:1.3; max-width:100%; } |
| 2189 |
.ec_user_overview .ecuo-mini-control:focus { outline:none; border-color:var(--ecv2-primary,#22c55e); box-shadow:0 0 0 3px var(--ecv2-primary-light,rgba(34,197,94,.1)); } |
| 2190 |
.ec_user_overview .ecuo-order-custom-range { display:inline-flex; align-items:center; gap:6px; } |
| 2191 |
.ec_user_overview .ecuo-order-filters select.ecuo-mini-control { min-width:130px; cursor:pointer; } |
| 2192 |
.ec_user_overview .ecuo-order-filters input[type="date"].ecuo-mini-control { width:150px; } |
| 2193 |
.ec_user_overview .ecuo-filter-sep { color:var(--ecv2-g400,#9ca3af); font-size:12px; } |
| 2194 |
.ec_user_overview .ecuo-order-filters-clear { margin-left:auto; font-size:12px; font-weight:600; color:var(--ecv2-g500,#6b7280); background:none; border:none; cursor:pointer; padding:5px 4px; } |
| 2195 |
.ec_user_overview .ecuo-order-filters-clear:hover { color:var(--ecv2-primary-hover,#16a34a); text-decoration:underline; } |
| 2196 |
|
| 2197 |
@container ecuo (max-width: 560px) { |
| 2198 |
.ec_user_overview .ecuo-order-filters .ecuo-mini-control, |
| 2199 |
.ec_user_overview .ecuo-order-custom-range { flex:1 1 100%; } |
| 2200 |
.ec_user_overview .ecuo-order-filters select.ecuo-mini-control { min-width:0; } |
| 2201 |
.ec_user_overview .ecuo-order-custom-range .ecuo-mini-control { flex:1 1 auto; min-width:0; width:auto; } |
| 2202 |
.ec_user_overview .ecuo-order-filters-clear { margin-left:0; } |
| 2203 |
} |
| 2204 |
|
| 2205 |
/* ---------- Customer Snapshot: free locked/upsell state ---------- */ |
| 2206 |
.ec_user_overview .ecuo-locked { position:relative; cursor:pointer; outline:none; } |
| 2207 |
.ec_user_overview .ecuo-locked:focus-visible { box-shadow:inset 0 0 0 2px var(--ecv2-primary,#22c55e); border-radius:0 0 var(--ecv2-r,8px) var(--ecv2-r,8px); } |
| 2208 |
.ec_user_overview .ecuo-blur { filter:blur(4px); -webkit-filter:blur(4px); pointer-events:none; user-select:none; -webkit-user-select:none; } |
| 2209 |
.ec_user_overview .ecuo-blur .ecuo-order { color:inherit; text-decoration:none; } |
| 2210 |
.ec_user_overview .ecuo-body-locked { min-height:220px; } |
| 2211 |
.ec_user_overview .ecuo-scroll-locked { max-height:220px; overflow:hidden; } |
| 2212 |
.ec_user_overview .ecuo-panel-notes-locked { max-height:260px; overflow:hidden; } |
| 2213 |
.ec_user_overview .ecuo-scroll-locked-sm { max-height:90px; overflow:hidden; } |
| 2214 |
.ec_user_overview .ecuo-addnote-fake { color:var(--ecv2-g400,#9ca3af); border:1px solid var(--ecv2-g200,#e5e7eb); border-radius:6px; padding:8px 10px; font-size:12px; background:var(--ecv2-g50,#f9fafb); } |
| 2215 |
.ec_user_overview .ecuo-lock-overlay { position:absolute; inset:0; z-index:2; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; text-align:center; padding:24px; background:linear-gradient( 180deg, rgba(255,255,255,.55) 0%, rgba(255,255,255,.85) 100% ); border-radius:0 0 var(--ecv2-r,8px) var(--ecv2-r,8px); } |
| 2216 |
.ec_user_overview .ecuo-lock-icon { font-size:28px; width:28px; height:28px; color:var(--ecv2-primary-hover,#16a34a); } |
| 2217 |
.ec_user_overview .ecuo-lock-title { font-size:15px; font-weight:700; color:var(--ecv2-g900,#111827); } |
| 2218 |
.ec_user_overview .ecuo-lock-badge { display:inline-block; background:var(--ecv2-primary,#22c55e); color:#fff; font-size:10px; font-weight:700; letter-spacing:.05em; border-radius:4px; padding:2px 6px; vertical-align:2px; } |
| 2219 |
.ec_user_overview .ecuo-lock-text { max-width:460px; font-size:12px; line-height:1.5; color:var(--ecv2-g600,#4b5563); } |
| 2220 |
.ec_user_overview .ecuo-locked:hover .ecuo-lock-overlay .ecuo-btn-primary { filter:brightness(.95); } |
| 2221 |
|
| 2222 |
/* ---------- Customer Snapshot: PRO additions ---------- */ |
| 2223 |
.ec_user_overview .ecuo-order-shown-count { font-weight:400; color:var(--ecv2-g400,#9ca3af); margin-left:4px; } |
| 2224 |
.ec_user_overview .ecuo-loadmore-wrap { padding:8px 14px 12px; text-align:center; border-top:1px solid var(--ecv2-g100,#f3f4f6); } |
| 2225 |
.ec_user_overview .ecuo-loadmore { width:100%; justify-content:center; } |
| 2226 |
.ec_user_overview .ecuo-loadmore.is-loading { opacity:.6; pointer-events:none; } |
| 2227 |
.ec_user_overview .ecuo-top-products { display:flex; flex-wrap:wrap; align-items:center; gap:6px; padding:10px 18px; border-bottom:1px solid var(--ecv2-g200,#e5e7eb); } |
| 2228 |
.ec_user_overview .ecuo-top-label, |
| 2229 |
.ec_user_overview .ecuo-strip-label { font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:.04em; color:var(--ecv2-g500,#6b7280); margin-right:4px; white-space:nowrap; } |
| 2230 |
.ec_user_overview .ecuo-strip-label .dashicons-before { display:inline-flex; align-items:center; justify-content:center; width:14px; height:14px; flex:0 0 auto; vertical-align:-2px; margin-right:3px; } |
| 2231 |
.ec_user_overview .ecuo-strip-label .dashicons-before:before { display:block; font-size:14px; width:14px; height:14px; line-height:1; } |
| 2232 |
.ec_user_overview .ecuo-pill { display:inline-flex; align-items:center; gap:4px; font-size:12px; color:var(--ecv2-g700,#374151); background:var(--ecv2-g100,#f3f4f6); border:1px solid var(--ecv2-g200,#e5e7eb); border-radius:999px; padding:3px 10px; text-decoration:none; } |
| 2233 |
.ec_user_overview .ecuo-pill:hover { background:var(--ecv2-g200,#e5e7eb); color:var(--ecv2-g900,#111827); } |
| 2234 |
.ec_user_overview .ecuo-pill-count { font-weight:600; color:var(--ecv2-g500,#6b7280); } |
| 2235 |
.ec_user_overview .ecuo-strip-downloads, |
| 2236 |
.ec_user_overview .ecuo-strip-giftcards { align-items:center; } |
| 2237 |
.ec_user_overview .ecuo-chip-download .ecuo-chip-title, |
| 2238 |
.ec_user_overview .ecuo-chip-gift .ecuo-chip-title { max-width:220px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } |
| 2239 |
.ec_user_overview .ecuo-chip-download { border-left:3px solid var(--ecv2-blue,#3b82f6); } |
| 2240 |
.ec_user_overview .ecuo-chip-gift { border-left:3px solid var(--ecv2-amber,#f59e0b); } |
| 2241 |
|
