@charset "utf-8";

.css_produs {
    display:flex;
    flex-direction:column;
    margin:0;
    padding:0;
}

.css_trio {
    display:flex;
    flex-direction:column;
    width:100%;
}

@media(min-width: 500px) {
    .css_box_comanda {
        width:100%;
        margin:0 0 3px 0;
        border:1px solid #d0d0d0;
        padding:0;
        font-size:18px;
        border-radius: 4px;
    }
    .css_titlu {
        border-bottom: 1px solid #a0a080;
        padding:0 10px 0 10px;
        margin:2px 0 0 0;
        font-family: arial;
        font-size: 22px !important;
        line-height: 1.5 !important;
        background-color:#f6f6f0;
        display:block;
    }
    .css_trio {
        display:flex;
        flex-direction:row;
        justify-content: space-between;
    }
    .css_coperta {
        display:inline-block;
        width:300px;
    }
    .css_comanda {
        display:inline-block;
        width:350px;
    }
}


.css_coperta {
    padding:0;
    margin:5px 0 0 0;
}

.css_campuri {
    padding:5px;
    margin:5px;
    width:90%;
}

.css_box_pret {
    background-color:#ffffff;
    padding:2px;
    width:100%;
}

.css_box_pret td {
    padding:0;
}

.css_box_comanda_pret {
    font-size:20px;
    white-space:nowrap;
}

.css_box_liste {
    border-radius:3px 6px 3px 6px;
    width:235px;
    background-color: #ffffff;
    margin:10px;
    border:1px dotted #303C3E;
    padding:5px;
    text-align:center;
}

.css_box_liste select {
    margin:5px;
    width:100%;
}

.css_box_liste_buton {
    border-radius:3px 3px 3px 3px;
    background-color:#F1F6E1;
    font-family: arial, serif;
    padding:5px;
    margin:3px;
}

.css_box_liste_buton a {
    padding:5px;
    font-size:15px;
    color:#303C3E;
}

.css_box_liste_buton:hover {
    cursor:pointer;
    background-color:#dee2ce;
}


.css_box_comanda h3 {
    text-align:center;
    font-size:18px;
    font-family:arial;
    background-color:#f0f0ff;
    font-weight:bold;
    display:block;
    margin:0px;
    text-align:center;
}

.css_box_comanda table {
    padding:5px;
}

.css_box_comanda_buton {
    border:1px solid #000000;
    background-color:#FF4500;
    font-family: arial, serif;
    font-size: 13px;
    padding:5px;
    margin:0 auto 10px auto;
    width:90%;
    border-radius: 4px;
}

.css_box_comanda_stoc_epuizat {
    padding:4px;
    color:#880000;
}

.css_box_comanda_buton td {
    font-family: arial, serif;
    font-size: 13px;
}

.css_box_comanda_buton a {
    color:#ffffff;
    font-weight:bold !important;
    font-family: verdana, serif !important;
    font-size:16px !important;
    text-decoration: none;
    padding:3px;
}

.css_box_comanda_buton:hover {
    cursor:pointer;
    background-color:#A0522D;
}

.css_comanda {
    margin:5px;
}

.css_produs_camp {
    margin:3px;
    padding:3px;
    display:inline-block;
    float:left;
    background-color:#ff0000;
}

.css_produs_camp a {
    text-decoration: none;
}

.css_descriere {
    padding:5px;
    margin:5px;
    border-top:1px dotted #808080;
    width:100%;
}

@media(max-width: 499px) {
    .css_box_comanda {
        width:100%;
        margin:5px;
        border:3px solid #f0f0f0;
        padding:5px;
        font-size:18px;
    }
    .css_titlu {
        border-bottom: 1px solid #a0a080;
        padding:0 10px 0 10px;
        margin:3px;
        font-family: arial;
        font-size: 22px !important;
        line-height: 1.5 !important;
        background-color:#f6f6f0;
        display:inline-block;
    }
    .css_descriere {
        width:90%;
    }
}

.css_produs_promotie {
    margin:auto;
    display:inline-block;
}

.css_cos_list {

}

@media(max-width: 600px) {

    .css_cos_list th {
        display:none;
        visibility: hidden;
        background-color:#ff0000 !important;
    }
}