old-wiaas-legacy/api-wiaas/client/js/components/shop/shop.less

@background-layer: rgba(255, 255, 255, 0.8);

.ui-dialog-titlebar-close{
    display: none;
}

#web-shop-layer {
    padding-bottom: 2%;

    .shop-packages-found {
        font-size: 70%;
    }

    .shop-package-layer {
        position: relative;
        margin-top: 2%;
        background: @background-layer;
        padding: 3%;
        height: 200px;
    }

    .shop-package-title {
        font-size: 120%;
        text-align: center;
        font-weight: bold;
    }

    .shop-package-reference {
        margin-bottom: 5%;
        text-align: center;
        font-weight: bold;
    }

    .shop-package-details-btn {
        position: absolute;
        bottom: 5%;
        right: 5%;
    }

    .shop-package-extra {
        position: absolute;
        bottom: 5%;
        left: 5%;
    }

    .shop-package-label {
        display: inline-block;
        font-weight: bold;
    }

    .shop-package-text {
        display: inline-block;
    }

    .commercial-leads-layer {
        margin: 1% 0;
    }

    .comemrcial-lead {
        margin-right: 1%;
    }

    .selected-cl {
        color: #FFFF00;
    }
}

#shop-package-details-layer {
    .shop-package-details-layer {
        position: relative;
        background: @background-layer;
        padding: 1% 3%;
        margin-top: 1%;
    }

    .shop-package-title {
        font-size: 160%;
        text-align: center;
        font-weight: bold;
    }

    .shop-package-reference {
        margin-bottom: 5%;
        text-align: center;
        font-weight: bold;
    }

    .shop-package-label {
        display: inline-block;
        font-weight: bold;
    }

    .shop-package-text {
        display: inline-block;
        vertical-align: top;
    }

    .shop-package-full-description {
        margin-top: 3%;
    }

    .shop-package-details-country {
        margin-top: 3%;
    }

    .selection-price {
        font-size: 160%;
        color: #E42217;
    }

    .shop-package-prices, .shop-package-options {
        margin-top: 3%;
        padding: 1%;
        border-bottom: 2px solid #000;
    }

    .package-option {
        margin-top: 2%;
    }

    .package-option-input, .price-type-option{
        cursor: pointer;
    }

    .package-option-checkbox{
        cursor: pointer;
        font-size: 120%;
    }

    .option-value {
        padding: 3px;
        margin-right: 3%;
    }
    .option-value-text, .shop-package-pay-type{
        cursor: pointer;
    }

    .option-value:hover, .shop-package-pay-type:hover {
        background: rgba(59, 185, 255, 0.5);
        border-radius: 5px;
    }

    .add-to-cart-btn {
        margin-top: 5%;
    }

    .shop-pacakge-option-agreement {
        width: 20%;
    }

    .shop-pacakge-option-price {
        margin-left: 5%;
    }

    .shop-packages-details-cl {
        border-top: 2px solid #000;
        margin-top: 2%;
        padding-top: 2%;
    }

    .back-btn-layer {
        margin-top: 2%;
    }

    .price-info-btn {
        color: #337ab7;
        cursor: pointer;
        margin-left: 5px;
    }

    .price-info-title {
        font-weight: bold;
    }

    .selected-price {
        font-weight: bold;
    }

    .selected-option{
        font-weight: bold;
    }

    .shop-package-details-documents{
        margin-top: 3%;
    }

    .options-header {
        margin-top: 2%;
    }

    .not-available{
        font-weight: bold;
        color: #FFA62F;
    }
}

#shop-package-search-btn {
    cursor: pointer;
}

#shop-package-serach-input {
    background: @background-layer;
    border-radius: 5px;
    margin: 0;
    padding: 0 5px;
    border: 1px solid #2e6da4;
}

#shop-package-clear-btn {
    color: #E42217;
    cursor: pointer;
}

#shop-cart-container {
    background: @background-layer;
    padding-left: 2%;

    .address-type {
        font-size: 150%;
        margin-bottom: 1%;
    }
}

#shop-cart {
    .not-available {
        display: inline-block;
        color: #FFA62F;
    }

    .shop-cart-item {
        padding: 1% 0;
        border-bottom: 2px solid #337ab7;
    }

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

    .shop-item-option {
        font-weight: normal;
        font-size: 90%;
    }

    .shop-item-remove {
        font-size: 150%;
        cursor: pointer;
        color: #E42217;
    }

    .show-customer-addresses {
        .label-value-pair {
            margin-bottom: 1%;
        }

        .address-area {
            height: 80px;
        }
    }

    .drop-box {
        color: #337ab7;
        border: 5px dashed #337ab7;
        border-radius: 10px;
        text-align: center;
        vertical-align: middle;
        font-size: 200%;
        padding: 10% 0;
        margin-top: 2%;
    }

    .dragover {
        border: 5px dashed #4CC417;
    }

    .document-layer {
        padding: 1% 0;
        border-bottom: 2px solid #337ab7;
    }

    .upload-status {
        font-size: 200%;
        padding: 10% 0;
        margin-top: 2%;
    }

    .file-uploaded {
        color: #4CC417;
    }

    .no-file-uploaded {
        color: #800080;
    }

    .shop-terms-conditions {
        padding-left: 2%;
        font-size: 135%;
        font-weight: bold;
        width: 98%;
    }

    .shop-item-options, .shop-item-additional-packages {
        margin-top: 1%;
        margin-left: 4%;
        font-size: 90%;
    }
}

#show-order-info-headers {
    padding-top: 1%;
    padding-bottom: 2%;

    .step {
        display: inline-block;
        padding: 1%;
        border-radius: 5px;
        cursor: default;
    }

    .active-step {
        background: #2184be;
        color: #FFF;
    }

    .inactive-step {
        background: #eee;
        color: #aaa;
    }

    .done-step {
        background: #9dc8e2;
        color: #FFF;
    }

    .step-link {
        display: inline-block;
        background: #2184be;
        width: 30px;
        height: 2px;
    }
}

#order-action-buttons {
    padding-top: 2%;
    padding-bottom: 3%;

    .prev-btn {
        float: right;
        margin-right: 3%;
    }

    .next-btn {
        float: right;
        margin-right: 5%;
    }

    .save-btn {
        float: right;
        margin-right: 5%;
    }
}

#cart-informations-review {
    .package-details {
        margin-top: 1%;
    }

    .package-details-list {
        margin-left: 10%;
        margin-top: 1%;
    }

    .label-value-pair {
        display: block;
    }

    .value-pair {
        display: inline;
        margin-left: 3%;
    }

    .cart-review-title {
        color: #045FB4;
    }

    .package-name-review {
        font-weight: bold;
    }
}

.shop-message{
    padding-left: 2%;
    font-size: 130%;
}

#shop-cart-empty-container {
    background: @background-layer;
}

.mail-order-package-detail {
    padding-left: 35px;
    display: block;
}