.sb-callout-ctn {
width: 370px;
min-height: 200px;
overflow: auto;
background: #fff;
box-shadow: 0px 1px 5px 0px #0000000B, 0px 4px 12px 0px #0000000F, 0px 8px 23px 0px #00000013, 0px 14px 41px 0px #00000017, 0px 26px 77px 0px #0000001B;
}
.sb-callout-ctn[data-type="frontend"]{
position: fixed;
bottom: 25px;
right: 20px;
}
.sb-callout-ctn[data-type="backend"] {
position: fixed;
bottom: 85px;
right: 20px;
z-index: 99999;
}
.sb-callout-ctn[data-type="side-menu"],
body.wp-admin.index-php li .sb-callout-ctn[data-type="side-menu"],
body.instagram-feed_page_sbi-feed-builder .sb-callout-ctn[data-type="side-menu"]{
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
}
body:not([class*="page_sbi-feed-builder"]) .wp-menu-name:hover > .sb-callout-ctn[data-type="side-menu"],
body:not([class*="page_sbi-feed-builder"]) .wp-has-current-submenu:hover .sb-callout-ctn[data-type="side-menu"],
body.wp-admin.index-php .wp-menu-name .sb-callout-ctn[data-type="side-menu"]{
display: block !important;
visibility: visible !important;
opacity: 1 !important;
}
.sb-callout-ctn[data-type="side-menu"] {
position: absolute;
left: 100%; top: -100px;
z-index: 999999;
}
.sb-callout-ctn[data-position="bottom"] {
bottom: 0px;
top: unset;
}
.sb-fs {
width: 100%;
float: left;
position: relative;
box-sizing: border-box;
}
.sb-callout-top-heading {
padding: 10px 15px;
border-bottom: 1px solid #E6E6EB;
display: flex;
align-items: center;
column-gap: 10px;
}
.sb-callout-top-heading strong {
color: #141B38 !important;
font-size: 15px;
}
.sb-callout-only-visible {
font-size: 10px;
display: none;
align-items: center;
column-gap: 5px;
text-transform: uppercase;
color: #0068A0 !important;
background: #D6F4FF !important;
padding: 2px 8px;
border-radius: 4px;
line-height: 21px
}
[data-type="frontend"] .sb-callout-top-heading {
align-items: flex-start;
}
[data-type="frontend"] .sb-callout-top-heading>svg {
width: 25px;
margin-top: 10px;
height: auto;
}
[data-type="frontend"] .sb-callout-only-visible {
display: inline-flex;
}
.sb-callout-top-dismiss {
position: absolute;
width: 16px;
height: 20px;
right: 12px;
top: 10px;
cursor: pointer;
color: #2C324C !important;
}
.sb-callout-top-dismiss:before,
.sb-callout-top-dismiss:after {
content: '';
position: absolute;
width: 14px;
height: 2px;
left: 1px;
top: 8px;
background: currentColor;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.sb-callout-top-dismiss:after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.sb-callout-progress {
padding: 35px 25px;
padding-bottom: 45px;
display: flex;
align-items: center;
justify-content: center;
column-gap: 20px;
}
.sb-callout-progress-radial {
width: 71px;
height: 71px;
flex-shrink: 0;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
color: #0068A0 !important;
font-weight: 600;
font-size: 17px;
}
.sb-callout-progress-radial span {
position: relative;
z-index: 9;
}
.sb-callout-progress-radial svg{
position: absolute;
width: 71px;
height: 71px;
}
.sb-progress-svg {
--size: 71px;
--half-size: calc(var(--size) / 2);
--stroke-width: 5px;
--radius: calc((var(--size) - var(--stroke-width)) / 2);
--circumference: calc(var(--radius) * pi * 2);
--dash: calc((var(--progress) * var(--circumference)) / 100);
animation: progress-animation 0s linear 0s 1 forwards;
}
.sb-progress-svg circle {
cx: var(--half-size);
cy: var(--half-size);
r: var(--radius);
stroke-width: var(--stroke-width);
fill: none;
}
.sb-progress-svg .sb-progress-svg-bg {
stroke: #0096CC;
stroke-width: calc(var(--stroke-width) - 1px);
}
.sb-progress-svg .sb-progress-svg-fg {
transform: rotate(-90deg);
transform-origin: var(--half-size) var(--half-size);
stroke-dasharray: var(--dash) calc(var(--circumference) - var(--dash));
transition: stroke-dasharray 0s linear 0s;
stroke:#9ce5ff;
stroke-width: var(--stroke-width)
}
@property --progress {
syntax: "<number>";
inherits: false;
initial-value: 0;
}
@keyframes progress-animation {
from {
--progress: 0;
}
to {
--progress: var(--percent);
}
}
.sb-callout-progress-text {
display: flex;
flex-direction: column;
}
.sb-callout-progress-text strong {
color: #141B38 !important;
font-size: 16px;
}
.sb-callout-progress-text span {
color: #696D80 !important;
font-size: 13px;
margin-top: 5px;
line-height: 1.5em;
}
.sb-callout-plugins {
padding: 10px 0px;
background: #F9F9FA !important;
}
.sb-callout-plugin-item {
padding: 5px 15px;
display: flex;
align-items: center;
font-size: 14px;
font-weight: 400;
color: #434960 !important;
column-gap: 10px
}
#adminmenu .sb-callout-plugin-item a:not(.sb-callout-item-btn) {
display: flex !important;
color: inherit !important;
justify-content: center;
align-items: center;
column-gap: 7px;
line-height: unset !important;
background: unset !important;
}
#adminmenu .sb-callout-plugin-item a:not(.sb-callout-item-btn):after {
display: none;
}
.sb-callout-item-checkbox {
width: 17px;
height: 17px;
position: relative;
flex-shrink: 0;
border-radius: 50px;
border: 2px solid #9295A6 !important;
}
.sb-callout-plugin-item[data-done="true"] {
color: #141B38 !important;
font-weight: 600;
}
.sb-callout-plugin-item[data-done="true"] .sb-callout-item-checkbox {
background-color: #0096CC !important;
border-color: #0096CC !important;
color: #fff !important;
}
.sb-callout-plugin-item[data-done="true"] .sb-callout-item-checkbox:after {
content: '';
position: absolute;
width: 9px;
height: 4px;
border-left: 2px solid currentColor;
border-bottom: 2px solid currentColor;
-webkit-transform: rotate(-39deg);
transform: rotate(-39deg);
left: 3px;
top: 4px;
}
.sb-callout-item-btn {
display: flex !important;
background-color: #0068A0 !important;
color: #fff !important;
font-size: 10px !important;
height: 32px !important;
font-weight: 600 !important;
padding: 10px 11px !important;
position: relative !important;
margin-left: auto !important;
border-radius: 3px !important;
text-decoration: none !important;
line-height: unset !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
}
.sb-callout-item-btn.sb-callout-item-btn-grey {
background: #F3F4F5 !important;
color: #141B38 !important;
border: 1px solid #D0D1D7 !important;
}
.sb-callout-item-btn:after {
content: '' !important;
position: absolute !important;
width: 5px !important;
height: 5px !important;
right: 14px !important;
top: 12px !important;
border-right: 2px solid currentColor !important;
border-bottom: 2px solid currentColor !important;
-webkit-transform: rotate(-45deg) !important;
transform: rotate(-45deg) !important;
}
.sb-callout-bottom-btns {
display: flex !important;
justify-content: flex-start !important;
padding: 20px 20px !important;
column-gap: 10px !important;
padding-bottom: 5px !important;
}
.sb-callout-bottom-btns .sb-callout-item-btn {
margin-left: unset !important;
flex-grow: 1 !important;
text-align: center !important;
font-size: 11px !important;
height: 15px !important;
cursor: pointer;
}
[data-type="frontend"] .sb-callout-bottom-btns .sb-callout-item-btn {
padding: 7px 11px !important;
height: unset !important;
}
[data-type="dashboard"] .sb-callout-bottom-btns .sb-callout-item-btn{
padding: 10px 11px !important;
}
.sb-callout-bottom-btns .sb-callout-item-btn:after {
right: 18px !important;
top: 14px !important;
}
#adminmenu .sb-callout-ctn a:hover {
box-shadow: unset !important;
} .sb-callout-ctn[data-type="dashboard"] {
width: 100% !important;
box-sizing: border-box !important;
background: unset !important;
box-shadow: unset !important;
}
.sb-callout-ctn[data-type="dashboard"] .sb-callout-top {
display: none !important;
}
#sb_dashboard_widget .inside {
padding: 0px !important;
}
.sb-callout-top > a {
background: unset!important;
color: inherit;
}
.sb-callout-ctn > a{
display: none !important;
}
.sb-callout-plugin-item .sb-callout-item-btn{
padding: 0 26px !important;
}
@media (max-width: 1200px) {
.sb-callout-ctn[data-type="frontend"],
.sb-callout-ctn[data-type="backend"],
.sb-callout-ctn[data-type="side-menu"]{
display: none !important;
}
}.shop-page ul.products .product-item {
margin-bottom: 50px;
width: 32%;
float: left;
margin-right: 1%;
}
.shop-before-control {
display: none;
}
.woocommerce-product-gallery li {
list-style: none;
display: inline;
margin-right: 5px;
}
.horizontal-thumbnail .flex-control-nav {
margin-top: 5px;
overflow: hidden;
padding-left: 0px;
}
.ovic-banner-template.style-1 .button {
margin-right: 110px;
}
.woocommerce form.woocommerce-checkout {
margin-top: 30px;
}
.ovic-banner-template.style-1 .banner-content .subtitle {
font-weight: 300;
margin-bottom: 35px;
}
.ovic-banner-template.style-1 .banner-thumb::before {
background-color: #eee;
}
.product-item .product-title a {
font-weight: 300;
}
.ovic-button.style-2 a {
font-weight: 400;
}
.ovic-banner-template.style-1 .button {
font-weight: 400;
}
.woocommerce-product-gallery .flex-control-nav .slick-slide::before {
background-color: #e8e8e8 !important;
}
.horizontal-thumbnail .woocommerce-product-gallery .flex-control-nav .slick-arrow.next::after {
border-left: solid 20px #e8e8e8  !important;
right: -20px;
}
.horizontal-thumbnail .woocommerce-product-gallery .flex-control-nav .slick-arrow.prev::after {
border-right: solid 20px #e8e8e8  !important;
left: -20px;
}
.malifont {
font-weight:300;
}
.main-menu > li > a {
text-transform: none;
}
.page-top-banner .banner-content .page-title, .page-top-head .page-title, .shop-head .page-title {
font-weight: 300;
}
.shop-sidebar .widget_price_filter .price_slider_amount {
font-weight: 300;
font-size: 14px;
line-height: 40px;
}
.entry-summary .product_title {
font-weight: 300;
}
.entry-summary .price {
font-weight: 300;
}
.button:hover, button:hover, input[type="submit"]:hover, .header-message .message-item .icon, .ovic-iconbox .icon, .coppy-right span, .ovic-newsletter.style-2 .mc4wp-form .submit-newsletter, .single-post .group-single-bottom > div::before, .shop_table tr .actions .button, .cart-collaterals .cart_totals .wc-proceed-to-checkout a, .cart-collaterals .cart_totals a:hover, .place-order .button, .block-minicart .minicart-inner .woocommerce-mini-cart__buttons a, .ovic-button.style-3 a, .ovic-newsletter.style-4 .mc4wp-form .submit-newsletter, .product-item.style-03 .group-button .add-to-cart a, .ovic-banner-template.style-2 .banner-content .button, .ovic-socials.style-2 .socials-list li a, .ovic-iconbox.style-4:hover .iconbox-inner .icon, .wpcf7-form input[type="submit"], .header-mobile .item, .header-mobile .open-content, .ovic-newsletter.style-4 .mc4wp-form .submit-newsletter, .error-404 .button:hover, .single-post .post-single-footer .single-post-social .title a, .single-post .post-single-footer .single-post-social .share-content > a, .comment-form .form-submit input[type="submit"]:hover, .dark-version .ovic-popup .ovic-newsletter .mc4wp-form .submit-newsletter, .dark-version .ovic-popup .ovic-newsletter.style-2 .mc4wp-form .submit-newsletter, .display-mode-control .mode-grid.active span, .dark-version .product-item.style-01 .product-title a:hover, .dark-version .product-item.style-03 .product-title a:hover, body .growl.growl-notice, .display-mode-control button.active, .post-item .post-info .readmore:hover, .post-item.style-01 .post-info .readmore:hover, .products-loadmore a:hover, .revo-button:hover {
color: #e8e8e8;
}
.wpcf7-form input[type="submit"] {
background:#e8e8e8 !important;
color:#000 !important;
}
.wpcf7-form input[type="submit"]:hover {
background:#000000 !important;
color:#e8e8e8 !important;
}
.product-item .product-title a {
font-size: 16px;
}
.product-item.style-01 .price::after {
background: #f7f7f7 !important;
-webkit-transition: 1s ease 0s;
-moz-transition: 1s ease 0s;
-ms-transition: 1s ease 0s;
-o-transition: 1s ease 0s;
transition: 1s ease 0s;
background-color: #ffd800;
width: 169px !important;
height: 170px !important;
bottom: -130px;
}
.product-item.style-01 .price::after {
border-radius: 0;
}
.entry-summary form.cart button, .entry-summary form.cart .added_to_cart {
font-weight: 300;
background-color: #e8e8e8;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
font-weight: 300 !important;
}
#yith-quick-view-content .woocommerce-product-gallery__trigger::after, .horizontal-thumbnail .woocommerce-product-gallery__trigger::after {
border-bottom: solid 76px #e8e8e8;
}
.wpcf7-form input[type="submit"] {
font-weight: 400 !important;
}
.page-top-banner .woocommerce-breadcrumb, .page-top-banner .breadcrumb, .page-top-head .breadcrumb, .page-top-banner .breadcrumb > .active, .shop-head .woocommerce-breadcrumb, .breadcrumb a, .woocommerce-breadcrumb a {
font-weight: 300;
}
.blog-list .post-item .post-thumb .date::after, input[type="submit"], .page-top-banner .banner-content::before, .pagination .nav-links > span:not(.dots), .pagination .nav-links > a:hover, .post-item.grid .post-thumb .readmore, .post-item.grid .meta-data::after, .widget_tag_cloud .tagcloud a:hover, .widget_product_tag_cloud .tagcloud a:hover, .woo-cart-link .count, .main-menu > li > a::before, .main-menu .sub-menu > li > a::before, .ovic-tabs .tabs-list li > a::before, .ovic-button.style-1 a::before, .post-item.style-01 .post-categories::after, .post-item.style-01 .post-info .readmore, .ovic-custommenu ul li a::after, .ovic-newsletter .mc4wp-form .submit-newsletter, .ovic-banner-template.style-1 .content::before, .ovic-blog .slick-slider .slick-arrow:hover, .ovic-countdown .title::after, .ovic-newsletter.style-2 .mc4wp-form .submit-newsletter:hover, .ovic-newsletter.style-3 .mc4wp-form .submit-newsletter:hover, .tp-bullet.selected, .tp-bullet:hover, .filter-sidebar-content .action-filter-sidebar, .woocommerce-pagination .page-numbers li > span, .woocommerce-pagination .page-numbers li a:hover, .product-item.list .product-info .group-button .add-to-cart a:hover, .cart-collaterals .cart_totals .wc-proceed-to-checkout a:hover, .place-order .button:hover, .ovic-category.style-2 .item-thumbnail .content .subtitle::after, .ovic-newsletter.style-4 .mc4wp-form .submit-newsletter:hover, .ovic-newsletter.style-6 .mc4wp-form .submit-newsletter:hover, .product-item.style-03 .group-button .add-to-cart a:hover, .product-item.style-03 .single_variation_wrap .single_add_to_cart_button:hover, .product-item.style-03 .group-button .yith-wcwl-add-to-wishlist a:hover, .product-item.style-03 .group-button .quickview a:hover, .ovic-category.style-4 .list-category .category-item::before, .ovic-socials.style-2 .socials-list li a:hover, .ovic-iconbox.style-4 .iconbox-inner .icon, .wpcf7-form input[type="submit"]:hover, .header-mobile .item:hover, .error-404 .button, .comment-form .form-submit input[type="submit"], .single-product .pagination-thumb > a:hover, .ovic-instagram .widget-title, .button.wc-backward:hover, .woocommerce-form-login .woocommerce-form-login__submit, .woocommerce-form-register .woocommerce-FormRow .woocommerce-Button, .dark-version .wpcf7-form input[type="submit"]:hover, a.backtotop:hover, .dark-version .ovic-popup .ovic-newsletter .mc4wp-form .submit-newsletter:hover, .dark-version .ovic-popup .ovic-newsletter.style-2 .mc4wp-form .submit-newsletter:hover, .text-has-bg::after, .special-theme-title::after, .display-mode-control button.active span.mode-list, .display-mode-control button.active span.mode-list ::before, .display-mode-control button.active span.mode-list ::after, .product-item .product-thumb .group-button .yith-wcwl-add-to-wishlist a:hover, .product-item .product-thumb .group-button .compare-button a:hover, .product-item .product-thumb .group-button > div a:hover, .product-item .single_variation_wrap .single_add_to_cart_button:hover, .product-item .single_variation_wrap a.added_to_cart:hover, .ovic-category.style-3 .thumb .view-category, .ovic-slide.nav-left-bottom .slick-arrow:hover, .ovic-banner-template.style-3 .banner-content .title .number::after, .widget_mc4wp_form_widget .mc4wp-form-fields .submit-newsletter, .post-item.grid .post-thumb .date:hover, .woocommerce-product-gallery .flex-control-nav .slick-slide:hover::before, .woocommerce-product-gallery .flex-control-nav .slick-slide.slick-current::before, .shop-sidebar .widget_price_filter .button, body .ovic-pinmap .ovic-pin .ovic-popup-footer a:hover, body .ovic-pinmap .ovic-pin .ovic-popup-main > .col-left::after, .ovic-banner-template.style-2 .banner-inner #typed::after, .products-loadmore a, .widget_archive ul li a::after, .widget_pages ul li a::after, .widget_categories ul li a::after, .main-menu .sub-menu li > a::before, .woocommerce-breadcrumb a::after, .breadcrumb a::after, .shop-head .woocommerce-breadcrumb a::after, .ovic-custommenu ul li a::after, .ovic-socials .socials-list li a:hover, .group-color a::after, .ovic-newsletter .mc4wp-form .submit-newsletter::after, .block-minicart .minicart-inner .woocommerce-mini-cart__buttons a::after, .woocommerce .woocommerce-MyAccount-navigation a::after, .shop_table tr .actions .button::after, .group-header-settings .box-settings .top-menu > li > a::after, .group-header-settings .box-settings .language-menu > li > a::after, .widget-area .widget ul li a::after, .shop-sidebar .widget ol li a::after, .product-item.list .product-info .group-button > div a::after, .header-social .list-social a:hover, .entry-summary .stuno-share-socials .share-content a:hover, .logo .logo-text::before, .logo .logo-text::after {
background-color: #e8e8e8;
}
.widget .widget-title {
font-weight: 300;
}
.home .product-item.style-01 .price {
display: none;
}
.home .group-button {
display: none;
}
.ovic-banner-template.style-1 .button {
background-color:  #f7f7f7;
}
.ovic-banner-template.style-1 .button::after {
content: '';
position: absolute;
z-index: 1;
-webkit-transition: unset;
-moz-transition: unset;
-ms-transition: unset;
-o-transition: unset;
transition: unset;
background-color: #f7f7f7 !important;
transform: unset;
top: 0;
left: 50%;
width: 0;
height: 100%;
border-radius: 5px;
opacity: 0;
color: 
#666666 !important;
}
.ovic-banner-template.style-1 .button:hover {
color: #666666 !important;
background:#eeeeee !important;
}
a.button, button, input[type="submit"] {
transition: unset !important;
}
.ovic-button.style-2 a {
background-color:#f7f7f7;
}
.ovic-button.style-2 a:hover {
color: #666666;
}
.ovic-button.style-2 a::after {
content: '';
position: absolute;
z-index: 1;
-webkit-transition:unset;
-moz-transition:unset;
-ms-transition:unset;
-o-transition: unset;
transition: unset;
background-color: 
#f7f7f7;
transform: unset;
top: 0;
left: 50%;
width: 0;
height: 100%;
border-radius: 5px;
opacity: 0;
}
.ovic-products .products-title {
font-size: 40px;
color: 
#666666;
font-weight: 300;
}
body, h1, h2, h3, h4, h5, h6 {
color: 
#666 !important;
}
.ovic-banner-template.style-1 .button {
color:#666;
}
.ovic_vc_custom_5e591ddae0295 {
font-weight: 300 !important;
color:#666 !important;
}
.product-item .product-title a {
color:#666;
}
.ovic-button.style-2 a {
color: #666;
}
.ui-slider .ui-slider-handle {
background-color: 
#f7f7f7;
}
.product-item.style-01 .price::after {
background:#f7f7f7 !important;
-webkit-transition:1s ease 0s;
-moz-transition:1s ease 0s;
-ms-transition: 1s ease 0s;
-o-transition: 1s ease 0s;
transition: 1s ease 0s;
background-color: #ffd800;
width: 190px;
height: 190px;
bottom: -130px;
}
@media all and (max-width:1024px){
.block-search .search-link, .block-minicart .woo-cart-link, .block-userlink .woo-user-link, .group-header-settings .button-settings, .header-right-content .block-menu-bar a {
background-color: #ffffff!important;
}
.block-search .search-link, .block-minicart .woo-cart-link, .block-userlink .woo-user-link, .group-header-settings .button-settings, .header-right-content .block-menu-bar a {
color: #666 !important;
}
.block-search .search-link:hover, .block-minicart .woo-cart-link:hover, .block-userlink .woo-user-link:hover, .group-header-settings .button-settings:hover {
color:#666 !important;
background-color: #ffffff !important;
}
}
.revo-button::after {
content: '';
position: absolute;
z-index: 1;
-webkit-transition: unset;
-moz-transition: unset;
-ms-transition: unset;
-o-transition: unset;
transition: unset;
background-color: 
#eeeeee;
color:#666666;
transform: unset;
top: 0;
left: 50%;
width: 0;
height: 100%;
border-radius: 5px;
opacity: 0;
}
.ovic-custommenu.style-2 ul li::after {
content: '/';
display: inline-block;
vertical-align: middle;
color: #adadad;
margin: 0 10px;
}
.main-menu > li > a {
font-weight: 400;
}
.main-menu .sub-menu li > a::after {
background-color:#eee !important;
}
.product-item .price {
font-weight: 400;
color: #666;
}
@media all and (max-width:1000px){
.wpb_image_grid_ul {
position: inherit !important;
}
.wpb_image_grid_ul li {
max-width: 48% !important;
float: left !important;
position: inherit !important;
margin-right: 1% !important;
}
.footer-02 .wpb_column {
width: 100%;
text-align: center;
margin: 0 auto !important;
}
}
@media all and (max-width:767px){
.product-item.style-01 .product-thumb .group-button > .add-to-cart {
display:none;
}
}.scroll-wrapper{
overflow: hidden !important;
padding: 0 !important;
position: relative;
}
.scroll-wrapper > .scroll-content{
border: none !important;
box-sizing: content-box !important;
height: auto;
left: 0;
margin: 0;
max-height: none;
max-width: none !important;
overflow: scroll !important;
position: relative !important;
top: 0;
width: auto !important;
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar{
height: 0;
width: 0;
}
.scroll-element{
display: none;
}
.scroll-element, .scroll-element div{
box-sizing: content-box;
}
.scroll-element.scroll-y.scroll-scrolly_visible{
display: block;
}
.scroll-element .scroll-bar{
cursor: pointer;
}
.scroll-element .scroll-arrow{
cursor: default;
}
.scroll-textarea{
border: 1px solid #cccccc;
border-top-color: #999999;
}
.scroll-textarea > .scroll-content{
overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea{
border: none !important;
box-sizing: border-box;
height: 100% !important;
margin: 0;
max-height: none !important;
max-width: none !important;
overflow: scroll !important;
outline: none;
padding: 2px;
position: relative !important;
top: 0;
width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar{
height: 0;
width: 0;
} .scroll-wrapper > .scroll-element,
.scroll-wrapper > .scroll-element div{
border: none;
margin: 0;
padding: 0;
position: absolute;
z-index: 2;
}
.scroll-wrapper > .scroll-element{
background-color: #ffffff;
}
.scroll-wrapper > .scroll-element div{
display: block;
height: 100%;
left: 0;
top: 0;
width: 100%;
}
.scroll-wrapper > .scroll-element.scroll-y{
height: 100%;
right: 0;
top: 0;
width: 12px;
}
.scroll-wrapper > .scroll-element .scroll-element_outer,
.scroll-wrapper > .scroll-element .scroll-element_track,
.scroll-wrapper > .scroll-element .scroll-bar{
border-radius: 90px;
}
.scroll-wrapper > .scroll-element.scroll-y .scroll-element_outer{ left: auto; right: 0; width: 5px; }
.scroll-wrapper > .scroll-element .scroll-element_outer{ overflow: hidden; }
.scroll-wrapper > .scroll-element .scroll-element_track{ background-color: #eeeeee; }
.scroll-wrapper > .scroll-element .scroll-bar{ background-color: #d9d9d9; }
.scroll-wrapper > .scroll-element .scroll-bar:hover{ background-color: #c2c2c2; }
.scroll-wrapper > .scroll-element.scroll-draggable .scroll-bar{ background-color: #919191; } .scroll-wrapper > .scroll-content.scroll-scrolly_visible{ left: -12px; margin-left: 12px; }
.scroll-wrapper > .scroll-element.scroll-y .scroll-bar{ min-height: 10px; }