body, html {
    height: 100%;
    margin: 0;

}

.row {
    display: table-row;
}

.row > * {

    width: auto;
}

.switch > * {
    float: right;
    padding: 0 0.4em;
}

.container-outside {
    width: 100%;
}

div {
    display: inline-block;
}

.title {
    height: 3vw;
    width: 100%;

}

.logo {
    margin: 0.3vw;
    width: auto;
    float: left;
    height: 2.4vw;
}

.time {
    float: right;
    padding: 0.3vw 20px;
    line-height: 2.4vw;
    font-size: 1.4vw;
}

.banner {
    width: 100%;
    height: auto;
}

.whatsapp {
    float: right;
}

.switch {
    float: right;
}

.banner a {
    float: right;
    font-size: 2.8vh;
    margin-right: 3vh;
}

.content_body {
    /*margin-top: 60px;*/
    /*background-color: #e0e0e0;*/
    /*height: 86%;*/
    width: 100%;
    margin: 0.1vw 0;
}

.header {
    height: 7vw;
    width: 100%;
}

.col-6 {
    float: left;
    padding-right: 1vw;
    padding-left: 1vw;
}

.table {
    display: table;
    width: 98%;
    margin: 0.4vw 1%;
    border-collapse: collapse;
    text-align: center;
}

.cell {
    display: table-cell;
    padding: 0.5vw;
    font-size: 2vh;
}

.gjs, .jcp, .wh {
    border-radius: 1vw;
    padding: 0.4vw 1.5vw;
    width: 100%;
    margin-bottom: 0.8vw;
}


.item-title {
    width: 100%;
    font-size: 2.1vh;
    font-weight: bolder;
}


.item-name {
    font-weight: bold;
}

.item-sell {
    font-size: 3vh;

}

.banner img {
    height: 3vw;
    max-height: 5vh;
}

.row .cell img {
    width: 1vw;
}
.triangle-btn{
    width: 0;
    height: 0;
    border: solid;
    border-width: 10px 0 10px 20px;
    border-color: transparent transparent transparent transparent;
    background-image: url('/images/auccy/triangle_r.png');
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    outline: none;
}
.modal-dialog{
    display: block;
    max-width:80%
}

.modal-title{
    margin: 0 auto  ;
}

.btn-close  {
    margin: 0 !important;
}
.modal-body .table .cell{
    color: #0e0e0e;
}

.modal-price{
    background-color: #eaeaea;
    font-size: 2rem;
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: black 0.0001rem solid;
}

.modal-price .table{
    margin: 0;

}
.modal-price .table .row:first-child{
    border-bottom: #0e0e0e 1px groove;
}
.modal-price .table .row:last-child{
 border-bottom: none;
}