/*  
Theme Name: WP-toko
Theme URI: http://theme-id.com
Description: Indonesia Wordpress Themes <a href="http://theme-id.com/">theme-id.com</a>.
Version: 5.2
Author: Virtarich
Author URI: http://theme-id.com
*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Rubik:ital,wght@0,300..900;1,300..900&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');

html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset{margin:0;padding:0}
img,fieldset{border:0}
img{max-width:100%;height:auto}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
#wrap{width:960px;margin-right:auto;margin-left:auto;background-color:#FFF;padding:22px}
body{margin:0 auto 0;padding:0;font-size:15px;font-family:"Rubik",sans-serif;color:#333;background-color:#FFF}
h1{text-decoration:none;font-weight:bold;text-transform:none;font-size:24px;font-family:Arial,Helvetica,sans-serif;margin-top:5;margin-right:0;margin-bottom:10px;margin-left:0;line-height:26px;padding-bottom:5px}
h2{text-decoration:none;font-size:21px;margin:0;font-weight:bold;padding-bottom:10px;font-family:Arial,Helvetica,sans-serif;text-transform:none}
h3{text-decoration:none;font-size:18px;font-family:Arial,Helvetica,sans-serif;margin:0;padding-bottom:10px}
h4{color:#000;font-size:15px;font-family:Arial,Helvetica,sans-serif;text-decoration:none;font-weight:bold;text-transform:capitalize;text-align:left;padding-top:3px;padding-bottom:3px;margin:0}
a{text-decoration:none}
p{line-height:21px}
img{border:0}
p img{padding:0;max-width:100%;height:auto}
img.center{display:inline;margin-top:5px;margin-bottom:5px}
img.alignright{display:inline;border:1px solid #ccc;margin-top:5px;margin-bottom:5px;margin-left:5px;box-sizing:border-box;}
img.alignleft{display:inline;margin-top:5px;margin-bottom:5px;margin-right:5px;border:1px solid #ccc;box-sizing:border-box;}
.alignright{float:right;margin-top:4px;margin-bottom:4px}
.alignleft{float:left;margin-top:4px;margin-bottom:4px}
.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;margin-top:5px;margin-bottom:5px}
.top-header{float:left;color:#FFF;text-align:center;width:100%;padding:5px;box-sizing:border-box;font-weight:bold;}
.header{width:100%;height:100px;text-align:left;clear:both;}
.header-logo{font-size:36px;font-weight:normal;padding-top:15px;clear:both;text-transform:uppercase;padding-left:10px;word-wrap:break-word;}
.header-desc{font-size:16px;padding-left:10px;clear:both}
.header-left{float:left;width:960px;height:252px;}
.header-right{float:right;text-align:right;width:280px;height:100px;}
.header-right-2 img{max-width:100px;max-height:100px;}
.header-right-2{float:right;width:100px;}
.container{clear:both;color:#333;background-color:#fff;padding:10px 0px;min-height:500px;}
.content{float:left;width:780px;clear:both;margin-bottom:10px;}
.contents-left{float:left;width:162px;}
.contents-right{float:right;width:600px;}

@media (max-width:959px){
    .content{width:100%;}
    .contents-left{width:20%;}
    .contents-right{width:78%;}
    .header-left{width:100%;text-align:center;height:auto;}
    .header-right{margin:auto;float:none;}
}

@media (max-width:800px){
    .contents{width:100%;}
    .contents-left{width:100%;}
    .contents-right{width:100%;}
}

.content-full{float:left;width:100%;clear:both;margin-bottom:20px;}
.contenti-left{float:left}
.contenti-right{float:right;width:602px;margin-bottom:10px}
.button-widget{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;position:relative;float:left;display:block;overflow:hidden;margin:5px;background-image:linear-gradient(to bottom, white,white,#DEE4D6);width:80px;padding:5px 5px 5px 60px;border:1px solid #EBEBEB;}
.button-widget-icon{color:#555;font-size:30px;position:absolute;left:20px;line-height:32px;}
.button-widget-link{font-size:16px;color:#d7565b;line-height:16px;font-weight:bold;text-shadow:1px 1px 2px rgba(255,255,255,0.5);display:block;}
.button-widget-text{font-family:Arial,sans-serif;font-size:10px;letter-spacing:0px;text-transform:uppercase;color:#555;text-shadow:0px 1px 1px rgba(255,255,255,0.9);}
#vtr-widget-form{border:none;}
.bukalapak,.kaskus,.adsid,.tokopedia{background-image:url(images/theme-id-lapak.png);background-repeat:no-repeat;height:50px;width:100%;max-width:160px;box-sizing:border-box;text-align:center;float:left;margin:5px 0px;}
.bukalapak{background-position:0 0;}
.kaskus{background-position:0 -94px;}
.adsid{background-position:0 -187px;}
.tokopedia{background-position:0 -281px;}
.slider{width:100%;margin-bottom:20px;border:1px solid #EBEBEB;}
.slider ul{list-style:none outside none;padding-left:0;max-height:330px;overflow:hidden;}
.content-slider li{background-color:#fff;text-align:center;max-height:330px;}
.vtr-row{clear:both;margin-bottom:5px;overflow:hidden;padding:0;}
.vtr-title{text-align:left;text-transform:capitalize;font-weight:bold;overflow:hidden;background-color:#F3F3F3;padding:5px 10px;margin-bottom:10px;}
.vtr-title a{color:#333}
.vtr-title h1,.vtr-title h2,.vtr-title h3{font-weight:600;margin:0px;padding:0;line-height:18px;font-size:16px;}
.vtr-menu-wrap{margin:0;padding:0;}
.vtr-menu-icon{cursor:pointer;font-size:18px;line-height:18px;color:#FFF;padding:10px;width:100%;display:none;box-sizing:border-box;}
.vtr-menu .menu-item-has-children:after{content:"\e820 ";font-family:virtarich;font-size:14px;display:inline-block;color:#fff;}
.vtr-menu{list-style:none;font-size:14px;}
.vtr-menu a{text-decoration:none;display:block}
.vtr-menu:before,.vtr-menu:after{content:" ";display:table;clear:both;}
.vtr-menu ul{z-index:999;list-style:none;}
.vtr-menu li{position:relative;}
.vtr-menu > li{padding-left:10px;padding-right:10px;float:left;}
.vtr-menu > li a{color:#fff;padding:0px 5px;cursor:pointer;display:inline-block;margin:0px;}
.vtr-menu li a:focus{outline:0;}
.vtr-menu .current-menu-item{background-color:#000;}
.vtr-menu li:hover{background-color:#000;}
.vtr-web-menu ul{width:100%;display:none;position:absolute;}
.vtr-web-menu li{line-height:30px;display:block;}
.vtr-web-menu li:hover > ul{width:200px;display:block;left:0;}
.vtr-web-menu li li:hover> ul{width:100%;display:block;top:0;left:100%;}

@media screen and (max-width:769px){
    .vtr-menu-wrap{box-sizing:border-box;}
    .vtr-menu a{display:block;}
    .vtr-menu-icon{display:block;}
    .vtr-menu{display:none;}
    .vtr-menu li.menu-item-has-children ul{border-top:1px solid #c3c3c3;}
    .vtr-menu> li ul{margin:0px;}
    .vtr-menu> li ul li{border-top:1px solid #c3c3c3;}
    .vtr-menu > li{padding-left:0px;padding-right:0px;float:none;}
    .vtr-menu li > a{padding-left:15px;display:block;}
    .vtr-menu li li a{padding-left:35px;display:block;}
    .vtr-menu li li li a{padding-left:55px;display:block;}
    .vtr-menu li li li li a{padding-left:75px;display:block;}
    .vtr-menu li li.last{padding-bottom:0 !important;}
    .vtr-menu ul{width:100%;display:block;}
    ul.vtr-menu li{border-top:1px solid #c3c3c3;line-height:35px;display:block;}
    .vtr-menu .menu-item-has-children:after{display:none;}
}

.sidebar-menu-icon{cursor:pointer;font-size:18px;color:#FFF;padding:5px;width:100%;display:block;box-sizing:border-box;}
.sidebar-mobile-menu{margin-bottom:10px;margin-top:0px;}
.sidebar-mobile-menu h4{display:block;font-size:18px;background-color:#000;padding:10px;margin-top:0px;margin-bottom:0px;font-weight:bold;color:#FFF;}
.vtr-sidebar-menu{display:block;text-align:left;border-top:1px solid #c3c3c3;background-color:#FFF;}
.vtr-sidebar-menu ul{list-style:none;padding:0;width:auto;padding:0px 0px;}
.vtr-sidebar-menu li{position:relative;border:1px solid #c3c3c3;border-top:none;list-style-type:none;margin:0px;}
.vtr-sidebar-menu li a{font-size:14px;line-height:22px;display:inline-block;color:#000;font-weight:500;}
.vtr-sidebar-menu li.menu-item-has-children ul{border-top:1px solid #c3c3c3;}
.vtr-sidebar-menu> li ul{margin:0px;}
.vtr-sidebar-menu> li ul li{border-top:none;border-left:none;border-right:none;}
.vtr-sidebar-menu li a{display:block;padding:3px;}
.vtr-sidebar-menu li li a{display:block;padding-top:3px;padding-right:15px;padding-bottom:3px;padding-left:25px;}
.vtr-sidebar-menu li li li a{display:block;padding-top:3px;padding-right:15px;padding-bottom:3px;padding-left:35px;}
.vtr-sidebar-menu li li li li a{display:block;padding-top:3px;padding-right:15px;padding-bottom:3px;padding-left:45px;}
.vtr-sidebar-menu li li.last{padding-bottom:0 !important;}
.vtr-sidebar-menu i{text-align:center;position:absolute;right:0;height:32px;width:40px;line-height:30px;font-size:20px;top:0;}
.vtr-sidebar-menu li i:hover{cursor:pointer;}
.vtr-sidebar-menu ul.sub-menu{display:none;}

@media screen and (max-width:769px){
    .sidebar-menu-icon{font-size:18px;box-sizing:border-box;padding:10px;}
    .sidebar-menu{font-size:18px;margin-top:10px;box-sizing:border-box;}
}

.post{width:100%;text-align:left;margin-bottom:10px;clear:both;height:auto;overflow:hidden;box-sizing:border-box;}
.post ul{list-style-type:disc;margin-top:0;margin-right:0;margin-bottom:5px;margin-left:25px;padding-top:0;padding-right:5px;padding-bottom:0;padding-left:5px;list-style-position:outside}
.post p,.post ul,.post ol,.post dd,.post pre,.post hr{margin-bottom:12px}
.post ol{list-style-position:outside;margin-left:30px;margin-bottom:10px}
.post ol li{padding:3px;line-height:24px}
.post ul li{padding:3px;line-height:24px}
.post blockquote{color:#000;font-style:italic;background:#f9f9f9;border-left:10px solid #ccc;margin:1.5em 10px;padding:0.5em 10px;}
.post blockquote:before{content:"\e81c ";font-family:virtarich;font-size:14px;line-height:0.1em;margin-right:20px;vertical-align:0;}
.post blockquote:after{content:"\e81c ";font-family:virtarich;font-size:14px;line-height:0.1em;margin-left:20px;vertical-align:0;}
.post blockquote p{display:inline;}
.post ul li ul{margin-left:10px;padding:0;border:0}
.tags{float:none;font-size:12px;text-align:left;margin:0;padding:0;color:#666}
.jne,.tiki,.pos,.pandu,.wahana,.elteha,.dacota,.herona{padding:10px;float:left;height:35px;margin:2px;width:50px;}
.sidebar{height:100%;float:right;width:162px;margin-top:0;font-size:12px}
.sidebar .box{margin-bottom:5px;border:1px solid #ebebeb;background-attachment:scroll;background-color:#fff;overflow:hidden}
.sidebar h4{color:#fff;margin-bottom:0 !important;padding:5px;font-size:13px;font-weight:600}
.sidebar .box a{font-weight:500;color:#333}
.sidebar .box ul{list-style-type:none;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}
.sidebar .box ul li a{color:#333;display:block;font-weight:bold;padding:10px 5px;}
.sidebar .box ul li hover{display:block;padding:2px}
.sidebar .box ul li{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#e6e6e6;text-transform:capitalize}
.sidebar .box ul li ul{margin-left:15px;padding:0}
.sidebar .box ul li ul li{border:0}
.breadcrumbs{float:none;font-size:12px;text-align:left;color:#333;clear:both;padding:5px 0px;}
.breadcrumbs a{text-decoration:none;padding-top:0px;padding-right:5px;padding-bottom:0px;padding-left:0px;}
.wp-pagenavi{width:100%;clear:both;padding-top:5px;padding-right:0;padding-bottom:5px;padding-left:0;text-align:center;margin-top:5px;margin-right:auto;margin-bottom:5px;margin-left:auto;line-height:45px;}
.pages{color:#000;width:auto;height:auto;margin-top:0;margin-right:3px;margin-bottom:0;margin-left:0;border:1px solid #e9e9e9;padding:8px;background-color:#FFF}
.current{color:#333;width:auto;height:auto;margin:0;border:1px solid #e9e9e9;padding:8px}
.wp-pagenavi a{color:#000;text-decoration:none;border:1px solid #e9e9e9;padding:8px;background-color:#FFF;margin-top:5;margin-right:0;margin-bottom:5;margin-left:0;}
.wp-pagenavi a:hover{border:1px solid #e9e9e9}
.footer{width:100%;height:auto;text-align:center;font-size:12px;color:#FFF;padding:10px;box-sizing:border-box;clear:both;}
.footer a{color:#FFF;padding-top:5px;padding-bottom:5px;line-height:22px}
.list-blog{width:100%;min-height:110px;float:left;padding:5px 0px;margin-bottom:5px;box-sizing:border-box;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#ebebeb;}
.list-blog:nth-child(2n){float:right;}
.list-blog-title{max-height:35px;overflow:hidden}
.list-blog-thumb{padding:5px;height:75px;width:75px;vertical-align:middle;display:table-cell;text-align:center;float:left;background-color:#FFF;border:1px solid #ebebeb;margin:4px 4px 4px 0px;}
.list-blog-thumb a{color:#666;}
.vtr-table{margin:0;padding:0;width:100%}
.vtr-table table{width:100%;height:auto;margin:0;padding:0}
.vtr-table tr:nth-child(odd){background-color:#f4f4f4}
.vtr-table tr:nth-child(even){background-color:#fff}
.vtr-table th{vertical-align:middle;text-align:left;padding:7px;font-size:14px;font-weight:bold;color:#000}
.vtr-table td{vertical-align:middle;text-align:left;padding:7px;font-size:14px;font-weight:normal;color:#333}
.vtr-table tr:last-child td{border-width:0 1px 0 0}
.vtr-table tr td:last-child{border-width:0 0 1px 0}
.vtr-table tr:last-child td:last-child{border-width:0}
.vtr-table tr:first-child td:last-child{border-width:0 0 1px 1px}
.senter{text-align:center;}
.tombol{float:none;overflow:hidden;width:110px;margin:0px auto;}
.btn{border:0;display:inline-block;color:#fff;text-decoration:none;position:relative;cursor:pointer;font-size:14px;font-weight:normal;text-shadow:0 -1px 1px rgba(0,0,0,0.25);margin-top:10px;margin-bottom:10px;padding:5px 10px;}
.btn:hover{background-color:#999}
.btn-kiri{float:center;}
.btn-kanan{float:right;}
.wptoko-thumb{width:144px;height:290px;float:left;text-align:center;border:1px solid #ebebeb;background-color:#fff;margin-right:5px;margin-bottom:5px}
.wptoko-thumb:nth-child(4n){margin-right:0px;}
.wptoko-gambar{height:170px;width:160px;vertical-align:middle;margin-bottom:10px;text-align:center;display:table-cell;margin-right:auto;margin-left:auto;}
.wptoko-gambar a{color:#999;}
.wptoko-gambar-center{max-width:160px;margin-right:auto;margin-left:auto}
.wptoko-title{font-size:12px;width:auto;height:32px;padding-right:5px;padding-left:5px;overflow:hidden;clear:both;margin-top:5px;margin-bottom:5px;}
.wptoko-title h2{font-size:12px;}
.wptoko-title a{color:#333;}
.wptoko-harga{font-size:14px;margin-top:0;margin-right:0;margin-left:0;font-weight:bold;padding:2px}
.coret{text-decoration:line-through;color:#666}
.habis{font-size:22px;color:#F00;margin-top:8px;font-weight:bold;height:auto}
.slider-gambar{height:170px;width:160px;vertical-align:middle;margin-bottom:10px;text-align:center;display:table-cell;margin-right:auto;margin-left:auto;}
.slider-gambar a{color:#999;}
.slider-gambar-center{max-width:160px;margin-right:auto;margin-left:auto}
.slider-harga{font-size:14px;margin-top:0;margin-right:0;margin-left:0;font-weight:bold;padding:2px}
.telp{font-weight:bold;text-align:left;padding-bottom:5px}
.telp-number{font-size:16px;font-weight:bold}
.wptoko{overflow:hidden;margin-bottom:10px;}
.wptoko-left{float:left;width:310px;height:auto;text-align:center;}
.wptoko-right{float:right;width:280px;}
.photo{margin-right:auto;margin-left:auto;}
.photo-frame{position:relative;width:100%;border:1px solid #EBEBEB;margin-bottom:5px;min-height:300px;box-sizing:border-box;padding-top:5px;}
.photo-slider ul{list-style:none outside none;max-height:150px;overflow:hidden;}
.info-tambahan{border-radius:10px;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:12px;padding:10px;margin:10px 0px;background-color:#e3f7fc;border:1px solid #8ed9f6;}
#virtarich_select{border:1px solid #999;display:block;font-size:14px;margin-bottom:15px;margin-top:15px;padding:5px;font-weight:bold;width:100%}
.banner{width:100%;background-color:#fff;text-align:center;margin-bottom:10px;}
.vtr-testimoni-page{float:left;width:100%;}
.vtr-testimoni-page ul{margin:0;float:left;width:100%;list-style:none;padding:0}
.vtr-testimoni-page ul li{float:left;width:100%;position:relative;background-color:#FFF;padding:10px;}
.vtr-testimoni-page ul li:nth-of-type(odd){background-color:#F4F4F4;}
.vtr-testimoni-page ul li a:hover{color:#999}
.vtr-testimoni-page h2{font-size:22px;margin-top:0px;line-height:32px}
.vtr-testimoni-page h4{font-size:16px;margin-top:0px;line-height:22px}
.vtr-testimoni-page-tanggal{font-size:14px}
.keatas{position:fixed;bottom:20px;right:20px;display:none;color:#333;font-size:44px;}
.keatas a{color:#333;}
.cart{position:fixed;right:0px;top:0px;background-image:linear-gradient(to bottom, white,white,#DEE4D6);margin:5px;height:50px;width:150px;padding:10px;border:1px solid #EBEBEB;}
.cart{z-index:1000;display:block;color:#000;text-align:center;float:right;font-size:18px;}
.cart a{display:block}
.cart-down{box-shadow:0 3px 8px #323232;border:1px solid #EAEAEA;display:none;overflow:scroll;position:absolute;right:0;top:70px;width:400px;background-color:#FFF;padding:12px;z-index:999;text-align:left;height:200px;}

@media(max-width:959px){
    .cart{width:100%;margin:0;box-sizing:border-box;height:auto;color:#FFF;background-color:#000;background-image:none;position:fixed;right:0px;top:0px;}
    .cart a{color:#FFF;padding:0;}
    .cart br{display:none;}
    .cart-down{left:-9999px;position:absolute;top:-9999px}
}

@media(max-width:959px){
    img,object{max-width:100%}
    .video embed{width:100%;height:auto;min-height:200px}
    #wrap{width:100%;margin-top:50px;box-sizing:border-box}
    .header{overflow:hidden;text-align:center;height:auto;}
    .contenti-left{width:100%}
    .contenti-right{width:100%}
    .content{width:100%;}
    .wptoko-thumb{width:48%;margin-bottom:15px;box-sizing:border-box;}
    .wptoko-thumb:nth-child(2n){margin-right:0px;float:right;}
    .sidebar{width:100%;margin:0}
    .wptoko-left{margin-right:20px}
    .wptoko-right{float:left;}
    .katalog{width:30%;}
}

@media (max-width:500px){

    .wptoko-thumb{
        width:calc(50% - 6px) !important;
        max-width:none !important;
        float:left !important;
        clear:none !important;
        margin:0 12px 12px 0 !important;
        padding:8px !important;
        box-sizing:border-box !important;
        height:auto !important;
    }

    .wptoko-thumb:nth-child(2n){
        margin-right:0 !important;
    }

    .wptoko-thumb:nth-child(2n+1){
        clear:both !important;
    }

    .wptoko-gambar{
        width:100% !important;
        max-width:100% !important;
        height:auto !important;
        min-height:auto !important;
        display:block !important;
        margin:0 auto 10px auto !important;
        text-align:center !important;
    }

    .wptoko-gambar img{
        width:100% !important;
        max-width:100% !important;
        height:auto !important;
        display:block !important;
        margin:0 auto !important;
    }

    .photo-frame{
        min-height:auto !important;
        height:auto !important;
    }

    .wptoko-title{
        height:auto !important;
        max-height:none !important;
        overflow:hidden !important;
        padding:0 !important;
        margin:8px 0 !important;
    }

    .wptoko-title h2{
        font-size:14px !important;
        line-height:1.4 !important;
        padding-bottom:0 !important;
    }

    .wptoko-harga{
        font-size:16px !important;
        line-height:1.4 !important;
        padding:4px 0 !important;
    }

    .wptoko-left{width:100%;}
    .wptoko-right{width:100%;}
    .list-blog{width:100%;height:auto;float:left;box-sizing:border-box;}
    .list-blog:nth-child(2n){float:left;}
    .katalog{width:95%;}
}

@media print{
    #wrap{box-shadow:none;width:960px}
    .header{display:none}
    .vtr-menu-wrap{display:none}
    .cart{display:none}
    #marquee{display:none}
    .footer{display:none}
    .coret{text-decoration:line-through;color:#666}
    .vtr-table{margin:0;padding:0;width:100%}
    .vtr-table table{width:100%;height:auto;margin:0;padding:0}
    .vtr-table tr:nth-child(odd){background-color:#f4f4f4}
    .vtr-table tr:nth-child(even){background-color:#fff}
    .vtr-table th{vertical-align:middle;text-align:left;padding:7px;font-size:14px;font-weight:bold;color:#000}
    .vtr-table td{vertical-align:middle;text-align:left;padding:7px;font-size:14px;font-weight:normal;color:#333}
    .vtr-table tr:last-child td{border-width:0 1px 0 0}
    .vtr-table tr td:last-child{border-width:0 0 1px 0}
    .vtr-table tr:last-child td:last-child{border-width:0}
    .vtr-table tr:first-child td:last-child{border-width:0 0 1px 1px}
}

.kontak-box{float:left;width:140px;}
.contact,.contact-sms,.contact-bbm,.contact-whatsapp{text-align:left;font-size:13px;color:#333;float:left;padding:3px;min-width:120px;margin-right:3px;margin-left:3px;font-weight:bold;}
.category-image{margin:15px 0 20px;}
.category-image img{max-width:100%;height:auto;display:block;}

/* Tabel bergaris, lebih kecil, dan bisa digeser di mobile */
table {
  width: 100% !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  margin: 16px 0;
}

table,
table thead,
table tbody,
table tr,
table th,
table td {
  border: 1px solid #d0d7de !important;
}

table th,
table td {
  padding: 9px 10px !important;
  text-align: left;
  vertical-align: top;
  background-clip: padding-box;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
  line-height: 1.4;
}

table th {
  font-weight: 600;
}

/* Mobile */
@media (max-width: 768px) {
  table {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    white-space: normal !important;
    padding-bottom: 8px;
  }

  table thead,
  table tbody {
    display: table !important;
    width: 450px !important;
    min-width: 450px !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
  }

  table tr {
    display: table-row !important;
  }

  table th,
  table td {
    display: table-cell !important;
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
    padding: 9px 10px !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    box-sizing: border-box !important;
  }
}