/*
Theme Name: Ikame Indonesia
Theme URI: https://ikameindonesia.co.id
Author: IkameDeveloper
Author URI: https://ikameindonesia.co.id
Description: Produksi dan importir peralatan usaha cucian mobil dan motor
Version: 1.0
License: GNU General
Tags: autocare, usaha cucian, alat cuci mobil, obat salon, sabun , snow wash
Text Domain: ikameindonesia
*/

body {
    font-size: .875rem;
    overflow-x: hidden;
    /* Prevent scroll on narrow devices */
}

.bg-dark-2 {
    background-color: rgb(0 0 0) !important;
}

.feather {
    width: 16px;
    height: 16px;
}

/*
   * Sidebar
   */
.sidebar2 {
    width: max-content;
    height: 100vh;
    padding: 10px;
    position: fixed;
    z-index: -1;
    flex-wrap: nowrap;
    overflow-y: auto;
}

.sidebar {
    height: 100vh;
    flex-wrap: nowrap;
    overflow-y: auto;
    /* batas   */
    position: fixed;
    top: 0;
    /* rtl:raw:
    right: 0;
    */
    bottom: 0;
    /* rtl:remove */
    left: 0;
    z-index: 100;
    /* Behind the navbar */
    padding: 48px 0 0;
    /* Height of navbar */
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

@media screen and (max-width: 599px) {
    .sidebar {
        top: 0rem;
    }

    .hide-on-mobile {
        display: none !important;
    }

    .pencarian-atas {
        width: 110px !important;
    }

    .alamat-atas {
        font-size: 10px !important;
    }

    .header-kanan:first-child {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .header-kanan:last-child {
        padding-left: 5px !important;
        padding-right: 0px !important;
    }

    .header-kanan {
        padding-left: 5px !important;
        padding-right: 0px !important;
    }

    .header-kanan-atas:first-child {
        padding-bottom: 5px !important;
    }

    .kontak-cs-marketing {
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #fff;
        border: 1px solid #6c757d!important;
        border-radius: 4px;
    }

    .artikel-kiri-kontak {
        font-size: 12px!important;
    }
    
    .ft-14 {font-size: 14px!important;}
    .ft-12 {font-size: 12px!important;}

}

@media (min-width: 1024px) {
    .hide-on-desktop {
        display: none !important;
    }

    .header-kanan:first-child {
        padding-left: 5px !important;
        padding-right: 0px !important;
    }

    .header-kanan:last-child {
        padding-left: 5px !important;
        padding-right: 0px !important;
    }

    .header-kanan {
        padding-left: 5px !important;
        padding-right: 0px !important;
    }

    .header-kanan-atas:first-child {
        padding-bottom: 5px !important;
    }

}

.header-kanan img:hover {
    opacity: 0.7;
}

.home_kategori_produk_img img:hover {
    opacity: 0.7;
}


.sidebar-sticky {
    position: relative;
    top: 0;
    height: calc(100vh - 48px);
    padding-top: .5rem;
    overflow-x: hidden;
    overflow-y: auto;
    /* Scrollable contents if viewport is shorter than content. */
}

.sidebar .nav-link {
    font-weight: 500;
    color: #333;
}

.sidebar .nav-link .feather {
    margin-right: 4px;
    color: #727272;
}

.sidebar .nav-link.active {
    color: #2470dc;
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
    color: inherit;
}

.sidebar-heading {
    font-size: .75rem;
}

/*
   * Navbar
   */

.navbar-brand {
    padding-top: .75rem;
    padding-bottom: .75rem;
    background-color: rgba(0, 0, 0, .25);
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
}

.navbar .navbar-toggler {
    top: .25rem;
    right: 1rem;
}

.navbar .form-control {
    padding: .75rem 1rem;
}

.form-control-dark {
    color: #fff;
    background-color: rgba(255, 255, 255, .1);
    border-color: rgba(255, 255, 255, .1);
}

.form-control-dark:focus {
    border-color: transparent;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
}


/* sidebar */
.dropdown-toggle {
    outline: 0;
}

.btn-toggle {
    padding: .25rem .5rem;
    font-weight: 600;
    font-size: 14px;
    color: rgba(0, 0, 0, .65);
    background-color: transparent;
}

.btn-toggle:hover,
.btn-toggle:focus {
    color: rgba(0, 0, 0, .85);
    background-color: #d3ebff;
}

.btn-toggle::before {
    width: 1.25em;
    line-height: 0;
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
    transition: transform .35s ease;
    transform-origin: .5em 50%;
}

.btn-toggle[aria-expanded="true"] {
    color: rgba(0, 0, 0, .85);
}

.btn-toggle[aria-expanded="true"]::before {
    transform: rotate(90deg);
}

.btn-toggle-nav a {
    padding: .1875rem .5rem;
    font-size: 14px;
    margin-top: .125rem;
    margin-left: 1.25rem;
}

.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus {
    background-color: #d3ebff;
}

.scrollarea {
    overflow-y: auto;
}

.active-button {
    background-color: #d3ebff;
}

/* end sidebar */

/* .table-nopadding{padding: 0rem 0rem!important;} */
.table-nopadding> :not(caption)>*>* {
    padding: 0.1rem 0.1rem !important;
}

.nav-scroller {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden;
}


.nav-scroller .nav {
    color: rgba(255, 255, 255, .75);
}

.nav-scroller .nav-link {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: .875rem;
    color: #6c757d;
}

.nav-scroller .nav-link:hover {
    color: #007bff;
}

.nav-scroller .active {
    font-weight: 500;
    color: #343a40;
}


.select2-results__option {
    padding: 3px !important;
}

.slider-header img {
    border-radius: 5px;
}

.active2 {
    font-weight: bold !important;
}

.active3 {
    background-color: #d3ebff!important;
}

.detailcontenartikel1 p {
    font-size: 16px !important;
}

@media only screen and (max-width: 320px) {
    p {
        font-size: 10px !important;
    }
}

.sp-thumbs a:link{
    border: 1px solid #ffffff!important;
}

.nav-link:hover{
    text-decoration: underline!important;
}

.active{
    text-decoration: underline!important;
}


/* coret harga */
s, strike{text-decoration:none;position:relative;}
s::before, strike::before {
    top: 50%; /*tweak this to adjust the vertical position if it's off a bit due to your font family */
    background:red; /*this is the color of the line*/
    opacity:.6;
    content: '';
    width: 105%;
    position: absolute;
    height:.2em;
    border-radius:.2em;
    left: -2%;
    white-space:nowrap;
    display: block;
    transform: rotate(-9deg);  
}
s.straight::before, strike.straight::before{transform: rotate(0deg);left:-1%;width:102%;}