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

 :root {
    /* Belo variables for plugin CSS use */
    --dotstore-primary: #27ae60;
    --dotstore-primary-light: #f7fffa;
    --dotstore-remove: #EF0000;

    /* Below variables to override WC admin CSS use in our plugin */
    --wp-admin-theme-color: #27ae60;
}


/* Spacer calculation start */
.spacer-1{display: flex; margin: 5px 0 5px;}
.spacer-2{display: flex; margin: 10px 0 10px;}
.spacer-3{display: flex; margin: 15px 0 15px;}
.spacer-4{display: flex; margin: 20px 0 20px;}
.spacer-5{display: flex; margin: 25px 0 25px;}
.spacer-6{display: flex; margin: 30px 0 30px;}
/* Spacer calculation end */

/* General CSS */
#dotsstoremain .all-pad {margin: 20px 0 0;}
#dotsstoremain,#dotsstoremain *{-webkit-box-sizing:border-box;box-sizing:border-box;}
body{background-color: #F2F2F3}
#wpfooter p#footer-left{float: none;text-align: center;}
#wpfooter p#footer-left a,.fs-modal a{color: var(--dotstore-primary)}
input[type=checkbox]:checked:before{content:'';-webkit-mask:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%233582c4%27%2F%3E%3C%2Fsvg%3E);mask:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%233582c4%27%2F%3E%3C%2Fsvg%3E);background-color:var(--dotstore-primary);-webkit-mask-image:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%233582c4%27%2F%3E%3C%2Fsvg%3E);}
#dotsstoremain input[type=checkbox]:checked:before{margin:-.12rem 0 0 -.22rem}
input[type=radio]:checked::before{background-color:var(--dotstore-primary);}
input[type=checkbox]:focus,input[type=radio]:focus{border-color:var(--dotstore-primary);box-shadow:none;}
.fs-modal input[type=text]:focus, #fs_account .fs-key-value-table input[type=text]:focus, #chk_fees_per_page:focus, .dotslc-section-left input:focus, .dotslc-section-left input[type="color"]:focus, .dotslc-section-left textarea:focus, .dotslc-section-left select:focus, .ds-plugin-setup-wizard-main select:focus{border-color:var(--dotstore-primary);box-shadow:none;outline:none;}
#tiptip_holder, #tiptip_content{max-width:290px!important;}
.wp-core-ui .dots-settings-inner-main input:not([type=checkbox]):not([type=radio]), .wp-core-ui .dots-settings-inner-main select, .wp-core-ui .dots-settings-inner-main textarea{font-size:14px;min-height:30px;}
#dotsstoremain a:focus{outline:none;box-shadow:none;}
.wrap .notice, .wrap div.error, .wrap div.updated{margin:0 0 24px;}
.dotslc-main-table.res-cl {position: relative;}
.dots-settings-inner-main a {color: var(--dotstore-primary);text-decoration: none;}
.dots-settings-inner-main .dots-btn-with-brand-color,.dotslc-section-left .dots-btn-with-brand-color:hover,.dotslc-section-left .dots-btn-with-brand-color:focus,.dots-settings-inner-main .button,.dots-settings-inner-main .button:focus,#fs_account .button,#fs_account .button:focus,#fs_account .button:hover,.wp-core-ui .button.active,.wp-core-ui .button.active:focus,.wp-core-ui .button.active:hover,.wp-core-ui .button-secondary,.wp-core-ui .button-secondary:focus,.wp-core-ui .button-secondary:hover{border:1px solid var(--dotstore-primary);border-radius:5px;background-color:#FFFFFF;font-size:13px;line-height:15px;font-weight:500;color:var(--dotstore-primary);padding:7px 10px;display:inline-block!important;box-shadow:none;min-height:auto}
.dots-settings-inner-main .pagination-links .button{padding:0 4px;font-size:16px;line-height:1.625;}
.dots-settings-inner-main .pagination-links .button, .search-box #search-submit, .dotslc-section-left .dotslc-main-table .action, .dots-settings-inner-main .dotslc-add-rule-page .button:not(input), #fs_account .button, .dots-settings-inner-main .button {border-color: #8c8f94;color: #000;background-color: #fff;transition: all 0.25s ease;min-height: auto;}
.dots-settings-inner-main .pagination-links .button:hover,
.search-box #search-submit:hover,
.dotslc-section-left .dotslc-main-table .action:hover,
.dots-settings-inner-main .dotslc-add-rule-page .button:not(input):hover,
.dotslc-filter-specific .button.primary.active,
.dots-settings-inner-main .button:hover{border-color:var(--dotstore-primary);color:var(--dotstore-primary);background-color:#fff;}
.dots-settings-inner-main .button-primary,.dots-settings-inner-main .button-primary:hover,.dots-settings-inner-main .button-primary:focus{border-radius:5px;font-size:13px;line-height:15px;font-weight:500;padding:7px 10px;display:inline-block!important;box-shadow:none;background-color:var(--dotstore-primary);border:1px solid var(--dotstore-primary);color:#fff;min-height:auto}
.dots-settings-inner-main .dotslc-section-left .element-shadow{box-shadow:0 0 10px rgb(0 0 0 / 8%);}
.dotslc-main-table .section-title {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;font-size: 20px;text-align: left;font-weight: 400;border-bottom: 0;background: #DEDEDE;border-radius: 5px 5px 0 0;border-bottom: 1px solid #d0d0d0;}
.dots-settings-inner-main .delete-attribute-rule{color: var(--dotstore-remove);}
.dots-settings-inner-main .disabled{color: #888;}
.tap{display: flex;align-items: center;}
.dots-settings-inner-main .wp-list-table a{color: #000;}
.dots-settings-inner-main .wp-list-table .row-actions .delete a{color: var(--dotstore-remove);}
.dotslc_stock {font-size: 15px;font-weight: 700;}
.in_stock{color: #008000;}
.out_of_stock{color: var(--dotstore-remove);}
.inline-stock-input, .list-edit-stock, .dotslc-list-action{display: none;}
.inline-stock-input{width: 60px;}
.list-edit-stock{margin-left: 10px;}
.dots-settings-inner-main .wp-list-table tr:hover .list-edit-stock{display: inline-block;}
.dotslc-list-action{margin-left: 5px;color: var(--dotstore-primary);line-height: 130%;font-size: 24px;width: auto;height: auto;}
.dotslc-list-action.dashicons-dismiss{color: var(--dotstore-remove);}
.column-stock .dashicons{cursor: pointer;}
.dots-settings-inner-main .wp-list-table .dotslc-selected-label{margin-bottom: 5px;}
.dots-settings-inner-main .tablenav.top {display: inline-block;width: 100%;margin: 16px 0 4px;border-top: 1px solid rgb(112 112 112 / 20%);padding: 19px 0 0;}
#dotsstoremain .dots-settings-inner-main .wp-list-table *, #dotsstoremain .dots-settings-inner-main .tablenav{ box-sizing: content-box; }
.dotslc-password-wrap {position: relative;display: inline-block;width:100%;max-width: 620px;min-width:320px}
.dotslc-password-wrap .dashicons {display: inline-block;position: absolute;right: 10px;top: 4px;cursor: pointer;}
.dotslc-note {font-size: 12px;font-style: italic;}

/* Configuration Page */
.dots-settings-inner-main .form-table th {width: 285px;}
.form-table tr th span.required-star {color: #f00;}
.dotslc-main-table .dotslc-rule-table tbody tr td input:not([type=button]):not([type=color]):not([type=checkbox]):not([type=radio]):not([type=number]):not(.select2-search__field), .dotslc-main-table table.table-outer tr td textarea, .dotslc-main-table .dotslc-rule-table tbody tr td select{width: 100%;max-width: 620px;min-width: 320px;}
.dotslc-main-table .dotslc-rule-table tbody tr td input.half-field:not([type=button]):not([type=checkbox]):not([type=radio]):not(.select2-search__field), .dotslc-main-table table.table-outer tr td textarea.half-field, .dotslc-main-table .dotslc-rule-table tbody tr td select.half-field {width: 100%;max-width: 310px;min-width: 235px;}
.dotslc-main-table .dotslc-rule-table tbody tr td input[type=number]{width: 100%;min-width: 100px;max-width: 130px;}
.dotslc-main-table .dotslc-rule-table tbody tr td .dotslc-fee-adjustment-wrap input.half-field:not([type=button]):not([type=checkbox]):not([type=radio]):not(.select2-search__field){max-width: 235px;}
.dotslc-main-table .dotslc-rule-table tbody tr td .dotslc-color-wrap > input[type="text"]{max-width: 120px!important;min-width: 120px!important;}
.dotslc-main-table .dotslc-rule-table tbody tr td .dotslc-site-url {margin-right: 5px;padding: 5px;}
.dotslc-main-table .dotslc-rule-table tbody tr td .dotslc-site-url.end {top: -6px;right: -3px;padding: 5px 10px}

/* Configuration page table */
.dotslc-main-table.res-cl table.form-table.table-outer.dotslc-rule-table {display: table;width: 100%;margin-top: 0;background: #fff;}

/* All table with title CSS*/
.dotslc-section-left h2:not(.fs-content h2), 
#fs_account h3 {font-size: 18px;line-height: 24px;font-weight: 500;margin: 0;}
.dotslc-section-title {background: #DEDEDE;border-bottom: 1px solid #dadada;border-radius: 5px 5px 0 0;padding: 15px 20px;display: flex;flex-wrap: wrap;gap: 5px;align-items: center;}
.dotslc-section-left table.table-outer {width: 100%;border-collapse: collapse;}
.dotslc-section-left table.table-outer tr {background-color: #fff;border-bottom: 1px solid #d0d0d0;}
.dotslc-section-left table.table-outer tr th, .dotslc-section-left table.table-outer tr td {font-size: 14px;line-height: 20px;font-weight: 400;padding: 15px 20px;position: relative;color: #333;}
.dotslc-section-left table.table-outer tr th {padding: 20px 20px;text-transform: capitalize;}
.dotslc-section-left table.table-outer tr:last-child {border-bottom: none;}
.dotslc-field-wrap{display: flex;flex-wrap: nowrap;}
.dotslc-field-main{margin-top: 15px;}
.dots-settings-inner-main .wp-list-table {border: none;box-shadow: 0 4px 10px rgb(0 0 0 / 8%);margin: 20px 0;border-radius: 5px;}
.dots-settings-inner-main .wp-list-table th a {padding: 14px 8px;color:#000;}
.dots-settings-inner-main .wp-list-table td.product a {color:var(--dotstore-primary);}
.dotslc-section-left table.table-outer.dotslc-table-tooltip tr th label, .dotslc-section-left table.table-outer.dotslc-table-tooltip tr td label {display: block;vertical-align: middle;position: relative;}
.dotslc-section-left .dotslc_at_checkouts #title{width: 40%;}
.dotslc-section-left .dotslc_at_checkouts #date{width: 20%;}

 /* Tooltip CSS (tiptip JS) */
.dotslc-section-left .dotslc-table-tooltip .woocommerce-help-tip{position:absolute;top:50%;right:-20px;transform:translateY(-50%);margin:0;}
.dotslc-section-left .woocommerce-help-tip{color:#8b8b8b;display:inline-block;font-size:18px !important;font-style:normal;height:18px;line-height:18px;position:relative;vertical-align:middle;width:18px;}
.dotslc-section-left .woocommerce-help-tip::after{font-family:Dashicons;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;margin:0;text-indent:0;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;content:"\f223";cursor:help;}
#tiptip_holder{display:none;z-index:8675309;position:absolute;top:0;left:0}
#tiptip_holder.tip_top{padding-bottom:5px}
#tiptip_holder.tip_top #tiptip_arrow_inner{margin-top:-7px;margin-left:-6px;border-top-color:#333}
#tiptip_holder.tip_bottom{padding-top:5px}
#tiptip_holder.tip_bottom #tiptip_arrow_inner{margin-top:-5px;margin-left:-6px;border-bottom-color:#333}
#tiptip_holder.tip_right{padding-left:5px}
#tiptip_holder.tip_right #tiptip_arrow_inner{margin-top:-6px;margin-left:-5px;border-right-color:#333}
#tiptip_holder.tip_left{padding-right:5px}
#tiptip_holder.tip_left #tiptip_arrow_inner{margin-top:-6px;margin-left:-7px;border-left-color:#333}
#tiptip_content,.chart-tooltip,.wc_error_tip{color:#fff;font-size:.8em;max-width:200px;background:#333;text-align:center;border-radius:3px;padding:.618em 1em;box-shadow:0 1px 3px rgba(0,0,0,.2)}
#tiptip_content code,.chart-tooltip code,.wc_error_tip code{padding:1px;background:#888}
#tiptip_arrow,#tiptip_arrow_inner{position:absolute;border-color:transparent;border-style:solid;border-width:6px;height:0;width:0}
#tiptip_content a, .chart-tooltip a, .wc_error_tip a{color:var(--dotstore-primary)}

/* Toggle switch CSS */
.dotslc-section-left .switch {position: relative;display: inline-block;width: 35px;height: 19px;}
.dotslc-section-left .switch input {display: none;}
.dotslc-section-left input:checked + .slider {background-color: var(--dotstore-primary);}
.dotslc-section-left .slider.round {border-radius: 34px;}
.dotslc-section-left .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #c3c3c3;-webkit-transition: .4s;-o-transition: .4s;transition: .4s;}
.dotslc-section-left input:checked + .slider:before {-webkit-transform: translateX(16px);-ms-transform: translateX(16px);transform: translateX(16px);}
.dotslc-section-left .slider.round:before {border-radius: 50%;}
.dotslc-section-left .slider:before {position: absolute;content: "";height: 15px;width: 15px;left: 2px;bottom: 2px;background-color: #FFF;-webkit-transition: .4s;-o-transition: .4s;transition: .4s;}

/* Admin upload image modal */
.dotslc-section-left .dotslc_image_wrap .hidden{ display: none !important; }

/* Color field design */
.dotslc-color-wrap{display: flex;flex-wrap: nowrap;width: 100%;position: relative;align-items: stretch;}
.dotslc-main-table .dotslc-rule-table tbody tr td .dotslc-color-wrap > input[type="text"]{max-width: 130px!important;min-width: 130px!important;}
.dotslc-main-table .dotslc-rule-table tbody tr td input[type="color"]{width: 45px;border-top-right-radius: 0;border-bottom-right-radius: 0;position: absolute;left: 0;padding: 0;height: 100%;}
input[type="color"]::-webkit-color-swatch-wrapper {padding: 0;}
input[type="color"]::-webkit-color-swatch {border: none;}
input[type="color"] + input[type="text"]{padding-left: 50px;}
.dotslc-color-wrap input[type="color"] {cursor: pointer;}

/* Link with URL */
.dotslc-link-wrap {position: relative;display: inline;}
.dotslc-link-wrap code.dotslc-site-url {position: absolute;}
.dotslc-link-wrap input[type="text"] {padding-left: 22.6%;padding-right: 30px;}

/* Image with URL */
.dotslc_image_wrap .dotslc_image_url{max-width: 480px !important;}
.dotslc_image_wrap .dotslc_action_buttons {display: inline;}

/* Getting started page new style */
.dots-getting-started-main{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;background-color:#fff;-webkit-box-shadow:0 4px 14px rgb(0 0 0 / 2%);box-shadow:0 4px 14px rgb(0 0 0 / 2%);border-radius:5px;padding:10px;}
.dots-getting-started-main > div{width:50%;display:inline-block;padding:20px;}
.dots-getting-started-main .getting-started-video{position:relative;padding:30% 0 0;overflow:hidden;}
.dots-getting-started-main .getting-started-video iframe{border:20px solid #FFFFFF;-webkit-box-shadow:0 0 60px 0 rgb(0 0 0 / 10%);box-shadow:0 0 60px 0 rgb(0 0 0 / 10%);position:absolute;top:0;left:0;height:100%;width:100%;}
.dots-getting-started-main .getting-started-content span{color:#000;font-size:16px;line-height:normal;}
.dots-getting-started-main .getting-started-content h3{font-size:24px;line-height:normal;color:#000;margin:8px 0 25px;}
.dots-getting-started-main .getting-started-content p{font-size:15px;line-height:25px;color:#000;margin:0 0 20px;}
.dots-getting-started-main .getting-started-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:18px;margin-top:32px;}
.dots-getting-started-main .getting-started-actions a{font-size:14px;line-height:normal;-webkit-transition:ease all 0.5s;-o-transition:ease all 0.5s;transition:ease all 0.5s;}
.dots-getting-started-main .getting-started-actions .quick-start{color:#fff;background-color:var(--dotstore-primary);padding:14px 16px 11px;border-radius:5px;border:2px solid var(--dotstore-primary);}
.dots-getting-started-main .getting-started-actions .quick-start span{color:#fff;display:inline-block;margin:1px 0 0 3px}
.dots-getting-started-main .getting-started-actions .quick-start:hover{background-color:transparent;color:var(--dotstore-primary);}
.dots-getting-started-main .getting-started-actions .quick-start:hover span{color:var(--dotstore-primary);}
.dots-getting-started-main .getting-started-actions .setup-guide{text-decoration:underline;color:var(--dotstore-primary);}
.dots-getting-started-main .getting-started-actions .setup-guide span{text-decoration:none;margin:-0.5px 4px 0 0;font-size:18px;line-height:normal;color:var(--dotstore-primary);}
.dots-getting-started-main .getting-started-actions .setup-guide:hover,.dots-getting-started-main .getting-started-actions .setup-guide:hover span{color:#000;}

/* Beacon styles */
.hsds-beacon .dots-beacon-close{display:inline-block;width:22px;height:22px;cursor:pointer;position:absolute;top:-20px;right:-10px;background-color:rgb(0 0 0 / 35%);border-radius:50%;font-size:20px;line-height:23px;text-align:center;color:#fff;}