
.list label {
    font-size: 12px;
}

ul.list-product li {
    display: inline-block;
    width: 23%;
    margin: 2px;
}

.listings {
    transition: 0.2s;
}

.listings:hover {
    transform: scale(1.03);
    box-shadow: 1px 1px 5px 1px rgba(1, 1, 1, 0.4);
}

.parent-box-pos {
    overflow-y: scroll;
    height: 46vh;
    border: 1px solid rgba(1, 1, 1, 0.3);
    border-radius: 5px
}

.blog-payment .list-box .list {
    border-bottom: none;

}

#append_product tr td:nth-child(3), #append_product tr td:nth-child(4), #append_product tr td:nth-child(5) {
    width: 11%;
}

/*radio button*/
.switch-field {
    display: flex;
    margin-bottom: 10px;
   padding: 2px;
    overflow: hidden;
}

.switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

.switch-field label {
    background-color: whitesmoke;
    color: rgba(0, 0, 0, 0.6);
    font-size: 12px;
    line-height: 1;
    text-align: center;
    padding: 4px 0px;
    margin-right: -1px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    transition: all 0.1s ease-in-out;
    width: 100%;
}

.switch-field label:hover {
    cursor: pointer;
    background-color: rgba(41, 128, 185,0.8);
    color: whitesmoke;
}

.switch-field input:checked + label {
    background-color: #337ab7;
    color: whitesmoke;
}

.switch-field label:first-of-type {
    border-radius: 4px 0 0 4px;
}

.switch-field label:last-of-type {
    border-radius: 0 4px 4px 0;
}
