.star-rating {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}
.star-rating .radio-input {
    position: fixed;
    opacity: 0;
    pointer-events: none;
}
.star-rating .radio-label {
    cursor: pointer;
    font-size: 0;
    color: rgba(0, 0, 0, 0.2);
    transition: color 0.1s ease-in-out;
}
.star-rating .radio-label:before {
    content: "★";
    display: inline-block;
    font-size: 32px;
}
.star-rating .radio-input:checked ~ .radio-label {
    color: #ffc700;
    color: gold;
}
.star-rating .radio-label:hover, .radio-label:hover ~ .radio-label {
    color: goldenrod;
}
.star-rating .radio-input:checked + .radio-label:hover, 
.radio-input:checked + .radio-label:hover ~ .radio-label, 
.radio-input:checked ~ .radio-label:hover, 
.radio-input:checked ~ .radio-label:hover ~ .radio-label, 
.radio-label:hover ~ .radio-input:checked ~ .radio-label {
    color: darkgoldenrod;
}



.table-div
{
    width:  100%;
    max-height: 100vh;
    overflow: auto;
}

.table-01
{
    width: 100%;
}
.table-01 thead
{
    display: contents;
}
.table-01 thead th
{
    font-weight: 400;
}
.table-01 tr
{
    border-bottom: 1px solid #dad9da;
}
.table-01 tbody tr
{
    cursor: pointer;
    -webkit-transition: background .3s ease-in-out;
    -o-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}
.table-01 .expand-row
{
    position: relative;
}
.table-01 .expand-row.expanded 
{
    background: rgba(218, 220, 224, .24);
}
.table-01 .expand-row.expanded 
.expand-icon
{
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}
.table-01 .expand-row .expand-icon
{
    fill: #673de6;
    width: 24px;
    height: 24px;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
}
.table-01 .expand-row__row
{
    border-top: 1px solid #dad9da;
}
.table-01 .expand-row__row:hover
{
   background: rgba(218, 220, 224, .24);
}
.table-01 .order-price-table
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}
.table-01 .order-price-table
.order-price-table-contents 
{
    padding: 1em;
    border-radius: 4px;
    background: #F2F3F6;
    min-width: 500px;
    margin: 2em 0;
}
.table-01 .order-price-table
.order-price-table-contents 
.order-price-table-td
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: .7em;
}
.table-01 tbody tr:hover
{
    background: rgba(218, 220, 224, .24);
}
.table-01 tr:last-of-type
{
    border-bottom: none;
}
.table-01 th, .table-01 td
{
    padding: 16px 24px;
    position: relative;
}
.table-01 tbody
{
    border-top: 1px solid #dad9da;
}
.table-01 td
{
    min-width: 70px;
    word-break: break-word;
    vertical-align: middle;
}




.card-02
{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 4px;
}
.card-02 .card-header
{
    background: -o-linear-gradient(top,rgba(110,110,185,0.75),rgba(130,130,220,0.6)),
                url('../img/cards/1.jpg');
    background: -webkit-gradient(linear,left top, left bottom,from(rgba(110,110,185,0.75)),to(rgba(130,130,220,0.6))),
                url('../img/cards/1.jpg');
    background: linear-gradient(to bottom,rgba(110,110,185,0.75),rgba(130,130,220,0.6)),
                url('../img/cards/1.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 6rem !important;
    position: relative;
}
.card-02 .card-header 
.card-icon
{
    height: 90px;
    width: 90px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    background: #fff;
    padding: 20px;
    border-radius: 50%;
    -webkit-box-shadow: 0 13px 20pxrgba(0,0,0,.21);
            box-shadow: 0 13px 20pxrgba(0,0,0,.21);
}
.card-02 .card-body
{
    padding: 0 !important;
}


.btn-1
{
    background: #ffffff;
    border-radius: 3px;
    border: 1px solid #f2f2f2;
    padding: .35em 1em;
    display: inline-block;
    color: #262626;
}
.btn-1:active
{
    background: #f2f2f2;
    -webkit-box-shadow: 0 2px .5em #d9d9d9;
            box-shadow: 0 2px .5em #d9d9d9;
}

.btn-2 
{
    background: #855efb;
    border-radius: 3px;
    border: 1px solid #561ff9;
    padding: 1.2em 1em;
    display: inline-block;
    color: #ffffff;
}
.btn-2:active
{
    background: #6938fa;
    -webkit-box-shadow: 0 2px .5em #d9cdfe;
            box-shadow: 0 2px .5em #d9cdfe;
}

.btn-03 {
    width: 25px;
    height: 30px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid #3fbd6b;
    padding: 0;
    border-radius: 3px;
    color: #054e18;
    background: #ffffff;
    font-weight: 400;
    font-size: 14px;
}
.btn-03:active
{
    background: #f2f2f2;
}


.radio-btn-1
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.radio-btn-1 .radio-minus-btn,
.radio-plus-btn
{
    background: #ffffff;
    border-radius: 3px;
    border: 1px solid #f2f2f2;
    padding: .35em;
    display: inline-block;
    height: 100%;
    color: #262626;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    font-size: 16px;
}
.radio-btn-1 .radio-minus-btn
{
    border-right: none;
}
.radio-btn-1 .radio-plus-btn
{
    border-left: none;
}
.radio-btn-1 .radio-minus-btn:active,
.radio-btn-1 .radio-plus-btn:active
{
    background: #f2f2f2;
}
.radio-btn-1 .radio-input
{
    text-align: center;
    border: 1px solid #f2f2f2;
    font-weight: 300;
    font-size: 14px;
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
    outline: 0;
}
.radio-btn-1 .radio-input::-webkit-outer-spin-button,
.radio-btn-1 .radio-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}


.list-04
{
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.list-04 .list-item
{
    position: relative;
    display: block;
    color: #000000;
    margin-bottom: -1px;
    background-color: #fff;
    border-top: 1px solid rgba(0,0,0,.08);
    padding: 0.75rem 1.75rem;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    -o-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.list-04 .list-item:last-of-type
{
    margin-bottom: 0;
    border-bottom: none;
}
.list-04 .list-item:hover 
{
    background: #f8f9fa;
}



.alert .alert-icon
{
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    margin-right: .5em;
}
.alert .alert-text 
{
    font-weight: 200 !important;
    font-size: 15px !important;
    display: inline-block;
    vertical-align: middle;
}
.alert.alert-info
{
    border-radius: 3px;
    border: 1px dashed #4285F4;
    background: #cfe0fc;
}

.modal-01
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .9);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: none;
    z-index: 1000;
}
.modal-01.active
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}



.orders-cart-dialog 
{
    text-align: right;
    direction: rtl;
    position: fixed;
    bottom: 5%;
    right: 5%;
    z-index: 1000;
    background: #ffffff;
    border-radius: 3px;
    border-left: 4px solid #fbb77c;
    color: #000000;
    -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
            transform: translateY(2000px);
    -webkit-transition: -webkit-transform .5s ease-in-out .1s;
    transition: -webkit-transform .5s ease-in-out .1s;
    -o-transition: transform .5s ease-in-out .1s;
    transition: transform .5s ease-in-out .1s;
    transition: transform .5s ease-in-out .1s, 
    -webkit-transform .5s ease-in-out .1s;
}
.orders-cart-dialog.active
{
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}
.orders-cart-dialog.minimized 
{
    overflow: hidden;
    height: 55px;
}
.orders-cart-dialog .orders-cart-dialog-total-orders
{
    display: none;
    text-align: center;
}
.orders-cart-dialog.minimized .orders-list
{
    display: none;
}
.orders-cart-dialog.minimized .orders-cart-dialog-total-orders
{
    display: block;
}
.orders-cart-dialog.minimized .view-orders-btn
{
    display: none;
}
.orders-cart-dialog.minimized .cart-btn-minimize 
{
    display: none;
}
.orders-cart-dialog.minimized .cart-btn-restore 
{
    display: block;
}
.orders-cart-dialog .cart-btn
{
    color: #444444;
    background: #f5f5f5;
    width: 30px;
    height: 30px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: none;
    border-radius: 50%;
    font-size: 20px;
    cursor: pointer;
    position: absolute;
}
.orders-cart-dialog .cart-btn-close 
{
    top: 5px;
    right: 5px;
}
.orders-cart-dialog .cart-btn-minimize 
{
    top: 5px;
    right: 40px;
}
.orders-cart-dialog .cart-btn-restore 
{
    top: 5px;
    right: 75px;
    display: none;
}
.orders-cart-dialog
.view-orders-btn
{
    color: #cb6701;
}
.orders-cart-dialog
.orders-list
{
    background: #f2f2f2;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 130px;
}
.orders-cart-dialog
.orders-list .order
{
    background: #ffffff;
    margin-bottom: .5em;
    padding: 1em;
    position: relative;
}
.orders-cart-dialog
.orders-list .order .order-img
{
    width: 30px;
    height: 30px;
}
.orders-cart-dialog
.orders-list .order .order-price,
.order-price
{
    font-size: .9em;
}
.orders-cart-dialog
.orders-list .order .order-name
{
    color: #000000;
}
.orders-cart-dialog .tabs-list 
{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
}
.orders-cart-dialog .tabs-list
.list-item
{
    cursor: pointer;
    padding: 1em .5em;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    color: #000000;
    font-weight: 400;
    font-size: 14px;
    background: #f2f2f261;
    border-bottom: 3px solid transparent;
}
.orders-cart-dialog .tabs-list
.list-item.active
{
    background: #ffffff;
    border-color: #751aff;
}