#basket-panel table {
    width: 98%;
    margin: 10px auto;
    border-collapse: collapse;
    border: 1px solid #017c9f;
}

.row-title {
    color: #555;
    font-size: 1.8vw;
    font-weight: 300;
    background-color: #d5d5d5;
    height: 35px;
    padding: 0px;
    margin: 0px;
}

    .row-title th {
        border-left: 1px solid #555;
        text-align: center;
        font-size:18px;
    }

tr.row-item {
    color: #555;
    font-size: 2vw;
    font-weight: 300;
    background-color: #fefefe;
    border: 1px solid #555;
    padding: 0px;
    margin: 0px;
    height: 35px;
    text-align: center;
}

    tr.row-item:nth-child(2n) {
        background-color: #f5f5f5;
    }

    tr.row-item td {
        border: 1px solid #aaa;
    }

#Complate-Sale {
    width: 180px;
    max-width: 40%;
    height: 40px;
    color: #fff;
    font-weight: 500;
    background-color: #209537;
    padding: 8px;
    margin: 5px auto;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
}

#Complate-Sale:hover {

    background-color: #056c1a;
  
}

    #Complate-Sale a {
        color: #fff;
        font-size: 15px;
    }

#Cancel-Sale {
    width: 180px;
    max-width: 40%;
    height: 40px;
    color: #fff;
    font-weight: 500;
    background-color: #da0f14;
    padding: 8px;
    margin: 5px auto;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
}
#Cancel-Sale:hover {

    background-color: #a52d30;
  
}

    #Cancel-Sale a {
        color: #fff;
        font-size: 15px;
    }

.btn_cancel_css {
    width: 180px;
    max-width: 60px;
    height: 20px;
    color: #fff;
    font-weight: 300;
    background-color: #ad0408;
    padding: 1px;
    margin: 5px auto;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
}


.wrapper-panel {
    margin: 0px auto;
    display: flex;   
    border: 0px solid #eb3313;
    text-align: center;
    padding: 0px;
    height:420px;
}

    .wrapper-panel div {
        background-color: #ffffff;
        border: 1px solid #dddddd;
        overflow: hidden;
        width: 100%;
        height: 100%;
        color: #514d4e;
        text-align: center;
        position: relative;
    }

        .wrapper-panel div span {
            font-size: 13px;
            margin: 5px;
        }

        .wrapper-panel div div {
            bottom: 1px;
            position: absolute;
            left: 0px;
            right: 0px;
        }

        .wrapper-panel div img {
            float: none;
            width: 100px;
            height: auto;
            display: block;
            margin: 15% auto 5px auto;
            clear: both;
        }


.register_panel {
    width: 95%;
    height: 400px;
    margin: 50px auto;
    border: 1px solid #999;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    font-family: IranSans;
    display: flex;
    flex-wrap: wrap;
}

    .register_panel div:first-child {
        min-width: 50%;
        height: 100%;
        position: absolute;
        right: 0px;
        top: 0px;
        background-color: #077c1e; /* #c6003d;*/
        color: #fff;
        border: 0px solid #999;
        text-align: center;
        font-size: 20px;
        font-weight: 500;
        padding-top: 10%;
        z-index: 0;
    }

        .register_panel div:first-child p {
            font-size: 15px;
            direction: rtl;
            width: 80%;
            margin: 10px auto;
        }

    .register_panel div:last-child {
        min-width: 50%;
        height: 100%;
        position: absolute;
        left: 0px;
        bottom: 0px;
        text-align: center;
        font-size: 17px;
        font-weight: 500;
        padding-top: 5%;
        direction: rtl;
        background-color: #fdfdfd;
    }

    .register_panel input[type=text], input[type=password] {
        display: block;
        margin: 10px auto;
        width: 250px;
        height: 33px;
        font-size: 17px;
        direction: rtl;
        font-family: IranSans;
    }


    .register_panel input[type=submit] {
        margin: 2px auto;
        display: block;
        border: 2px solid #8e002c;
        width: 40%;
        height: 35px;
        padding: 3px;
        border-radius: 5px;
        background-color: #c6003d;
        color: #fff;
        font-size: 15px;
        font-weight: 500;
        font-family: IranSans;
    }

        .register_panel input[type=submit]:hover {
            border: 2px solid #0a5160;
            background-color: #22788a;
            cursor: pointer;
        }