PluginProbe ʕ •ᴥ•ʔ
Linked Variations for WooCommerce – Link Separate Products by Attribute with Swatches, Quick View & Shortcodes / trunk
Linked Variations for WooCommerce – Link Separate Products by Attribute with Swatches, Quick View & Shortcodes vtrunk
trunk 1.0.0 1.0.1 1.0.2 1.0.3 1.0.4 1.0.5
linked-variation / admin / css / style.css
linked-variation / admin / css Last commit date
images 4 years ago font-awesome.min.css 4 years ago jquery-ui.min.css 4 years ago media.css 4 years ago notice.css 4 years ago select2.min.css 4 years ago style.css 2 years ago
style.css
307 lines
1 /*
2 To change this license header, choose License Headers in Project Properties.
3 To change this template file, choose Tools | Templates
4 and open the template in the editor.
5 */
6 @charset "utf-8";
7
8 /* CSS Document */
9
10 /* header css start */
11 #dotsstoremain{width:100%;display:inline-block;}
12 #dotsstoremain *{-webkit-box-sizing:border-box;box-sizing:border-box;}
13 #dotsstoremain .all-pad{margin:20px}
14 header.dots-header{width:100%;display:inline-block;background:#d9d9d9;vertical-align:top;margin-bottom:20px;}
15 .dots-menu-main ul li a{text-decoration:none;-webkit-transition:all 200ms ease-in;-o-transition:all 200ms ease-in;transition:all 200ms ease-in;font-size:14px;padding:12px 20px;display:block;line-height:28px;color:#000}
16 .dots-logo-main{float:left;width:auto;display:inline-block;}
17 .dots-logo-main img{width:64px}
18 .dots-header-right{width:88%;display:inline-block;padding:24px 0;float:left}
19 .dots-header-right .logo-detail{display:inline-block;padding-left:20px;vertical-align:middle;margin:0}
20 #dotsstoremain .button-dots{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle;float:right}
21 .dots-header-right .logo-detail strong{display:block;font-size:23px;margin-bottom:10px;color:#000;line-height:32px}
22 .dots-header-right .button-group{display:-webkit-box;display:-ms-flexbox;display:flex;direction:rtl;}
23 .button-dots span.support_dotstore_image{margin-right:20px}
24 .dots-menu-main{width:100%;display:inline-block;background:rgba(152,152,152,0.5);vertical-align:bottom}
25 .dots-menu-main ul li{display:inline-block;position:relative;float:left;margin:0}
26 .dots-menu-main ul li a.active{color:#fff;background:#444}
27 .dots-menu-main ul li:hover>a{color:#fff;background:#444}
28 .dots-menu-main ul{display:inline-block;float:left;margin:0}
29 .dots-menu-main ul li ul.sub-menu{display:none;position:absolute;top:100%;left:0;width:207px;z-index:999}
30 .dots-menu-main ul li ul.sub-menu li{display:block;vertical-align:middle;text-align:left;background:#b8b8b8;width:100%}
31 .dots-menu-main ul li:hover ul.sub-menu{display:block}
32 p.block.gettingstarted strong{font-size:15px;color:#000;font-weight:700;}
33 /* header css end */
34
35 /* sidebar css start */
36 #dotsstoremain .dots-seperator{border-left:2px solid #bbb;display:inline-block;margin:0 0 10px 20px;position:relative;vertical-align:top;}
37 #dotsstoremain .all-pad.hide-sidebar .dots-seperator{margin:0 0 0 20px;}
38 #dotsstoremain .dots-seperator .toggleSidebar{position:absolute;top:50px;right:-12px;background:#0073aa;border-radius:50%;padding:2px;color:#fff;border:0;cursor:pointer;}
39 #dotsstoremain .all-pad .dots-settings-inner-main{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;position:relative;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
40 #dotsstoremain .alv-section-right{width:22%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
41 #dotsstoremain .alv-section-left{width:78%;}
42 #dotsstoremain .all-pad.hide-sidebar .alv-section-left{width:calc(100% - 22px);}
43 #dotsstoremain .all-pad.hide-sidebar .alv-section-right{width:0;}
44 #dotsstoremain .all-pad.hide-sidebar .dotstore_plugin_sidebar{display:none;}
45 #dotsstoremain .dotstore_plugin_sidebar{margin-left:20px;width:calc(100% - 40px);}
46 .dotstore_plugin_sidebar .right-sec{background:#fff;display:inline-block;width:100%}
47 .dotstore_plugin_sidebar .video-detail{width:100%;display:inline-block;text-align:left;}
48 .video-detail ul{display:block;width:100%;}
49 .video-detail ul li{font-size:13px;color:#666;margin-top:10px;font-family:'Open Sans',sans-serif;width:100%;padding:0 10px}
50 .view-button{display:block;text-align:center}
51 .view-button a{background:#92cf5c;color:#fff;padding:10px 26px;vertical-align:middle;letter-spacing:1px;display:inline-block;font-size:15px;text-transform:uppercase;margin-bottom:10px}
52 .dotstore_plugin_sidebar a{text-decoration:none}
53 .video-detail ul li img{display:inline-block;vertical-align:middle;margin-right:5px}
54 img.sidebar_plugin_icone{width:45px}
55 .video-detail ul li a{width:70%;display:inline-block;vertical-align:middle;line-height:24px;font-size:14px}
56 .alv-section-left{float:left;width:80%;}
57 .alv-section-left{display:inline-block;float:left;width:80%;}
58 a#fee-delete-field{font-size:25px;vertical-align:middle;}
59 .alv-section-left table.form-table{width:100%;border-collapse:collapse;margin-top:0;}
60 .alv-section-left table.form-table tr th{font-weight:600;width:25%;position:relative;}
61 .alv-section-left table.form-table tr td,.alv-section-left table.form-table tr th{font-size:13px!important;color:#333;line-height:20px;background:#fff;vertical-align:middle;padding:16px;border:1px solid #ddd;}
62 .alv-section-left table.form-table tr td ul{margin:0;}
63 .alv-section-left table.form-table tr td a{color:#0073aa;}
64 .alv-section-left table.form-table tr td a:hover{color:#0096dd;}
65 .alv-section-left table.form-table tr td a.gb{background:#5cb85c;border:1px solid #4cae4c;margin-right:10px;color:#fff;font-size:14px;padding:7px 12px;}
66 .alv-section-left table.form-table tr td a.gb:hover{background:#449d44;border:1px solid #398439;color:#fff;}
67 .alv-section-left table.form-table tr td p{padding-bottom:10px;}
68 .alv-section-left table.form-table tr td a.cb{display:inline-block;background:#d9534f;color:#fff;font-size:14px;border:1px solid #d43f3a;padding:6px 12px;}
69 .alv-section-left table.form-table tr td a.cb:hover{background:#ac2925;border:1px solid #c9302c;color:#fff;}
70 .alv-section-left table.form-table tr td select,.alv-section-left table.form-table tr td textarea,.alv-section-left table.form-table tr td input:not(input[type="checkbox"]){min-width:40%;padding:5px 10px;vertical-align:middle;}
71 .alv-section-left table.form-table tr td .select2-container{width:40%!important;}
72 .alv-section-left .alv-pro-label{width:16px;height:18px;background-image:url("../images/pro-feature-icon.svg");background-repeat:no-repeat;display:inline-block;vertical-align:middle;margin:0 0 0 6px;}
73 /* sidebar css end */
74
75 .thedotstore-main-table{width:80%;display:inline-block;float:left}
76 .thedotstore-main-table a{text-decoration:none}
77 a#fee-delete-field{font-size:25px;vertical-align:middle}
78 .thedotstore-main-table h2{font-size:17px;font-weight:bold;color:#333;border:1px solid #ddd;padding:16px;border-bottom:0;background:#e9e9e9;text-align:left;margin:0}
79 .thedotstore-main-table table.table-outer{width:100%;border-collapse:collapse}
80 .thedotstore-main-table table.table-outer tr td{font-size:13px!important;color:#333;padding:20px;border:1px solid #ddd;line-height:20px;background:#fff;vertical-align:top}
81 .thedotstore-main-table table.table-outer tr td.fr-1{font-weight:600;width:35%;}
82 .thedotstore-main-table table.table-outer tr td.fr-2 a.gb{background:#5cb85c;border:1px solid #4cae4c;margin-right:10px;padding:7px 12px;color:#fff;font-size:14px}
83 .thedotstore-main-table table.table-outer tr td.fr-2 a.gb:hover{background:#449d44;border:1px solid #398439;color:#fff}
84 .thedotstore-main-table table.table-outer tr td.fr-2 a{color:#0073aa;padding-left:10px}
85 .thedotstore-main-table table.table-outer tr td.fr-2 a:hover{color:#0096dd}
86 .thedotstore-main-table table.table-outer tr td.fr-2 a.bolder{font-weight:bold}
87 .thedotstore-main-table table.table-outer tr td.fr-2 p{padding-bottom:10px;display:inline-block;width:100%;margin:5px 0;}
88 .thedotstore-main-table table.table-outer tr td.fr-2 a.cb{display:inline-block;padding:6px 12px;background:#d9534f;color:#fff;font-size:14px;border:1px solid #d43f3a}
89 .thedotstore-main-table table.table-outer tr td.fr-2 a.cb:hover{background:#ac2925;border:1px solid #c9302c;color:#fff}
90 .thedotstore-main-table table.table-outer tr td.forminp{border-bottom:0!important}
91 .thedotstore-main-table table.table-outer tr td input.input-text.regular-input{border:1px solid #ddd}
92 .thedotstore-main-table span.gettingstarted{text-align:center!important;width:100%;float:left}
93 .thedotstore-main-table .textgetting{font-size:14px!important;color:#000!important}
94 .thedotstore-main-table .gettingstarted img{border:2px solid #e9e9e9;margin-top:25px;width:100%;max-width:max-content;}
95 .thedotstore-main-table .under-table{width:100%;display:inline-block}
96 .thedotstore-main-table .set{width:100%;padding:20px;border:1px solid #ddd;background:#f5f5f5;border-bottom:0;vertical-align:middle;display:inline-block;border-top:none}
97 .thedotstore-main-table .set h2{font-size:20px;text-align:left;font-weight:bold;color:#333;background:#f5f5f5;width:auto;display:inline-block;margin-top:8px}
98 .thedotstore-main-table .set-right{width:90%;float:right;text-align:right}
99 .thedotstore-main-table .set-right a{color:#555;border:1px solid #ccc;background:#f7f7f7;display:inline-block;padding:8px 8px;font-size:14px;font-weight:bold;margin-right:10px;border-radius:2px;margin-top:2px}
100 .thedotstore-main-table .set-right a:hover{background:#fafafa;border-color:#999;color:#23282d}
101 .thedotstore-main-table .search{float:right;display:inline-block;position:relative}
102 .search input{border:1px solid #ddd;border-radius:25px;font-size:16px;padding:8px;outline:none;color:#999}
103 .search i.cj-icon.fa.fa-search{position:absolute;right:15px;top:10px;opacity:0.5}
104 .search:hover i.cj-icon.fa.fa-search{opacity:1}
105 .thedotstore-main-table .under-table table.table-outer{width:100%}
106 .thedotstore-main-table .under-table table.table-outer tr td{font-size:15px;color:#333;padding:20px;border:1px solid #ddd;vertical-align:top}
107 .thedotstore-main-table .under-table table.table-outer tr td.ur-1{color:#333;font-weight:600;width:16%;line-height:20px}
108 .thedotstore-main-table .under-table table.table-outer tr td.ur-2 select{width:22%;padding:6px;border:1px solid #ddd;border-radius:4px;color:#32373c}
109 .thedotstore-main-table .under-table table.table-outer tr td.ur-2 p.block{font-size:13px;color:#999;line-height:1.5;margin:1em 0}
110 .thedotstore-main-table .under-table table.table-outer tr td.ur-2 a{margin-right:20px;border:1px solid #ddd;display:inline-block;font-size:14px;color:#555;padding:7px 8px;border-radius:2px}
111 .thedotstore-main-table .under-table table.table-outer tr td.ur-2 a img{max-width:100%;height:150px;display:inline-block;vertical-align:top}
112 .thedotstore-main-table .under-table table.table-outer tr td.ur-2 a:hover{-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);-ms-box-shadow:0 0 10px rgba(0,0,0,0.2);-o-box-shadow:0 0 10px rgba(0,0,0,0.2);box-shadow:0 0 10px rgba(0,0,0,0.2);background:#f9f9f9;color:#23282d}
113 .thedotstore-main-table .under-table table.table-outer tr td.ur-2 input{padding:10px;width:20%;border:1px solid #ddd;vertical-align:top}
114 .thedotstore-main-table .under-table table.table-outer tr td.ur-2 p.block span.red{color:#cc0000;font-weight:600}
115 .under-table table.table-outer tr td.ur-2 p.block strong{font-weight:600;font-size:14px}
116 .thedotstore-main-table .third-tab tr td.ur-2 label{display:block}
117 .thedotstore-main-table .under-table table.table-outer tr td.ur-2 input[type="radio"]{border:1px solid #b4b9be;background:#fff;color:#008ec2;cursor:pointer;display:inline-block;height:16px;float:left;text-align:center;vertical-align:middle;width:16px;-webkit-appearance:none;padding:0;border-radius:50%;margin-right:6px}
118 .thedotstore-main-table input[type=radio]:checked::before{content:"\2022";text-indent:-9999px;border-radius:50px;font-size:24px;width:6px;height:6px;margin:4px;line-height:16px;background-color:#1e8cbe}
119 .thedotstore-main-table .third-tab tr td.ur-2 p.bl{color:#333!important}
120 .thedotstore-main-table .under-table.third-tab tr td.ur-2 label.en{display:inline-block;width:90px}
121 .all-pad .thedotstore-main-table.quick-info table.table-outer tr td.fr-2 a{padding:0}
122 .thedotstore-main-table table.table-outer.premium-free-table tr.blue th{font-size:13px!important;color:#333;padding:20px;border:1px solid #b8b8b8;line-height:20px;background:#d9d9d9;vertical-align:top}
123 .thedotstore-main-table table.table-outer.premium-free-table tr td{text-align:center}
124 .thedotstore-main-table table.table-outer.premium-free-table tr td.pad,.thedotstore-main-table table.table-outer.premium-free-table tr th.pad{text-align:left}
125 .dotstore_plugin_sidebar .image_box{max-width:100px;width:100%;margin:0 auto;}
126 .dotstore_plugin_sidebar .image_box img{width:100%;max-width:100%;margin:0 auto;}
127 .dotstore_plugin_sidebar .content_box h3{margin: 20px 0;}
128 .dotstore_plugin_sidebar .content_box{text-align:center;padding:0 14px;}
129 .dotstore_plugin_sidebar .content_box a.btn_style{background-color:#0085ba;padding:10px;border-radius:4px;margin-bottom:10px;display:inline-block;color:#fff;font-weight:600;}
130 .remove-product-icon{cursor:pointer;margin-left:auto;}
131 .remove-product-icon:hover{background:#bbb;}
132 ul#size-chart-checklist-all li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;}
133 .dots-plugin-details{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
134 .dots-plugin-details .dots-header-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-preferred-size:60%;flex-basis:60%;}
135 .dots-logo-main{margin:20px;background-color:#fff;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.2);box-shadow:0 5px 8px rgba(0,0,0,.2);}
136 .dots-logo-main .logo-image{background:#fff;padding:15px 12px;text-align:center;}
137 .dots-logo-main .plugin-version{background:#0073aa;color:#fff;padding:8px 8px;font-weight:600;text-align:center;}
138 .dots-logo-main img{width:105px;padding:0 4px;}
139 .dots-header-right{-ms-flex-preferred-size:40%;flex-basis:40%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;}
140 .dots-header-right .logo-detail{display:inline-block;padding-left:20px;vertical-align:middle;margin:0;}
141 #dotsstoremain .button-dots{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle;margin-left:20px;float:right;}
142 .dots-header-right .logo-detail strong{display:block;font-size:23px;margin-bottom:10px;color:#000;line-height:32px;}
143 .button-dots span.support_dotstore_image,.button-dots-left span.support_dotstore_image{display:block;text-align:center;}
144 .button-dots span.support_dotstore_image a,.button-dots-left span.support_dotstore_image a{text-decoration:none;}
145 .button-dots span.support_dotstore_image a span,.button-dots-left span.support_dotstore_image a span{font-size:50px;display:block;width:50px;height:50px;margin:0 auto;margin-bottom:5px;}
146 .button-dots span.support_dotstore_image a strong,.button-dots-left span.support_dotstore_image a strong{font-size:15px;}
147 .dots-plugin-details .dots-header-left .plugin-name{color:#000;margin-top:20px;}
148 .dots-plugin-details .dots-header-left .plugin-name .title{line-height:40px;font-weight:500;font-size:35px;margin-bottom:15px;}
149 .dots-plugin-details .dots-header-left .plugin-name .desc{line-height:28px;font-weight:400;font-size:18px;margin:0 0 20px;}
150 .dotstore-sidebar-section{border:1px solid #dcdcdc;background:#fff;margin-bottom:10px;-webkit-box-shadow:0 1px 6px 0 rgba(0,0,0,.3);box-shadow:0 1px 6px 0 rgba(0,0,0,.3);}
151 .dotstore-sidebar-section .view-button{margin-bottom:10px;}
152 .dotstore-sidebar-section .dotstore-important-link-heading{padding:15px 10px;border-bottom:1px solid #b8b8b8;}
153 .dotstore-sidebar-section .dotstore-important-link-heading .heading-text{font-size:16px;font-weight:600;color:#000;}
154 .dotstore-sidebar-section .dotstore-important-link-content{padding:15px 10px;}
155 .dotstore-sidebar-section .dotstore-important-link-content p,.dotstore-sidebar-section .dotstore-important-link-content a,.important-link ul li a{font-size:14px!important;margin:0;word-break:break-word;}
156 .dotstore-sidebar-section .dotstore-important-link-content p{margin-bottom:5px;}
157 .dotstore-sidebar-section .dotstore-pro-list{position:relative;list-style:none;}
158 .dotstore-sidebar-section .dotstore-pro-list li{margin-left:20px;font-weight:600;margin-bottom:10px;}
159 .dotstore-sidebar-section .dotstore-pro-list li:before{content:"+";position:absolute;left:0;font-weight:600;}
160 .dotstore-sidebar-section.dotstore-upgrade-to-pro .dotstore-pro-button .button,.afrsm-premium-features .dotstore-pro-button .button{padding:8px 12px;line-height:1.5;color:#000;border-radius:4px;-webkit-box-shadow:inset 0 -4px 0 rgba(0,0,0,.2);box-shadow:inset 0 -4px 0 rgba(0,0,0,.2);-webkit-filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));text-decoration:none;background-color:#fec228;border-color:transparent;padding-bottom:10px;font-size:16px!important;font-weight:500;white-space:normal;}
161 .dotstore-pro-button{text-align:center;}
162 .switch-wrapper{margin:3px;}
163 .dsalv_links .dsalv_link {overflow: hidden}
164 .alv-section-left h2{background:#f4f4f4;border-left:1px solid #ddd;border-right:1px solid #ddd;color:#333;margin:0;padding:16px;}
165 .alv-section-left .alv-main-table h2 {background: #e9e9e9;border: 1px solid #ddd;}
166 .alv-section-left .alv-setting-header{display:inline-block;width:100%;}
167 .woocommerce-dsalv-setting-content .alv-save-button{float:right;clear:both;display:inline-block;width:100%;text-align:right;}
168 .alv-section-left .alv-setting-header.alv-setting-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border:1px solid #ddd;}
169 .alv-section-left .alv-setting-header.alv-setting-wrap h2{border:none;width:auto;}
170 .alv-section-left .alv-setting-header.alv-setting-wrap .alv-save-button{width:auto;padding:5px 16px 5px 10px;}
171 .woocommerce-dsalv-setting-content .bottom-save-button{margin:18px 0 0 0;}
172 .woocommerce-dsalv-setting-content img.alv-setting-loader{vertical-align:middle;display:none}
173 .woocommerce-dsalv-setting-content .alv_tooltip_icon{background-image:url("../images/help.png");background-size:16px auto;display:inline-block;height:17px;vertical-align:middle;width:16px;margin:0 0 0 5px;cursor:pointer;}
174 .woocommerce-dsalv-setting-content .alv-woocommerce-help-tip{display:none;}
175 .alv-section-left .woocommerce-dsalv-setting-content table.form-table .alv-woocommerce-help-tip p{padding:0;}
176 .alv_toggle_switch{position:relative;display:inline-block;width:60px;height:30px;}
177 .alv_toggle_switch .alv_toggle_btn{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;-o-transition:.4s;transition:.4s;border-radius:34px;}
178 .alv_toggle_switch .alv_toggle_btn::before{position:absolute;content:"";height:24px;width:24px;left:6px;bottom:3px;background-color:white;-webkit-transition:.4s;-o-transition:.4s;transition:.4s;border-radius:50%;}
179 .alv_toggle_switch input[type="checkbox"]{opacity:0;width:0;height:0;}
180 .alv_toggle_switch input[type="checkbox"]:checked + .alv_toggle_btn{background-color:#2196F3;}
181 .alv_toggle_switch input[type="checkbox"]:checked + .alv_toggle_btn::before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px);}
182 .alv-section-left #succesful_message_alv{display:none;margin:5px 0 12px 0;}
183 .alv-section-left .alv-pro-features{color:#a7aaad;border-color:#dcdcde;background-color:#f6f7f7;opacity:0.7;}
184 .alv-section-left .alv-pro-features::-webkit-input-placeholder{color:#a7aaad;}
185 .alv-section-left .alv-pro-features::-moz-placeholder{color:#a7aaad;}
186 .alv-section-left .alv-pro-features:-ms-input-placeholder{color:#a7aaad;}
187 .alv-section-left .alv-pro-features::-ms-input-placeholder{color:#a7aaad;}
188 .alv-section-left .alv-pro-features::placeholder{color:#a7aaad;}
189 .alv-section-left .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{bottom:0;margin:-2px 0 0;}
190 .alv-section-left .warning_message_alv p{background-color:#e75e54;color:#fff;font-size:14px;font-weight:600;margin:0 0 15px;padding:14px;width:100%;display:none;}
191
192 /* star rating css */
193 .et-star-rating{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;font-size:1.5em;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 .2em;text-align:center;}
194 .et-star-rating-lnk{color:#23282d;}
195 .et-star-rating input{display:none;}
196 .et-star-rating label{margin:0 4px;width:28px;height:28px;cursor:pointer;background-image:url("../images/light-star.svg");background-repeat:no-repeat;}
197 .et-star-rating label:hover,.et-star-rating label:hover ~ label{background-image:url("../images/dark-star.svg");}
198 .et-star-rating input[type="radio"]:checked ~ label{background-image:url("../images/dark-star.svg");}
199 .alv_copytext{background: #f0f0f1;padding: 11px 30px;margin-bottom: 7px;display: inline-block;}
200
201 /* Linked group css */
202 .dsalv_links {box-sizing: border-box;}
203 .dsalv_links * {box-sizing: border-box;}
204 .dsalv_links .select2-container {width: 100% !important;max-width: 100% !important;float: none !important;box-sizing: border-box !important;display: inline-block !important;}
205 .dsalv_links .select2-search__field {width: auto !important;max-width: 100% !important;margin-top: 0 !important;border: none !important;box-shadow: none !important;}
206 .dsalv_links .select2-container--default .select2-selection--multiple {border: 1px solid #dddddd;}
207 .dsalv_links .select2-selection__rendered {padding-top: 3px !important;padding-bottom: 3px !important;display: block !important;}
208 .dsalv_links .select2-selection__rendered li {height: 30px !important;line-height: 28px !important;padding-top: 0 !important;padding-bottom: 0 !important;margin-top: 2px !important;margin-bottom: 2px !important;margin-right: 2px !important;}
209 .dsalv_links .select2-selection__rendered li:last-child {margin-bottom: 0;}
210 .dsalv_links .dsalv_link {display: block;width: 100%;padding: 10px;border-bottom: 1px dashed #eee;border-left: 1px dashed transparent;border-right: 1px dashed transparent;position: relative;}
211 .dsalv_links .dsalv_link {margin-bottom: 10px;border: 1px dashed #eee;padding: 10px 15px;}
212 .dsalv_links .dsalv_link .dsalv_tr {display: flex;align-items: center;}
213 .dsalv_links .dsalv_link .dsalv_tr .dsalv_th {width: 150px;flex: 0 0 150px;}
214 .dsalv_links .dsalv_link .dsalv_tr .dsalv_td {flex-grow: 1;}
215 .dsalv_links .dsalv_link .dsalv_link_remove {position: absolute;top: 0;right: 0;width: 30px;height: 30px;line-height: 30px;background-color: #eee;text-align: center;cursor: pointer;-webkit-transition: all .2s;transition: all .2s;}
216 .dsalv_links .dsalv_link .dsalv_link_remove:hover {color: #fff;background-color: #e14d43;}
217 .dsalv_links .dsalv_link .dsalv_hide {display: none;}
218 .dsalv_links .dsalv_link .dsalv_tr .dsalv_th, .dsalv_links .dsalv_link .dsalv_tr .dsalv_td {padding: 5px 0;text-align: start;}
219 .dsalv_links .dsalv_link .dsalv_tr .dsalv_th {font-weight: 400;width: 150px;}
220 .dsalv_links .dsalv_link .dsalv_tr .dsalv_td div {display: inline-block;width: 100%;}
221 .dsalv-attributes {max-height: 200px;overflow-y: auto;}
222 .dsalv_add_link {padding: 10px;}
223 .dsalv-attributes > div {padding: 10px 0;border-bottom: 1px dashed #dddddd;display: flex !important;align-items: center;justify-content: space-between;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
224 .dsalv-attributes > div:hover {background-color: #f6f7f7;}
225 .dsalv-attributes > div > span.move {width: 40px;flex: 0 0 40px;font-size: 0;cursor: move;}
226 .dsalv-attributes > div > span.move:before {content: '\f545';color: #999999;font-family: dashicons;display: inline-block;line-height: 1;font-size: 16px;font-weight: 400;font-style: normal;speak: unset;text-decoration: inherit;text-transform: none;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;vertical-align: top;text-align: center;transition: color .1s ease-in;}
227 .dsalv-attributes > div > span.checkbox {flex-grow: 1;}
228 .dsalv-attributes > div > span.display {margin-left: 10px;}
229 .dsalv_tr_heading {position: relative;height: 30px;line-height: 30px;overflow: hidden;text-overflow: ellipsis;margin-bottom: 10px;}
230 .dsalv_tr_heading .dsalv_link_move {font-weight: 700;cursor: move;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
231 .dsalv_tr_heading .dsalv_link_move:before {display: inline-block;width: 30px;height: 30px;line-height: 30px;background-color: #eee;text-align: center;content: '\f545';color: #999999;font-family: dashicons;font-size: 16px;font-weight: 400;font-style: normal;speak: unset;text-decoration: inherit;text-transform: none;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;vertical-align: middle;transition: color .1s ease-in;margin-right: 10px;}
232 .dsalv_links .dsalv_link:hover .dsalv_link_move:before {background-color: #0073aa;color: #ffffff;}
233 .postbox-container .dsalv-attributes {max-height: unset;}
234 .postbox-container .dsalv_links .dsalv_link {padding: 0;border: none;}
235 .dsalv-source-hide.dsalv-source-tags .description {margin-top: 10px;display: block;}
236 .dsalv_td.dsalv_link_td{margin-top:10px;}
237 div#dsalv_toggle{border-bottom:1px solid #c3c4c7;padding:6px 7px;cursor:pointer;}
238 .dsalv_link{background:#f0f0f169;padding:9px 20px!important;}
239 #dsalv_delete{float:right;color:#b32d2e;margin-top:6px;cursor:pointer;}
240 /* Linked group css */
241
242 /* upgrade to pro modal css */
243 @-webkit-keyframes alvModalEffect{
244 0%{top:-8%;}
245 100%{top:0;}
246 }
247 @keyframes alvModalEffect{
248 0%{top:-8%;}
249 100%{top:0;}
250 }
251
252 /* Plugin menu css */
253 #adminmenu .wp-not-current-submenu .wp-submenu,.folded #adminmenu .wp-has-current-submenu .wp-submenu{border-left:0;}
254
255 @media only screen and (max-width:1450px){
256 #dotsstoremain header .dots-header-right .logo-detail{width:50%;}
257 #dotsstoremain header .button-dots-left{margin-right:15px;}
258 .dots-plugin-details .dots-header-left .plugin-name .title{line-height:32px;font-weight:500;font-size:25px;margin-bottom:15px;}
259 .dots-plugin-details .dots-header-left .plugin-name .desc{line-height:25px;font-weight:400;font-size:16px;}
260 }
261 @media only screen and (min-width:1181px) and (max-width:1380px){
262 .dots-plugin-details .dots-header-left{-ms-flex-preferred-size:60%;flex-basis:60%;}
263 .dots-header-right{-ms-flex-preferred-size:40%;flex-basis:40%;}
264 #dotsstoremain .button-dots{margin: 0 10px;}
265 .button-dots span.support_dotstore_image{margin-right:5px;}
266 .dots-logo-main .plugin-version{padding:8px 5px;}
267 .et-star-rating label{width:22px;height:22px;}
268 #dotsstoremain .dotstore_plugin_sidebar{margin-left:17px;width:calc(100% - 32px);}
269 #dotsstoremain .dots-seperator{margin:0 0 10px 15px;}
270 img.sidebar_plugin_icone{width:38px;}
271 .important-link ul li a{font-size:13px!important;line-height:21px;}
272 }
273 @media only screen and (max-width:1180px){
274 .dots-plugin-details{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
275 .dots-plugin-details .dots-header-left{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
276 .dots-plugin-details .dots-header-left .plugin-name{text-align:center;margin:20px 20px;}
277 .dots-plugin-details .dots-header-right{padding:24px 0px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
278 .alv-section-left{float:none;width:100%;}
279 .thedotstore-main-table{float:none;width:100%;}
280 #dotsstoremain .dotstore_plugin_sidebar{width:100%;margin:25px auto 30px;max-width:500px;display:block;}
281 #dotsstoremain .all-pad .dots-settings-inner-main{-ms-flex-wrap:wrap;flex-wrap:wrap;}
282 #dotsstoremain .alv-section-left,#dotsstoremain .alv-section-right{width:100%;}
283 #dotsstoremain .dots-seperator{display:none;}
284 #dotsstoremain .dotstore_plugin_sidebar{margin:25px auto 30px;max-width:500px;display:block;width:100%;}
285 #dotsstoremain .all-pad.hide-sidebar .dotstore_plugin_sidebar{display:block;}
286 #dotsstoremain .all-pad.hide-sidebar .alv-section-right,#dotsstoremain .all-pad.hide-sidebar .alv-section-left{width:100%;}
287 }
288 @media only screen and (max-width:990px){
289 #dotsstoremain .thedotstore-main-table{width:100%;}
290 }
291 @media only screen and (max-width:768px){
292 .dots-plugin-details .dots-header-left{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
293 .dots-plugin-details .dots-header-left .dots-logo-main{margin:20px 0;}
294 .dots-plugin-details .dots-header-left .plugin-name .title{font-size:30px;}
295 .dots-logo-main img{width:80px;}
296 .alv-main-table{width:100%;}
297 }
298 @media only screen and (max-width:550px){
299 #dotsstoremain header .button-dots{display:block;margin-top:0;text-align:left;margin-left:20px;}
300 #dotsstoremain header .dots-header-right{width:100%!important;}
301 }
302 @media only screen and (max-width:460px){
303 .dots-plugin-details .dots-header-left .plugin-name{font-size:18px;text-align:center;line-height:30px;}
304 .button-dots span.support_dotstore_image a span,.button-dots-left span.support_dotstore_image a span{font-size:28px;width:30px;height:30px;}
305 .button-dots span.support_dotstore_image a strong,.button-dots-left span.support_dotstore_image a strong{font-size:13px;}
306 #dotsstoremain header .dots-header-right .button-dots{display:block;width:100%;margin:0;padding:0;}
307 }