.news-orders select,
.news-orders input[type="text"],
.news-orders input[type="password"],
.news-orders input[type="email"],
.news-orders textarea {
    border: 1px solid #ddd;
    padding: 10px;
    color: #000;
}

.news-orders .woocommerce-info {
    color: #1A8E14;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 20px
}

.news-orders .customer_details label {
    display: block;
    margin: 0 0 5px
}

.news-orders .customer_details .inline-block {
    display: inline-block
}

.news-orders .customer_details .margin-bottom-0 {
    margin-bottom: 0px
}

.news-orders .customer_details .font-weight-none {
    font-weight: normal
}

.news-orders .customer_details input[type="text"],
.news-orders .customer_details textarea {
    margin-bottom: 10px;
    width: 100%
}

.news-orders p.error,
.news-orders abbr {
    color: #F00
}

.news-orders>h2 {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px;
    color: #d30000;
    font-weight: bold;
    position: relative;
    font-size: 1.5em;
}

.news-orders .headline {
    font-size: 1.5em;
    color: #5e1a71
}

.news-orders>h2:after {
    max-width: 250px;
    width: 100%;
    content: "";
    bottom: 0px;
    left: 0px;
    border-bottom: 1px solid #c1c1c1;
    display: block;
    position: absolute;
}

.news-orders .book-now-submit {
    text-align: right;
    margin-bottom: 15px;
}

.news-orders span.input-group {
    position: relative;
}

.news-orders span.input-group:after {
    content: "";
    position: absolute;
    z-index: 1;
    right: 7px;
    top: 50%;
    width: 25px;
    height: 26px;
    margin-top: -13px;
    font-family: 'fontdl';
    content: "";
    text-align: center;
}

.news-orders span.group-billing-date:after {
    content: "\F271";
}

.news-orders span.group-billing-email:after {
    content: "\E80D";
}

.news-orders span.group-billing-name:after {
    content: "\E813";
}

.news-orders span.group-billing-phone:after {
    content: "\E83D";
}

.news-orders span.group-billing-address:after {
    content: "\E81A";
}

.news-orders span.group-billing-promotion:after {
    content: "\E81E";
}

.cart-button {
    position: relative;
    z-index: 9998;
}

.cart-button>.content {
    display: none;
    background: #F7F6F6;
    padding: 10px;
}

.cart-button>.content.empty {
    display: none !important;
}

.cart-button>.content .item {
    display: block;
    text-align: left;
    border-bottom: 1px solid #ECECEC;
    box-shadow: 0px 1px 0px 0px #FFF;
    margin-bottom: 5px;
}

.cart-button>.content .item:after {
    content: "";
    clear: both;
    display: block;
}

.cart-button>.content .item img {
    float: left;
    margin: 3px 10px 3px 0px;
}

.cart-button>.content .item .headline {
    display: block;
    color: #4E4E4E;
    font-weight: normal;
}

.cart-button>.content .item span {
    display: block;
    font-size: 0.8em;
    color: #C5B2B4;
    text-align: right;
}

.cart-button>.content .total {
    display: block;
    text-align: center;
    color: #BD1B29;
    font-size: 1.2em;
    margin: 10px 0px;
}

.cart-button>.content .orders-button {
    display: block;
}

.cart-button>.content .orders-button a {
    display: block;
    text-align: center;
    background: #5F7979;
    color: #FFF;
    text-decoration: none;
    padding: 10px 5px;
}

.cart-button>.content .orders-button a:hover {
    background: #fa0000;
}

.cart-button>span {
    display: block;
    cursor: pointer;
    font-size: 1.2em;
    background: none;
    padding: 7px 0px;
    text-align: center;
    color: #f2f2f2;
}

.cart-button>span b {	
	position: absolute;
    top: -5px;
    right: -10px;
    padding: 0px 6px;
    background: #f00;
    font-size: 13px;
    color: #fff;
    -moz-border-radius: 10%;
    border-radius: 50%;
}

.cart-button:hover>span {
    color: #f00;
}

.cart-button:hover>span b {
    color: #fff;
    background: #00a652;
}

.cart-order-list {
    position: relative;
    display: block;
}

.cart-order-list .content {
	max-width: 1080px;
	margin: auto;
    background: #FFF;
    color: #000;
}

.cart-order-list>h2 {
    display: block;
    font-size: 1.5em;
    color: #BD1B29;
}

.cart-order-list input[type=text] {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding-left: 5px;
    padding-right: 5px;
    color: #444;
}

.cart-order-list .total h2 {
    color: #BD1B29;
    font-size: 1.5em;
}

.cart-order-list .control .btn {
    margin: 15px 5px;
}

.cart-order-list  .table-responsive {
    background: #FFF;
    color: #444;
}

.cart-order-list  .table-responsive .table {
    margin-bottom: 0;
}

.cart-order-list  .table-responsive .table a {
    font-weight: bold;
    font-size: 1.2em;
    color: #000;
}

.cart-order-list select {
    height: 30px;
    display: inline-block;
    width: 120px;
    max-width: 99%;
    color: #444;
}

.send-mail-cart .items .total h2 {
    display: block;
    margin: 0px 0px 15px 0px;
    padding: 10px;
    background: #e20000;
    color: #FFF;
    font-size: 1.5em;
    text-align: center;
}

.send-mail-cart .item:after {
    content: "";
    clear: both;
    display: block;
}

.send-mail-cart .items {
    background: rgba(247, 247, 247, 0.82);
    color: #444;
}

.send-mail-cart .item {
    padding: 5px;
    border-bottom: 1px dotted #DCDCDC;
}

.send-mail-cart .item a {
    float: left;
    margin-right: 10px
}

.send-mail-cart .item .name {
    display: block;
    color: #BD1B29;
}

.send-mail-cart .item .prices {
    display: block;
    color: #757575;
    font-size: 0.8em;
}

.send-mail-cart .payment {
    display: block;
    margin-bottom: 15px;
    padding: 0;
}

.send-mail-cart  h2.h-payment {
    margin-bottom: 10px;
    padding: 10px 20px;
    background: #FFF;
    font-size: 1.2em;
    color: #000;
    font-weight: bold;
    text-align: left;
}

.send-mail-cart .payment .method {
    padding: 0px 10px;
}

.send-mail-cart .payment label {
    font-weight: normal;
    display: block;
    position: relative;
    overflow: hidden;
}

.send-mail-cart .payment input {
    margin-right: 10px;
    float: left;
}

.send-mail-cart .payment .active label,
.send-mail-cart .payment label:hover {
    font-weight: bold;
}

.send-mail-cart .payment .info-payment {
    display: none;
    margin-left: 20px;
    color: #777;
    padding: 10px;
    border: 1px solid #CCC;
    margin-bottom: 10px;
}

.send-mail-cart .payment .active .info-payment {
    display: block;
}

.cart-order-list .warning {
    color: #F00;
}

@media screen and (min-width:768px) {
    

    .cart-button:hover>div.content {
        display: block;
        position: absolute;
        min-width: 250px;
        right: 0px;
    }

    .rTable {
        display: table;
        width: 100%;
    }

    .rTableRow {
        display: table-row;
    }

    .rTableHeading {
        display: table-header-group;
        background-color: #ddd;
    }

    .rTableCell,
    .rTableHead,
    .rTableRow-bottom {
        padding: 5px 10px;
        border-bottom: 1px dashed #d8d8d8;
    }

    .rTableHead {
        padding-top: 15px;
        padding-bottom: 15px;
        color: #444;
    }

    .rTableCell,
    .rTableHead {
        display: table-cell;
    }

    .rTableRow-bottom {
        display: block;
    }

    .rTableHeading {
        display: table-header-group;
        background-color: #ddd;
        font-weight: bold;
    }

    .rTableFoot {
        display: table-footer-group;
        font-weight: bold;
        background-color: #ddd;
    }

    .rTableBody {
        display: table-row-group;
    }

    .rTable:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .rstt {
        width: 50px;
        text-align: center;
    }

    .rimage {
        width: 125px;
        text-align: center;
    }

    .rdongia {
        width: 100px;
        text-align: right;
    }

    .rsoluong {
        width: 100px;
        text-align: right;
    }

    .rgiamgia {
        width: 100px;
        text-align: right;
    }

    .rthanhtien {
        width: 120px;
        text-align: right;
    }

    .rxoa {
        width: 50px;
        text-align: center;
    }

}

@media screen and (min-width:768px) and (max-width:991px) {
    .icon-search>span {
        margin-top: 1px !important;
    }

    .cart-button>span {
        margin-top: 9px;
    }

    .cart-button {
        right: 5px;
    }

    .cart-button>span {
        color: #FFF;
    }

}

@media screen and (max-width:767px) {
    .cart-button {

        /*margin-bottom: 0px; margin-left: 5px; margin-right: 5px; position: fixed; right: 135px; top: 96px;*/
    }

    .cart-button:hover>.content,
    .cart-button>.active {
        display: block;
        position: absolute;
        right: 0px;
        min-width: 320px;
        z-index: 1000;
    }

    

    .rTableRow {
        padding: 15px 15px 15px 100px;
        border-bottom: 1px dashed #d8d8d8;
        position: relative;
        z-index: 1;
    }

    .rTableRow:after {
        content: "";
        position: absolute;
        top: 0px;
        left: 85px;
        right: 0px;
        bottom: 0px;
        z-index: -1;
        background: #f3f3f3;
    }

    .rimage {
        position: absolute;
        top: 10px;
        left: 10px;
    }

    .rdongia,
    .rgiamgia {
        font-size: 0.9em;
        color: #555;
    }

    .rxoa {
        position: absolute;
        left: 20px;
        bottom: 20px;
        z-index: 5;
    }

    .rsoluong {
        margin-top: 10px;
        position: relative;
        display: block;
        background: #eaeaea;
        text-align: center;
    }

    .rsoluong input {
        background: none !important;
        border: none;
        text-align: center;
        display: inline-block !important;
        vertical-align: top;
        height: 40px !important;
        font-weight: bold;
        color: #777 !important;
        width: 40% !important;
    }

    .rsoluong .pre,
    .rsoluong .next {
        content: "";
        display: inline-block;
        width: 27%;
        text-align: center;
        font-weight: bold;
        height: 40px;
        line-height: 40px;
        cursor: pointer;
        vertical-align: top;
    }

}

@media screen and (max-width:600px) {
    .cart-button:hover>.content,
    .cart-button>.active {
        display: block;
        position: fixed;
        right: 0px;
        left: 0px;
        min-width: 320px;
        z-index: 1000;
    }

    .cart-order-list .control .btn {
        margin: 5px;
    }

}
