@charset "utf-8";

/* CSS Document */

.vendor {
    margin: 0;
    padding: 15px;
    /* border-right:1px solid #c8c8c8; */
    background: #f5f5f5;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.vendor .vendor-search {
    border-bottom: 1px solid #fff;
}

.vendor .vendor-search .s-button {
    padding-top: 5px;
    width: 100%;
    background: #fff;
    padding: 6px 8px;
    text-align: center;
    height: 36px;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomright: 7px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.vendor .vendor-search .s-button img {
    max-width: 100%;
    height: auto;
}

.vendor .vendor-catagory .vendor-top {
    font-weight: bold !important;
    font-size: 18px;
    background-color: #e0e0e0;
    padding: 5px 10px;
    border-radius: 5px;
    margin-top: 10px;
}

.vendor .vendor-search .form-control {
    background-color: #ffffff!important;
    border: none;
    border-radius: 0;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-bottomleft: 7px;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

.vendor .vendor-search .form-group {
    margin-bottom: 5px;
}

.vendor .vendor-search input::placeholder {
    font-weight: bold;
    color: #000;
}

.vendor .vendor-catagory {}

.vendor .vendor-catagory ul {}

.vendor .vendor-catagory ul li {
    margin: 20px;
}

.vendor .vendor-catagory ul li .form-check-input {
    margin-top: 6px;
    margin-left: -0.25rem;
}

.vendor .vendor-catagory ul li .form-check-label {
    font: 18px/24px 'Kanit', Arial, sans-serif;
}

@media (min-width: 320px) and (max-width: 1024px) {
    .vendor {
        border-right: none;
    }
}